.writing-day .container{width:min(100%,920px);grid-template-rows:auto auto minmax(0,1fr) auto;gap:14px;min-height:620px}.writing-workspace{display:flex;flex-direction:column;align-self:start;min-width:0;width:100%;margin-top:12px;border:1px solid var(--line);border-radius:17px;background:rgba(9,39,26,.88);overflow:hidden}.writing-tabs{display:flex;gap:4px;padding:8px;border-bottom:1px solid var(--line);background:#ffffff03}.writing-tabs button{flex:1;min-height:44px;padding:8px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:14px system-ui;cursor:pointer}.writing-tabs button[aria-selected=true]{background:#204b34;color:var(--gold)}.writing-tabs button:hover{color:var(--gold)}.writing-panel{padding:20px;min-width:0;animation:day-text .35s ease backwards}.writing-panel[hidden]{display:none}.panel-title{display:block;font-size:15px;font-weight:600;color:var(--gold);margin:0 0 14px}.writing-textarea{display:block;width:100%;height:clamp(170px,34svh,340px);min-height:140px;border:1px solid var(--line);border-radius:11px;background:#08271c;color:var(--text);padding:16px;font:16px/1.65 system-ui;resize:vertical}.writing-textarea::placeholder{color:#bdcdc3}.writing-textarea:focus{outline:2px solid var(--gold);outline-offset:2px}.writing-meta{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-top:12px;font-size:11px;color:var(--muted)}#sentenceCounter{white-space:nowrap}#sentenceCounter.ready{color:var(--gold)}.writing-footer{display:flex;gap:16px;align-items:center;justify-content:space-between}.writing-footer p{font-size:12px;color:var(--muted);margin:0}.writing-footer p.error{color:#ffd0c8}.submit-writing{min-height:46px;padding:12px 24px;border:1px solid var(--gold);border-radius:10px;background:var(--gold);color:#12372c;font:600 14px system-ui;cursor:pointer;white-space:nowrap}.submit-writing:hover{background:#f4dba9}.example-text,#intro-text{font-size:16px;line-height:1.8;margin:0;color:var(--text)}#intro-text{font-size:14px;color:var(--muted);margin-bottom:18px}.tips-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tip-card{background:#ffffff04;border:1px solid var(--line);border-radius:11px;padding:14px}.tip-title{font-size:12px;color:var(--gold);font-weight:600;margin:0 0 8px}.tip-content{font-size:14px;line-height:1.65;margin:0;color:var(--text)}.checklist-title{font-size:15px;color:var(--gold);margin:0 0 14px}.checklist-item{display:flex;align-items:center;gap:12px;min-height:48px;padding:9px 0;color:var(--text);font-size:14px;cursor:pointer}.checkbox{width:20px;height:20px;flex-shrink:0;accent-color:var(--gold)}.task-list{padding-left:20px;font-size:13px;color:var(--muted);line-height:1.6;margin:0 0 16px}.task-list li+li{margin-top:5px}.completion-note{font-size:12px!important;color:var(--muted)!important}.writing-day .header,.writing-workspace{animation:day-text .6s ease backwards}.intro-running .header,.intro-running .writing-workspace{animation-play-state:paused}
@media(max-width:739px){.writing-day .container{padding:12px 16px;min-height:600px;gap:10px}.writing-workspace{margin-top:8px}.writing-panel{padding:15px}.writing-tabs button{font-size:12px;padding:6px}.writing-textarea{height:clamp(170px,32svh,280px)}.writing-meta{font-size:10px}.writing-footer{flex-direction:column;align-items:stretch;gap:10px}.writing-footer p{text-align:center;font-size:11px}.tips-grid{gap:8px}.tip-card{padding:10px}.tip-content{font-size:13px}.example-text{font-size:14px;line-height:1.7}}
@media(max-height:740px){.writing-day .container{height:auto;min-height:100svh;grid-template-rows:auto auto auto auto}.writing-textarea{height:180px}}
@media(prefers-reduced-motion:reduce){.writing-day .header,.writing-workspace,.writing-panel{animation:none}}