.writing-container[data-v-cf67b9de]{background:#fff;height:100vh;overflow:hidden;width:100%}.writing-wrapper[data-v-cf67b9de]{display:flex;flex-direction:column;height:100%}.writing-header[data-v-cf67b9de]{align-items:center;background:#fff;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:.75rem 1rem;position:sticky;top:0;z-index:99}@media(min-width:768px){.writing-header[data-v-cf67b9de]{padding:1rem 1.5rem}}.header-left[data-v-cf67b9de]{align-items:center;display:flex;flex-shrink:0;gap:.5rem}@media(min-width:768px){.header-left[data-v-cf67b9de]{gap:.75rem}}.header-logo[data-v-cf67b9de]{height:2rem;width:auto}@media(min-width:768px){.header-logo[data-v-cf67b9de]{height:2.5rem}}.header-title[data-v-cf67b9de]{color:#1f2937;display:none;font-size:.875rem;font-weight:700}@media(min-width:480px){.header-title[data-v-cf67b9de]{display:block}}@media(min-width:768px){.header-title[data-v-cf67b9de]{font-size:1.125rem}}.header-center[data-v-cf67b9de]{display:flex;flex:1;justify-content:center;min-width:0}.timer-container[data-v-cf67b9de]{align-items:center;background:#fff;border:1.5px solid var(--color-primary);border-radius:20px;box-shadow:0 2px 8px #f86c3133;display:flex;gap:.375rem;padding:.375rem .75rem}@media(min-width:768px){.timer-container[data-v-cf67b9de]{border-radius:25px;gap:.5rem;padding:.5rem 1.25rem}}.timer-icon[data-v-cf67b9de]{color:var(--color-primary);flex-shrink:0;font-size:18px}@media(min-width:768px){.timer-icon[data-v-cf67b9de]{font-size:25px}}.timer-display[data-v-cf67b9de]{color:var(--color-primary);font-family:Nunito,Helvetica Neue,Roboto,Helvetica,Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px}@media(min-width:768px){.timer-display[data-v-cf67b9de]{font-size:18px;letter-spacing:1px}}.header-right[data-v-cf67b9de]{align-items:center;display:flex;flex-shrink:0}.close-btn[data-v-cf67b9de]{background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;padding:.375rem;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.close-btn[data-v-cf67b9de]:hover{background:#f3f4f6;color:#6b7280}@media(min-width:768px){.close-btn[data-v-cf67b9de]{padding:.5rem}}.writing-main[data-v-cf67b9de]{display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}.content-wrapper[data-v-cf67b9de]{min-height:-moz-min-content;min-height:min-content}.task-section[data-v-cf67b9de]{background:#fff;padding:1rem;-webkit-overflow-scrolling:touch}@media(min-width:768px){.task-section[data-v-cf67b9de]{padding:1.5rem}}@media(min-width:1024px){.task-section[data-v-cf67b9de]{padding:2rem}}.task-info[data-v-cf67b9de]{border-bottom:1px solid #f1f5f9;margin-bottom:1rem;padding-bottom:1rem}@media(min-width:768px){.task-info[data-v-cf67b9de]{margin-bottom:1.5rem;padding-bottom:1.5rem}}.info-item[data-v-cf67b9de]{color:#64748b;font-size:.875rem;margin-bottom:.75rem}@media(min-width:768px){.info-item[data-v-cf67b9de]{font-size:1rem}}.info-item[data-v-cf67b9de]:last-child{margin-bottom:0}.info-label[data-v-cf67b9de]{color:#64748b}.info-value[data-v-cf67b9de]{color:var(--color-primary);font-size:1rem;font-weight:600}@media(min-width:768px){.info-value[data-v-cf67b9de]{font-size:1.125rem}}.task-content[data-v-cf67b9de]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;margin-bottom:1rem;padding:1rem}@media(min-width:768px){.task-content[data-v-cf67b9de]{border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem}}.task-text[data-v-cf67b9de]{color:#334155;font-size:.875rem;font-weight:500;line-height:1.7;white-space:pre-line}@media(min-width:768px){.task-text[data-v-cf67b9de]{font-size:1rem}}.task-image[data-v-cf67b9de]{align-items:center;display:flex;justify-content:center;margin-top:1.5rem;overflow:hidden;width:100%}.image-content[data-v-cf67b9de]{border:1px solid #e2e8f0;border-radius:.75rem;display:block;height:auto;max-width:100%;-o-object-fit:contain;object-fit:contain;width:100%}@media(min-width:768px){.image-content[data-v-cf67b9de]{border-radius:1rem}}.divider[data-v-cf67b9de]{background:var(--color-primary);cursor:col-resize;flex-shrink:0;transition:background .2s ease;width:4px}.divider[data-v-cf67b9de]:hover{background:#ff8c5a}.answer-section[data-v-cf67b9de]{background:#fff;-webkit-overflow-scrolling:touch}.answer-container[data-v-cf67b9de],.answer-section[data-v-cf67b9de]{display:flex;flex-direction:column}.answer-container[data-v-cf67b9de]{padding:1rem}@media(min-width:768px){.answer-container[data-v-cf67b9de]{padding:1.5rem}}@media(min-width:1024px){.answer-container[data-v-cf67b9de]{padding:2rem}}.answer-header[data-v-cf67b9de]{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:.75rem}@media(min-width:768px){.answer-header[data-v-cf67b9de]{margin-bottom:1rem}}.answer-title[data-v-cf67b9de]{color:#0f172a;font-size:1rem;font-weight:700}@media(min-width:768px){.answer-title[data-v-cf67b9de]{font-size:1.25rem}}.word-counter[data-v-cf67b9de]{color:#64748b;font-size:.75rem}@media(min-width:768px){.word-counter[data-v-cf67b9de]{font-size:.875rem}}.word-count[data-v-cf67b9de]{color:#64748b;font-weight:600}.word-target[data-v-cf67b9de]{color:#94a3b8}.answer-textarea[data-v-cf67b9de]{background:#fff;border:2px solid #cbd5e1;border-radius:.75rem;box-sizing:border-box;color:#1e293b;font-size:.875rem;height:auto;line-height:1.7;outline:none;padding:.875rem;resize:vertical;transition:border-color .2s ease;width:100%}@media(min-width:768px){.answer-textarea[data-v-cf67b9de]{border-radius:1rem;font-size:1rem;padding:1.25rem}}@media(min-width:1024px){.answer-textarea[data-v-cf67b9de]{resize:none}}.answer-textarea[data-v-cf67b9de]:focus{border-color:#f59e0b}.answer-textarea[data-v-cf67b9de]::-moz-placeholder{color:#94a3b8}.answer-textarea[data-v-cf67b9de]::placeholder{color:#94a3b8}.answer-footer[data-v-cf67b9de]{display:flex;flex-direction:column;flex-shrink:0;gap:.75rem;margin-top:.75rem}@media(min-width:768px){.answer-footer[data-v-cf67b9de]{align-items:center;flex-direction:row;gap:1rem;justify-content:space-between;margin-top:1rem}}.tip-container[data-v-cf67b9de]{align-items:center;background:#fef6f2;border-radius:.5rem;display:flex;gap:.5rem;padding:.75rem 1rem}@media(min-width:768px){.tip-container[data-v-cf67b9de]{flex:1;padding:.75rem 1rem}}.tip-icon[data-v-cf67b9de]{color:var(--color-primary);flex-shrink:0;height:1.125rem;width:1.125rem}@media(min-width:768px){.tip-icon[data-v-cf67b9de]{height:1.25rem;width:1.25rem}}.tip-text[data-v-cf67b9de]{color:var(--color-primary);font-size:.75rem;font-weight:500}@media(min-width:768px){.tip-text[data-v-cf67b9de]{font-size:.875rem}}.submit-btn[data-v-cf67b9de]{width:100%}@media(min-width:768px){.submit-btn[data-v-cf67b9de]{width:auto}}.metrics-grid[data-v-cf67b9de]{display:grid;gap:.75rem;grid-template-columns:1fr;margin-bottom:1.5rem}@media(min-width:768px){.metrics-grid[data-v-cf67b9de]{grid-template-columns:repeat(2,minmax(0,1fr))}}.metric-card-blue[data-v-cf67b9de]{background:linear-gradient(to bottom right,#eff6ff,#dbeafe);border:2px solid #bfdbfe;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;padding:1rem}@media(min-width:768px){.metric-card-blue[data-v-cf67b9de]{padding:1rem}}.metric-card-orange[data-v-cf67b9de]{background:linear-gradient(to bottom right,#fff7ed,#ffedd5);border:2px solid #fed7aa;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;padding:1rem}@media(min-width:768px){.metric-card-orange[data-v-cf67b9de]{padding:1rem}}.metric-content[data-v-cf67b9de]{text-align:center}.metric-label-blue[data-v-cf67b9de]{color:#1e40af;font-size:.875rem;font-weight:500}@media(min-width:768px){.metric-label-blue[data-v-cf67b9de]{font-size:.875rem}}.metric-label-orange[data-v-cf67b9de]{color:#9a3412;font-size:.875rem;font-weight:500}@media(min-width:768px){.metric-label-orange[data-v-cf67b9de]{font-size:.875rem}}.metric-value-blue[data-v-cf67b9de]{color:#1e3a8a;font-size:1.5rem;font-weight:700}@media(min-width:768px){.metric-value-blue[data-v-cf67b9de]{font-size:1.875rem}}.metric-value-orange[data-v-cf67b9de]{color:#9a3412;font-size:1.5rem;font-weight:700}@media(min-width:768px){.metric-value-orange[data-v-cf67b9de]{font-size:1.875rem}}.metric-suffix[data-v-cf67b9de]{font-size:.875rem;margin-left:.125rem}.metric-desc-orange[data-v-cf67b9de]{color:#9a3412;font-size:.8125rem}