:root{color:#172026;background:#f7f3e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.page-shell{width:min(100% - 32px,1040px);min-height:100vh;margin:0 auto;padding:40px 0;display:flex;align-items:center}.hero-panel,.check-layout,.completion-panel{width:100%;border:3px solid #172026;border-radius:8px;background:#fffdfa;box-shadow:8px 8px #ffd26e;padding:clamp(24px,4vw,44px)}.hero-panel{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(300px,1.1fr);gap:32px;align-items:stretch}.eyebrow{width:fit-content;margin:0 0 12px;padding:6px 12px;border-radius:999px;background:#ddf2d9;color:#24412d;font-size:1rem;font-weight:800}h1,h2,p{margin-top:0}h1{max-width:12ch;margin-bottom:16px;font-size:clamp(2.8rem,7vw,5.75rem);line-height:.94;letter-spacing:0}h2{margin-bottom:12px;font-size:1.35rem}.lede{max-width:58ch;margin-bottom:20px;font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.4}.privacy-note{max-width:48ch;margin-bottom:0;padding:16px;border-left:8px solid #6fbf8a;background:#edf9ef;font-size:1.08rem;font-weight:700}.paste-card{display:grid;gap:12px}label,.completion-note-label{font-size:1.15rem;font-weight:800}textarea{width:100%;border:3px solid #172026;border-radius:8px;background:#fff;color:#172026;resize:vertical;outline-offset:4px}#paragraph-input{min-height:340px;padding:18px;font-size:1.25rem}.paste-actions,.completion-actions{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.paste-actions span{font-size:1.05rem;font-weight:800}.primary-button,.secondary-button{min-height:56px;border:3px solid #172026;border-radius:8px;padding:14px 22px;font-size:1.18rem;font-weight:900;box-shadow:4px 4px #172026}.primary-button{background:#1f6fb2;color:#fff}.secondary-button{background:#ffe49a;color:#172026}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){transform:translate(1px,1px);box-shadow:3px 3px #172026}.check-layout{display:grid;gap:24px}.step-header h1,.completion-panel h1{max-width:none;font-size:clamp(2.5rem,5vw,4.5rem)}.work-area{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,.8fr);gap:20px;align-items:stretch}.paragraph-editor-card,.hint-panel,.completed-list{border:3px solid #172026;border-radius:8px;padding:20px}.paragraph-editor-card{background:#f4fbff;display:grid;gap:12px}#paragraph-editor{min-height:360px;padding:18px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:1.25rem;line-height:1.5}.hint-panel{background:#fff3d5}.hint-heading-row{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}.hint-heading-row h2{margin-bottom:0}.progress-pill{margin:0;border:3px solid #172026;border-radius:8px;background:#ddf2d9;color:#24412d;padding:6px 10px;font-size:1rem;font-weight:900}.hint-list{display:grid;gap:14px;margin:0;padding:0;list-style:none}.hint-list li{display:grid;gap:8px;border-left:8px solid #e0874f;background:#fffdfa;padding:14px;font-size:1.05rem}.hint-list li.hint-fixed{border-left-color:#2f8f52;background:#e7f7ea;color:#24412d}.hint-list li.hint-fixed strong,.hint-list li.hint-fixed span{text-decoration:line-through;text-decoration-thickness:2px}.hint-list span{overflow-wrap:anywhere}.empty-hint{margin-bottom:0;font-size:1.12rem;font-weight:700}.hidden-hints{margin:14px 0 0;border:2px dashed #946234;border-radius:8px;background:#fffdfa;padding:12px;font-size:1.02rem;font-weight:800}.wide-button{justify-self:end}.completion-panel{max-width:760px;margin:0 auto;display:grid;gap:18px}.completed-list{background:#edf9ef}.completed-list ul{display:grid;gap:10px;margin:0;padding-left:28px;font-size:1.18rem;font-weight:800}#edited-paragraph{min-height:180px;padding:14px;font-size:1.15rem;line-height:1.5}.copy-status{min-height:1.5em;margin-bottom:0;font-weight:800}@media(max-width:800px){.page-shell{width:min(100% - 20px,1040px);padding:20px 0}.hero-panel,.work-area{grid-template-columns:1fr}.hero-panel,.check-layout,.completion-panel{box-shadow:5px 5px #ffd26e;padding:20px}h1{font-size:3rem}#paragraph-input{min-height:260px}#paragraph-editor{min-height:300px}.wide-button{width:100%}}