:root{color:#191918;background:#efefec;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-synthesis:none;--paper: #efefec;--ink: #252525;--panel: #fafaf8;--panel-muted: #70706b;--control: #fff;--control-muted: #f1f1ed;--line: #deded9;--strong-line: #c9c9c3;--accent: #252525;--inverse: #fff;--backdrop: rgba(25, 25, 23, .22);--shadow: rgba(0, 0, 0, .09);--danger: #9c3d35;--signal: #8d4338;--answer-font: "Kaiti SC", "STKaiti", "KaiTi", serif}:root[data-theme=dark]{color:#e7e7e1;background:#151614;--paper: #151614;--ink: #e7e7e1;--panel: #1c1d1b;--panel-muted: #97988f;--control: #242522;--control-muted: #292a27;--line: #343531;--strong-line: #55564f;--accent: #e7e7e1;--inverse: #151614;--backdrop: rgba(0, 0, 0, .48);--shadow: rgba(0, 0, 0, .3);--danger: #e27c70;--signal: #cf7d6d}@media(prefers-color-scheme:dark){:root[data-theme=system]{color:#e7e7e1;background:#151614;--paper: #151614;--ink: #e7e7e1;--panel: #1c1d1b;--panel-muted: #97988f;--control: #242522;--control-muted: #292a27;--line: #343531;--strong-line: #55564f;--accent: #e7e7e1;--inverse: #151614;--backdrop: rgba(0, 0, 0, .48);--shadow: rgba(0, 0, 0, .3);--danger: #e27c70;--signal: #cf7d6d}}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--paper);overscroll-behavior:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}body.immersive-mode{position:fixed;inset:0 auto auto 0;width:var(--writing-viewport-width, 100vw);height:var(--writing-viewport-height, 100svh);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}button,input,textarea,select{font:inherit}button,input,textarea,select,canvas{-webkit-tap-highlight-color:transparent}button svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.home-shell{position:fixed;z-index:1;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;color:var(--ink);background:var(--paper);opacity:1;visibility:visible;transition:opacity .22s ease,visibility 0s linear 0s}.home-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:68px;padding:max(13px,env(safe-area-inset-top)) clamp(20px,3.5vw,52px) 12px;border-bottom:1px solid var(--line)}.home-brand{display:flex;align-items:baseline;gap:13px}.home-brand span{font-family:Songti SC,STSong,serif;font-size:20px;letter-spacing:.24em}.home-brand small{color:var(--panel-muted);font-size:7px;letter-spacing:.15em}.home-nav{display:flex;gap:4px}.home-nav button{padding:8px 13px;color:var(--panel-muted);border:0;border-radius:999px;background:transparent;font-size:11px;cursor:pointer}.home-nav button:hover,.home-nav button:focus-visible{color:var(--ink);outline:0;background:var(--control-muted)}.home-count{display:flex;align-items:baseline;justify-self:end;gap:6px;margin:0;color:var(--panel-muted);font-size:9px}.home-count strong{color:var(--ink);font-family:Songti SC,STSong,serif;font-size:18px;font-weight:400}.setup-stage{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(460px,1.2fr);gap:clamp(28px,5vw,76px);width:min(1440px,100%);margin:0 auto;padding:clamp(34px,6vh,72px) clamp(24px,5vw,78px) clamp(24px,4vh,48px);overflow:auto}.setup-panel{align-self:center;max-width:520px}.setup-heading>p{margin:0 0 18px;color:var(--signal);font-size:8px;font-weight:600;letter-spacing:.2em}.setup-heading h1{margin:0;font-family:Songti SC,STSong,serif;font-size:clamp(52px,6vw,84px);font-weight:400;line-height:1.02;letter-spacing:-.07em}.setup-heading>span{display:block;max-width:360px;margin-top:20px;color:var(--panel-muted);font-family:Songti SC,STSong,serif;font-size:11px;line-height:1.7}.setup-controls{display:grid;gap:0;margin-top:clamp(28px,5vh,48px);border-top:1px solid var(--strong-line)}.setup-control{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:16px;margin:0;padding:13px 0;border:0;border-bottom:1px solid var(--line)}.setup-control legend{display:contents;color:var(--panel-muted);font-size:9px}.choice-row{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px}.choice-row button{min-height:34px;padding:6px 9px;color:var(--panel-muted);border:1px solid transparent;border-radius:3px;background:transparent;font-size:10px;cursor:pointer}.choice-row button:hover{color:var(--ink);border-color:var(--line)}.choice-row button.is-active{color:var(--inverse);border-color:var(--ink);background:var(--ink)}.writing-entry{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;width:100%;margin-top:24px;padding:15px 17px 15px 19px;color:var(--inverse);border:1px solid var(--ink);border-radius:4px;background:var(--ink);font-size:11px;cursor:pointer;transition:gap .18s ease,transform .18s ease}.writing-entry:hover{transform:translateY(-1px)}.writing-entry:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.writing-entry svg{width:15px;height:15px}.setup-preview{align-self:stretch;display:grid;grid-template-rows:auto minmax(390px,1fr);min-height:0;padding:clamp(18px,2.5vw,32px);border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 74%,var(--line))}.setup-preview>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;color:var(--panel-muted);font-size:8px;letter-spacing:.15em}.setup-preview>header button{display:flex;align-items:center;gap:6px;padding:5px 0;color:var(--panel-muted);border:0;background:transparent;font-size:9px;letter-spacing:0;cursor:pointer}.setup-preview>header button:hover{color:var(--ink)}.setup-preview>header svg{width:13px;height:13px}.preview-paper{position:relative;min-height:0;overflow:hidden;color:var(--ink);border:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:var(--paper);box-shadow:0 15px 45px color-mix(in srgb,var(--shadow) 65%,transparent)}.preview-paper:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,color-mix(in srgb,var(--ink) 2%,transparent),transparent 38%)}.preview-paper>p{position:absolute;right:16px;bottom:13px;margin:0;color:var(--panel-muted);font-size:6px;letter-spacing:.16em}.preview-answer{position:absolute;top:14%;left:8%;display:flex;flex-wrap:wrap;justify-content:flex-start;width:84%;max-height:72%;overflow:hidden;color:var(--ink);font-family:var(--answer-font);font-size:clamp(26px,3.2vw,46px);line-height:1.35;text-align:left}.preview-glyph{opacity:0;clip-path:inset(0 100% 0 0);transition:opacity var(--preview-duration, 85ms) linear,clip-path var(--preview-duration, 85ms) ease-out}.preview-glyph.is-visible{opacity:1;clip-path:inset(0 0 0 0)}.home-footer{display:flex;align-items:center;justify-content:space-between;min-height:38px;padding:9px clamp(20px,3.5vw,52px) max(9px,env(safe-area-inset-bottom));color:var(--panel-muted);border-top:1px solid var(--line);font-size:8px}.home-footer strong{color:var(--ink);font-weight:500}.writing-surface{position:fixed;inset:0 auto auto 0;width:var(--writing-viewport-width, 100vw);height:var(--writing-viewport-height, 100svh);overflow:hidden;background:var(--paper);isolation:isolate;overscroll-behavior:none;touch-action:none;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility 0s linear .18s}body.immersive-mode .writing-surface{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}body.immersive-mode .home-shell{opacity:0;visibility:hidden;pointer-events:none;transition-delay:0s,.22s}#ink-canvas{position:absolute;z-index:2;inset:0;display:block;width:100%;height:100%;opacity:1;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:opacity var(--ink-fade-duration, .9s) linear}#ink-canvas.is-drinking{opacity:0}.answer-layer{position:absolute;z-index:1;inset:0;color:var(--ink);opacity:0;pointer-events:none;transition:opacity var(--answer-fade-duration, .8s) linear}.answer-layer.is-visible{opacity:1}.answer-layer.is-leaving{opacity:0}.answer-content{position:absolute;display:flex;flex-direction:column;align-items:flex-start;max-height:calc(var(--writing-viewport-height, 100svh) - 32px);overflow:hidden;color:var(--ink);transform:translateZ(0)}.answer-card{display:flex;flex-wrap:wrap;align-items:center;width:100%;margin:0;padding:0}.answer-card+.answer-card{margin-top:var(--card-visual-gap, 10px)}.answer-glyph{flex:0 0 auto;display:inline-grid;place-items:center;width:var(--character-size, 38px);height:var(--character-size, 38px);margin:0 calc(var(--character-size, 38px) * -.035)}.answer-glyph svg{display:block;overflow:visible}.answer-fallback{grid-area:1 / 1}.answer-fallback{opacity:0;clip-path:inset(0 100% 0 0);color:var(--ink);font-family:var(--answer-font);font-size:calc(var(--character-size, 38px) * .84);line-height:1;transition:opacity var(--fallback-duration, 85ms) linear,clip-path var(--fallback-duration, 85ms) ease-out}.answer-fallback.is-visible{opacity:1;clip-path:inset(0 0 0 0)}.answer-glyph.is-latin{width:calc(var(--character-size, 38px) * .64);margin:0 calc(var(--character-size, 38px) * -.01)}.answer-glyph.is-latin .answer-fallback{font-family:var(--answer-font);font-size:calc(var(--character-size, 38px) * .78)}.answer-glyph.is-punctuation{width:calc(var(--character-size, 38px) * .48)}.answer-space{width:calc(var(--character-size, 38px) * .46)}.answer-line-break{flex-basis:100%;width:0;height:calc(var(--character-size, 38px) * .18)}.drawer-backdrop{position:fixed;z-index:19;inset:0;visibility:hidden;background:var(--backdrop);opacity:0;transition:opacity .22s ease,visibility 0s linear .22s}.library-drawer{position:fixed;z-index:20;top:0;right:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(520px,100vw);height:100dvh;color:var(--ink);border-left:1px solid var(--line);background:var(--panel);box-shadow:-18px 0 50px var(--shadow);transform:translate(101%);transition:transform .26s cubic-bezier(.22,.72,.2,1)}body.drawer-open .drawer-backdrop{visibility:visible;opacity:1;transition-delay:0s}body.drawer-open .library-drawer{transform:none}.drawer-header{display:flex;align-items:center;justify-content:space-between;min-height:82px;padding:max(22px,env(safe-area-inset-top)) 24px 16px;border-bottom:1px solid var(--line)}.drawer-header h1{margin:0;font-family:Songti SC,STSong,serif;font-size:25px;font-weight:500;line-height:1.1;letter-spacing:.04em}.drawer-header p{margin:5px 0 0;color:var(--panel-muted);font-size:10px;letter-spacing:.06em}.icon-button{display:grid;place-items:center;width:36px;height:36px;padding:0;color:#383835;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer}.icon-button:hover{border-color:var(--strong-line);background:#f1f1ed}.icon-button svg{width:15px;height:15px}.drawer-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:0 24px;border-bottom:1px solid var(--line)}.drawer-tab{position:relative;padding:15px 8px 13px;color:#85857f;border:0;background:transparent;font-size:12px;cursor:pointer}.drawer-tab:after{content:"";position:absolute;right:25%;bottom:-1px;left:25%;height:1px;background:#1e1e1d;transform:scaleX(0);transition:transform .18s ease}.drawer-tab.is-active{color:#1f1f1e}.drawer-tab.is-active:after{transform:scaleX(1)}.drawer-panel{display:none;min-height:0;padding:18px 24px 30px;overflow:auto;overscroll-behavior:contain}.drawer-panel.is-active{display:block;animation:panel-in .18s ease both}.library-toolbar{display:flex;gap:8px}.search-field{display:flex;flex:1;align-items:center;gap:8px;min-width:0;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:6px;background:#fff}.search-field:focus-within{border-color:#999993}.search-field svg{flex:0 0 auto;width:15px;color:#8b8b85}.search-field input{width:100%;min-width:0;padding:0;color:#222;border:0;outline:0;background:transparent;font-size:12px}.search-field input::placeholder{color:#aaa9a4}.primary-button,.secondary-button,.archive-actions button,.page-actions button,.danger-actions button{border-radius:6px;font-size:11px;cursor:pointer;transition:background .16s ease,border-color .16s ease}.primary-button{padding:10px 15px;color:#fff;border:1px solid #242423;background:#242423}.primary-button:hover{background:#000}.secondary-button{padding:10px 15px;color:#3e3e3a;border:1px solid var(--line);background:transparent}.filter-scroll{display:flex;gap:6px;margin:13px -24px 0;padding:0 24px 3px;overflow-x:auto;scrollbar-width:none}.filter-scroll::-webkit-scrollbar{display:none}.filter-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;color:#777772;border:1px solid var(--line);border-radius:999px;background:transparent;font-size:10px;cursor:pointer}.filter-pill i{width:6px;height:6px;border-radius:50%;background:var(--pill-color, #777)}.filter-pill.is-active{color:#222;border-color:#a9a9a3;background:#f0f0ec}.archive-actions{display:flex;gap:4px;margin-top:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}.archive-actions button{padding:7px 9px;color:#696964;border:1px solid transparent;background:transparent}.archive-actions button:hover{color:#222;border-color:var(--line);background:#f2f2ee}.card-list,.group-list{display:flex;flex-direction:column;gap:7px;padding-top:12px}.archive-card,.group-row{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:7px;background:#fff;transition:border-color .15s ease,opacity .15s ease}.archive-card:hover,.group-row:hover{border-color:var(--strong-line)}.archive-card.is-disabled,.group-row.is-disabled{opacity:.43}.archive-card__index{flex:0 0 auto;width:23px;padding-top:3px;color:#aaa9a4;font-size:9px;font-variant-numeric:tabular-nums}.archive-card__body,.group-row__body{flex:1;min-width:0}.archive-card__text{margin:0;color:#282826;font-family:Songti SC,STSong,serif;font-size:14px;line-height:1.55;overflow-wrap:anywhere}.archive-card__meta,.group-row__meta{display:flex;align-items:center;gap:5px;margin-top:6px;color:#989892;font-size:9px}.archive-card__group{display:inline-flex;align-items:center;gap:5px}.archive-card__group i,.group-swatch{width:7px;height:7px;border-radius:50%;background:var(--group-color, #777)}.archive-card__actions,.group-row__actions{display:flex;flex:0 0 auto;gap:2px}.mini-action{display:grid;place-items:center;width:28px;height:28px;padding:0;color:#8a8a84;border:0;border-radius:5px;background:transparent;cursor:pointer}.mini-action:hover{color:#222;background:#f1f1ed}.mini-action.is-danger:hover{color:var(--danger)}.mini-action.is-active{color:#222;background:#ebebe7}.mini-action svg{width:14px;height:14px}.empty-archive{display:grid;place-items:center;min-height:220px;padding:24px;color:#9a9a94;text-align:center;border:1px dashed var(--line);border-radius:7px;font-size:11px;line-height:1.7}.panel-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}.panel-intro p{max-width:285px;margin:0;color:#85857f;font-size:10px;line-height:1.6}.group-row{align-items:center}.group-swatch{flex:0 0 auto;width:10px;height:10px}.group-row h3{margin:0;font-family:Songti SC,STSong,serif;font-size:14px;font-weight:500}.settings-stack{display:flex;flex-direction:column;gap:18px}.settings-section{border-bottom:1px solid var(--line)}.settings-section h2{margin:0 0 4px;color:#8d8d87;font-size:10px;font-weight:500;letter-spacing:.08em}.setting-row,.switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:66px;padding:11px 0;border-top:1px solid #ecece8}.settings-section h2+.setting-row{border-top:0}.setting-row>span:first-child,.switch-row>span{display:flex;flex-direction:column;gap:4px;min-width:0}.setting-row strong,.switch-row strong{color:#30302e;font-size:12px;font-weight:500}.setting-row small,.switch-row small{color:#999993;font-size:9px;line-height:1.4}.range-wrap{display:grid;grid-template-columns:112px 50px;align-items:center;gap:8px;flex:0 0 auto}input[type=range]{width:112px;accent-color:#292928}.range-wrap output{color:#5f5f5a;font-size:10px;text-align:right;font-variant-numeric:tabular-nums}.setting-select{flex:0 0 auto;min-width:104px;padding:8px 30px 8px 10px;color:var(--ink);border:1px solid var(--line);border-radius:6px;outline:0;background:var(--control);font-size:10px;cursor:pointer}.setting-select:focus-visible{border-color:var(--strong-line);outline:2px solid color-mix(in srgb,var(--ink) 16%,transparent);outline-offset:2px}.setting-input{flex:0 1 190px;width:min(190px,48%);min-width:0;padding:9px 10px;color:var(--ink);border:1px solid var(--line);border-radius:6px;outline:0;background:var(--control);font-size:10px}.setting-input::placeholder{color:var(--panel-muted)}.setting-input:focus-visible{border-color:var(--strong-line);outline:2px solid color-mix(in srgb,var(--ink) 16%,transparent);outline-offset:2px}.odds-note{padding:14px;border:1px solid var(--line);border-radius:7px;background:#fff}.odds-note div{display:flex;justify-content:space-between;padding:5px 0;color:#5d5d58;border-bottom:1px solid #efefeb;font-size:10px}.odds-note div strong{color:#282826;font-weight:600}.odds-note small{display:block;margin-top:10px;color:#999993;font-size:9px}.page-actions,.danger-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.page-actions button,.danger-actions button{padding:10px;color:var(--panel-muted);border:1px solid var(--line);background:transparent}.page-actions button:hover,.danger-actions button:hover{border-color:var(--strong-line);background:#f1f1ed}.danger-actions button:last-child{color:var(--danger)}.drawer-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 24px max(15px,env(safe-area-inset-bottom));color:#8f8f89;border-top:1px solid var(--line);background:var(--panel);font-size:9px}.drawer-footer strong{color:#353533;font-size:12px}.archive-dialog{width:min(440px,calc(100vw - 28px));max-height:min(720px,calc(100dvh - 36px));padding:0;overflow:hidden;color:#252523;border:1px solid var(--line);border-radius:9px;background:var(--panel);box-shadow:0 26px 80px #0000002e}.archive-dialog::backdrop{background:#1c1c1940}.archive-dialog[open]{animation:dialog-in .18s ease both}.archive-dialog form{display:flex;flex-direction:column;gap:17px;max-height:inherit;padding:21px;overflow:auto}.archive-dialog header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:13px;border-bottom:1px solid var(--line)}.archive-dialog header h3{margin:0;font-family:Songti SC,STSong,serif;font-size:20px;font-weight:500}.archive-dialog footer{display:flex;justify-content:flex-end;gap:8px}.dialog-field{display:flex;flex-direction:column;gap:8px;color:#696964;font-size:10px}.dialog-field input,.dialog-field textarea,.dialog-field select{width:100%;padding:10px 11px;resize:vertical;color:#2b2b29;border:1px solid var(--line);border-radius:6px;outline:0;background:#fff;font-family:Songti SC,STSong,serif;font-size:13px;line-height:1.6}.dialog-field input:focus,.dialog-field textarea:focus,.dialog-field select:focus{border-color:#999993}.color-field{display:flex;align-items:center;gap:10px}.color-field input{width:52px;height:36px;padding:3px}.color-field output{color:#70706b;font-size:10px}.switch-row{padding:12px;border:1px solid var(--line);border-radius:6px;background:#fff}.switch-row input{width:36px;height:20px;accent-color:#292928}.import-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px}.import-summary__item{padding:13px;border:1px solid var(--line);border-radius:6px;background:#fff}.import-summary__item strong{display:block;font-family:Songti SC,STSong,serif;font-size:23px;font-weight:500}.import-summary__item span{display:block;margin-top:4px;color:#8e8e88;font-size:9px}.import-summary__source{grid-column:1 / -1;margin:2px 0 0;color:#7c7c76;font-size:9px;line-height:1.5;overflow-wrap:anywhere}.import-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;border:0}.import-mode legend{width:100%;margin-bottom:8px;color:#777772;font-size:10px}.import-mode label{display:flex;align-items:flex-start;gap:8px;padding:11px;border:1px solid var(--line);border-radius:6px;background:#fff;cursor:pointer}.import-mode label:has(input:checked){border-color:#8f8f89;background:#f1f1ed}.import-mode input{margin-top:2px;accent-color:#292928}.import-mode span{display:flex;flex-direction:column;gap:4px}.import-mode strong{font-size:11px;font-weight:500}.import-mode small{color:#92928c;font-size:9px;line-height:1.4}.toast-region{position:fixed;z-index:100;right:15px;bottom:max(15px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:7px;pointer-events:none}.toast{max-width:min(360px,calc(100vw - 30px));padding:10px 13px;color:#f5f5f1;border-radius:6px;background:#21211ff0;box-shadow:0 10px 30px #0000001f;font-size:10px;line-height:1.5;animation:toast-in .18s ease both}.toast.is-error{background:#7d2d27f2}.toast.is-success{background:#304a34f2}.toast.is-leaving{animation:toast-out .18s ease forwards}.icon-button,.drawer-tab.is-active,.search-field input,.filter-pill.is-active,.archive-card__text,.mini-action.is-active,.group-row h3,.setting-row strong,.switch-row strong,.odds-note div strong,.drawer-footer strong,.archive-dialog,.dialog-field input,.dialog-field textarea,.dialog-field select,.setting-input{color:var(--ink)}.icon-button:hover,.filter-pill.is-active,.archive-actions button:hover,.mini-action:hover,.mini-action.is-active,.page-actions button:hover,.danger-actions button:hover,.import-mode label:has(input:checked){background:var(--control-muted)}.search-field,.archive-card,.group-row,.odds-note,.dialog-field input,.dialog-field textarea,.dialog-field select,.setting-input,.switch-row,.import-summary__item,.import-mode label{background:var(--control)}.primary-button{color:var(--inverse);border-color:var(--ink);background:var(--ink)}.primary-button:hover{background:color-mix(in srgb,var(--ink) 84%,var(--paper))}.secondary-button,.archive-actions button,.filter-pill,.mini-action,.panel-intro p,.setting-row small,.switch-row small,.dialog-field,.import-mode small,.archive-card__meta,.group-row__meta,.drawer-footer{color:var(--panel-muted)}.setting-row,.switch-row,.odds-note div{border-top-color:var(--line)}input[type=range],.switch-row input,.import-mode input{accent-color:var(--ink)}@keyframes panel-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}@keyframes toast-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes toast-out{to{opacity:0;transform:translateY(4px)}}@media(max-width:900px){.home-header{grid-template-columns:1fr auto auto;min-height:66px}.home-brand small,.home-count span{display:none}.setup-stage{grid-template-columns:1fr;gap:36px;padding-top:38px}.setup-panel{max-width:none}.setup-heading h1{font-size:clamp(54px,10vw,78px)}.setup-controls{grid-template-columns:repeat(3,1fr);gap:12px}.setup-control{display:block;padding:12px 0}.setup-control legend{display:block;margin-bottom:9px}.setup-preview{grid-template-rows:auto minmax(430px,54vh)}}@media(max-width:560px){.home-header{grid-template-columns:1fr auto;padding-right:16px;padding-left:16px}.home-nav button{padding:8px 7px}.home-count{display:none}.setup-stage{gap:28px;padding:30px 18px 28px}.setup-heading h1{font-size:clamp(48px,15vw,66px)}.setup-controls{grid-template-columns:1fr;gap:0}.setup-control{display:grid;grid-template-columns:78px minmax(0,1fr)}.setup-control legend{display:contents}.setup-preview{grid-template-rows:auto minmax(310px,52vh);padding:16px}.preview-answer{width:84%}.home-footer{display:none}.drawer-panel{padding-right:18px;padding-left:18px}.filter-scroll{margin-right:-18px;margin-left:-18px;padding-right:18px;padding-left:18px}.setting-row{gap:12px}.setting-select{min-width:96px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}.home-shell{grid-template-rows:auto minmax(0,1fr)}.home-header{grid-template-columns:1fr auto 1fr;min-height:70px;padding:max(14px,env(safe-area-inset-top)) clamp(20px,3vw,44px) 13px}.home-brand span{font-family:inherit;font-size:19px;font-weight:650;letter-spacing:-.035em}.home-brand{min-width:0}.home-brand .home-owner-label:not([hidden]){display:inline-block;max-width:18em;overflow:hidden;color:var(--panel-muted);font-family:inherit;font-size:9px;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.home-summary{display:flex;align-items:center;justify-self:center;gap:10px;margin:0;color:var(--panel-muted);font-size:10px;white-space:nowrap}.home-summary strong{color:var(--ink);font-size:12px;font-weight:650;font-variant-numeric:tabular-nums}.home-summary i{width:3px;height:3px;border-radius:50%;background:var(--strong-line)}.home-settings{justify-self:end;min-width:54px;min-height:38px;padding:8px 13px;color:var(--panel-muted);border:1px solid var(--line);border-radius:7px;background:transparent;font-size:10px;cursor:pointer}.home-settings:hover,.home-settings:focus-visible{color:var(--ink);border-color:var(--strong-line);outline:0;background:var(--control-muted)}.setup-stage{grid-template-columns:minmax(320px,410px) minmax(460px,1fr);align-items:stretch;gap:clamp(26px,4vw,58px);width:min(1320px,100%);padding:clamp(26px,4.5vh,46px) clamp(22px,4vw,58px)}.setup-panel{align-self:center;width:100%;max-width:410px}.library-actions{display:grid;gap:8px}.library-action{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:62px;padding:12px 14px 12px 16px;color:var(--ink);border:1px solid var(--line);border-radius:8px;background:transparent;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.library-action:hover,.library-action:focus-visible{border-color:var(--strong-line);outline:0;background:var(--control-muted);transform:translateY(-1px)}.library-action>span{display:grid;gap:4px;min-width:0}.library-action strong{font-size:12px;font-weight:650}.library-action small{color:var(--panel-muted);font-size:9px;line-height:1.35}.library-action svg{flex:0 0 auto;width:18px;height:18px}.library-action.is-primary{color:var(--inverse);border-color:var(--ink);background:var(--ink)}.library-action.is-primary small{color:color-mix(in srgb,var(--inverse) 65%,transparent)}.library-action.is-primary:hover,.library-action.is-primary:focus-visible{border-color:var(--ink);background:color-mix(in srgb,var(--ink) 90%,var(--paper))}.setup-controls{display:grid;gap:0;margin-top:20px;border-top:1px solid var(--strong-line)}.setup-control{grid-template-columns:82px minmax(0,1fr);gap:12px;padding:11px 0}.setup-control legend{font-size:9px}.choice-row button{min-height:36px;border-radius:6px}.writing-entry{min-height:52px;margin-top:16px;padding:13px 15px 13px 17px;border-radius:8px;font-size:11px}.setup-preview{display:block;min-height:500px;padding:clamp(14px,2vw,22px);border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel) 70%,var(--line))}.preview-paper{width:100%;height:100%;min-height:470px;border-radius:3px}.preview-answer{top:12%;left:7%;width:86%;max-height:76%;font-size:clamp(30px,3vw,46px)}.archive-actions .archive-import{color:var(--ink);border-color:var(--strong-line);background:var(--control-muted);font-weight:600}.archive-actions .archive-import:hover{color:var(--inverse);border-color:var(--ink);background:var(--ink)}@media(max-width:900px){.home-header{grid-template-columns:1fr auto 1fr}.setup-stage{grid-template-columns:1fr;gap:28px;padding-top:26px}.setup-panel{max-width:none}.library-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.library-action{min-height:68px}.setup-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.setup-preview{min-height:460px}.preview-paper{min-height:430px}}@media(max-width:640px){.home-header{grid-template-areas:"brand settings" "summary summary";grid-template-columns:1fr auto;gap:10px 16px;min-height:92px;padding-right:16px;padding-left:16px}.home-brand{grid-area:brand}.home-brand .home-owner-label:not([hidden]){max-width:12em}.home-summary{grid-area:summary;justify-self:start}.home-settings{grid-area:settings}.setup-stage{gap:22px;padding:20px 16px max(24px,env(safe-area-inset-bottom))}.library-actions{grid-template-columns:1fr}.library-action{min-height:60px}.setup-controls{grid-template-columns:1fr;gap:0}.setup-control{display:grid;grid-template-columns:78px minmax(0,1fr)}.setup-control legend{display:contents}.setup-preview{min-height:370px;padding:12px}.preview-paper{min-height:344px}.preview-answer{left:7%;width:86%;font-size:clamp(28px,9vw,38px)}}