:root{--ink: #172026;--page-bg: #f7f3e8;--panel-bg: #fffdfa;--panel-shadow: #ffd26e;--field-border: #172026;--text-box-background: #ffffff;--text-box-ink: #172026;--soft-green-bg: #ddf2d9;--soft-green-ink: #24412d;--privacy-bg: #edf9ef;--privacy-border: #6fbf8a;--editor-card-bg: #f4fbff;--hint-panel-bg: #fff3d5;--hint-card-bg: #fffdfa;--primary-bg: #1f6fb2;--primary-ink: #ffffff;--secondary-bg: #ffe49a;--changed-bg: #fff7e8;--changed-ink: #5f3f21;--danger-border: #946234;color:var(--ink);background:var(--page-bg);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}:root[data-theme=dark]{--ink: #f8faf7;--page-bg: #111513;--panel-bg: #1d2523;--panel-shadow: #69d8c2;--field-border: #f8faf7;--text-box-background: #151b22;--text-box-ink: #f8faf7;--soft-green-bg: #234636;--soft-green-ink: #e7fff1;--privacy-bg: #172f2a;--privacy-border: #75d69e;--editor-card-bg: #1a3035;--hint-panel-bg: #352f1e;--hint-card-bg: #26302d;--primary-bg: #74b7ff;--primary-ink: #102036;--secondary-bg: #f7d879;--changed-bg: #473320;--changed-ink: #ffe0b5;--danger-border: #f0a45f}:root[data-gamify=on]{--panel-shadow: #ff6b6b;--primary-bg: #0f77d9;--secondary-bg: #ffe66d}:root[data-theme=dark][data-gamify=on]{--panel-shadow: #ffd166;--primary-bg: #7bdff2;--primary-ink: #0f2330}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:var(--page-bg)}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:flex-start}.hero-panel,.check-layout,.completion-panel{position:relative;width:100%;overflow:hidden;border:3px solid var(--field-border);border-radius:8px;background:var(--panel-bg);box-shadow:8px 8px 0 var(--panel-shadow);padding:40px}:root[data-gamify=on] .hero-panel:before,:root[data-gamify=on] .check-layout:before,:root[data-gamify=on] .completion-panel:before{content:"LEVEL UP";position:absolute;top:18px;right:18px;z-index:0;border:3px solid var(--field-border);border-radius:8px;background:#ffef5c;color:#172026;padding:6px 10px;font-size:.82rem;font-weight:1000;transform:rotate(4deg);box-shadow:3px 3px 0 var(--field-border)}:root[data-gamify=on] .completion-panel:before{content:"BONUS"}.hero-panel>*,.check-layout>*,.completion-panel>*{position:relative;z-index:1}.hero-panel{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(320px,1.15fr);gap:32px 48px;align-items:stretch}.hero-panel>div{min-width:0}.eyebrow{width:fit-content;margin:0 0 12px;padding:6px 12px;border-radius:999px;background:var(--soft-green-bg);color:var(--soft-green-ink);font-size:1rem;font-weight:800}h1,h2,p{margin-top:0}h1{max-width:12ch;margin-bottom:16px;font-size:4.8rem;line-height:.94;letter-spacing:0}.hero-panel h1{max-width:9ch;font-size:4.2rem;overflow-wrap:break-word}h2{margin-bottom:12px;font-size:1.35rem}.lede{max-width:58ch;margin-bottom:20px;font-size:1.35rem;line-height:1.4}.privacy-note{max-width:48ch;margin-bottom:18px;padding:16px;border-left:8px solid var(--privacy-border);background:var(--privacy-bg);font-size:1.08rem;font-weight:700}.menu-panel{display:grid;gap:14px;align-content:start}.toggle-row,.gamify-status-row,.shop-heading-row,.reward-summary{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.toggle-control{min-height:48px;display:inline-flex;gap:10px;align-items:center;border:3px solid var(--field-border);border-radius:8px;background:var(--hint-card-bg);padding:8px 12px;font-size:1rem;font-weight:900;box-shadow:3px 3px 0 var(--field-border)}.toggle-control input{width:1.2rem;height:1.2rem;accent-color:var(--primary-bg)}.star-wallet,.reward-pill,.bonus-burst{width:fit-content;margin:0;border:3px solid var(--field-border);border-radius:8px;background:#ffef5c;color:#172026;box-shadow:3px 3px 0 var(--field-border);font-weight:1000}.star-wallet{display:inline-flex;gap:10px;align-items:center;padding:7px 12px}.star-wallet span{font-size:.82rem;text-transform:uppercase}.star-wallet strong{font-size:1.35rem;line-height:1}.star-wallet.compact strong{font-size:1.1rem}.reward-pill,.bonus-burst{padding:7px 12px;font-size:1rem}.bonus-burst{background:#ff8fab}.paste-card{display:grid;gap:12px}label,.completion-note-label{font-size:1.15rem;font-weight:800}textarea{width:100%;border:3px solid var(--field-border);border-radius:8px;background:var(--text-box-background);color:var(--text-box-ink);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 var(--field-border);border-radius:8px;padding:14px 22px;font-size:1.18rem;font-weight:900;box-shadow:4px 4px 0 var(--field-border)}.primary-button{background:var(--primary-bg);color:var(--primary-ink)}.secondary-button{background:var(--secondary-bg);color:#172026}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.color-swatch:hover:not(:disabled){transform:translate(1px,1px);box-shadow:3px 3px 0 var(--field-border)}.shop-panel{grid-column:1 / -1;display:grid;gap:16px;border:3px solid var(--field-border);border-radius:8px;background:#e5f4ff;padding:18px}:root[data-theme=dark] .shop-panel{background:#162d38}.shop-heading-row{justify-content:space-between}.shop-heading-row .eyebrow{margin-bottom:8px}.shop-heading-row h2{margin-bottom:0}.color-shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px}.color-swatch{min-height:96px;display:grid;grid-template-columns:auto 1fr;gap:6px 9px;align-items:center;border:3px solid var(--field-border);border-radius:8px;background:var(--hint-card-bg);color:var(--ink);padding:9px;text-align:left;box-shadow:3px 3px 0 var(--field-border)}.color-swatch.selected{background:#b8f7c5;color:#172026}.swatch-sample{width:28px;height:28px;border:2px solid #172026;border-radius:999px}.color-swatch span:not(.swatch-sample){min-width:0;overflow-wrap:anywhere;font-weight:900}.color-swatch strong{grid-column:2;font-size:.92rem}.check-layout{display:grid;gap:24px}.step-header h1,.completion-panel h1{max-width:none;font-size:3.8rem}.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 var(--field-border);border-radius:8px;padding:20px}.paragraph-editor-card{background:var(--editor-card-bg);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:var(--hint-panel-bg);height:540px;max-height:540px;overflow-y:auto;scrollbar-gutter:stable}.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 var(--field-border);border-radius:8px;background:var(--soft-green-bg);color:var(--soft-green-ink);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{position:relative;display:grid;gap:8px;overflow:hidden;border-left:8px solid #e0874f;background:var(--hint-card-bg);padding:14px;font-size:1.05rem;animation:hint-unlock .56s cubic-bezier(.18,.9,.28,1.18) both}.hint-list li:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 15%,rgb(31 111 178 / .18) 50%,transparent 85%);transform:translate(-120%);animation:hint-sheen .82s ease-out 80ms both}.hint-list li.hint-fixed{border-left-color:#2f8f52;background:#e7f7ea;color:#24412d}.hint-list li.hint-changed{border-left-color:var(--danger-border);background:var(--changed-bg);color:var(--changed-ink)}.hint-list li.hint-fixed strong,.hint-list li.hint-fixed span{text-decoration:line-through;text-decoration-thickness:2px}.hint-list span,.hint-list em{overflow-wrap:anywhere}.hint-list em{color:var(--changed-ink);font-style:normal;font-weight:800}.empty-hint{margin-bottom:0;font-size:1.12rem;font-weight:700}.hidden-hints{margin:14px 0 0;border:2px dashed var(--danger-border);border-radius:8px;background:var(--hint-card-bg);padding:12px;font-size:1.02rem;font-weight:800}@keyframes hint-unlock{0%{opacity:0;transform:translateY(14px) scale(.97);box-shadow:0 0 #1f6fb200}58%{opacity:1;transform:translateY(-3px) scale(1.01);box-shadow:0 0 0 5px #1f6fb22e}to{opacity:1;transform:translateY(0) scale(1);box-shadow:0 0 #1f6fb200}}@keyframes hint-sheen{to{transform:translate(120%)}}@media(prefers-reduced-motion:reduce){.hint-list li,.hint-list li:after{animation:none}}.wide-button{justify-self:end}.completion-panel{max-width:760px;margin:0 auto;display:grid;gap:18px}.reward-summary{justify-content:flex-start;border:3px solid var(--field-border);border-radius:8px;background:#e5f4ff;padding:14px}:root[data-theme=dark] .reward-summary{background:#162d38}.completed-list{background:var(--privacy-bg)}.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 0 var(--panel-shadow);padding:20px}:root[data-gamify=on] .hero-panel:before,:root[data-gamify=on] .check-layout:before,:root[data-gamify=on] .completion-panel:before{top:10px;right:10px;font-size:.72rem}h1,.hero-panel h1,.step-header h1,.completion-panel h1{font-size:3rem}.lede{font-size:1.2rem}#paragraph-input{min-height:260px}#paragraph-editor{min-height:300px}.hint-panel{height:auto;max-height:none;overflow-y:visible}.wide-button{width:100%}}