:root{color:var(--ink);background:var(--paper);font-synthesis:none;--paper:#fbfaf8;--surface:#fff;--ink:#1c1b19;--ink-2:#57544e;--ink-3:#8f8b83;--line:#e8e5df;--line-2:#f2f0eb;--accent:#2d6a5f;--accent-soft:#e6efec;--warn:#a8622c;--r-sm:8px;--r-md:12px;--r-lg:16px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--t-fast:.12s;--t-base:.18s;--t-slow:.24s;--ease:cubic-bezier(.2,.7,.3,1);font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:var(--paper);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:active{filter:brightness(.92)}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.035em;margin-bottom:var(--sp-3);font-size:clamp(1.8rem,8vw,2.5rem);line-height:1.15}h2{letter-spacing:-.02em}.lead{color:var(--ink-2);line-height:1.65}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:750}.loading{min-height:100vh;color:var(--ink-3);place-items:center;display:grid}.onboarding{min-height:100vh;padding:var(--sp-4);align-items:center;display:grid}.onboarding-card{width:min(100%,520px);padding:var(--sp-5) 0;margin:auto}.brand-mark{border-radius:var(--r-md);background:var(--accent);width:42px;height:42px;color:var(--surface);margin-bottom:var(--sp-5);place-items:center;font-family:Georgia,serif;font-size:1.35rem;font-weight:700;display:grid}.progress{background:var(--line);height:3px;margin:var(--sp-5) 0 var(--sp-6);border-radius:2px;overflow:hidden}.progress span{background:var(--accent);height:100%;transition:width var(--t-base) var(--ease);display:block}fieldset{margin:var(--sp-5) 0;border:0;padding:0}legend,.field-label{margin-bottom:var(--sp-3);font-size:.9rem;font-weight:700}.option-grid{gap:var(--sp-2);display:grid}.option-card{gap:var(--sp-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-4);transition:background var(--t-fast),border-color var(--t-fast);align-items:center;display:flex}.option-card.selected{background:var(--accent-soft);border-color:var(--accent)}.option-card input,.chip input{accent-color:var(--accent)}.option-card span{gap:var(--sp-1);display:grid}.option-card small,.switch-row small{color:var(--ink-3);margin-top:var(--sp-1);line-height:1.35;display:block}.compact .option-card{padding:var(--sp-3)}.chip-grid{gap:var(--sp-2);flex-wrap:wrap;display:flex}.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:10px 14px}.chip.selected{background:var(--accent-soft);border-color:var(--accent)}.chip input{opacity:0;pointer-events:none;position:absolute}.switch-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:var(--sp-4) 0;justify-content:space-between;align-items:center;display:flex}.switch-row input{width:22px;height:22px;accent-color:var(--accent)}.actions{justify-content:flex-end;gap:var(--sp-3);margin-top:var(--sp-6);display:flex}button.primary,button.secondary,button.ghost{border-radius:var(--r-sm);min-height:46px;padding:0 var(--sp-5);border:1px solid #0000;font-weight:700}.primary{background:var(--accent);color:var(--surface)}.secondary{background:var(--surface);color:var(--accent);border-color:var(--accent)!important}.ghost{color:var(--ink-2);background:0 0}.full{width:100%}.step-count{text-align:center;color:var(--ink-3);margin:var(--sp-4) 0;font-size:.8rem}.audition{margin-top:var(--sp-5)}.hint,.success{color:var(--accent);margin-top:var(--sp-2);font-size:.88rem}.app-shell{min-height:100vh;padding-bottom:78px}.page{width:min(100%,680px);padding:var(--sp-6) var(--sp-4);margin:auto}.placeholder{flex-direction:column;justify-content:center;min-height:70vh;display:flex}.placeholder>p:last-child{color:var(--ink-3)}.settings-page{padding-bottom:var(--sp-6)}.tab-bar{z-index:5;height:70px;padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tab-bar button{color:var(--ink-3);background:0 0;border:0;place-content:center;justify-items:center;gap:2px;font-size:.72rem;display:grid}.tab-bar button.active{color:var(--accent);font-weight:700}.dev-page{max-width:1180px;padding:var(--sp-5) var(--sp-4) var(--sp-6);margin:auto}.dev-page>header{margin-bottom:var(--sp-5)}.dev-grid{gap:var(--sp-4);display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-4)}textarea,select{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);width:100%;padding:var(--sp-3);margin:var(--sp-2) 0 var(--sp-3)}textarea{resize:vertical;font-family:Iowan Old Style,Georgia,serif;line-height:1.6}.technical{overflow-wrap:anywhere;color:var(--ink-3);margin-top:var(--sp-3);font-family:ui-monospace,Consolas,monospace;font-size:.7rem}.context-box{border-left:3px solid var(--accent);padding:var(--sp-3);background:var(--accent-soft);border-radius:0 var(--r-sm) var(--r-sm) 0;margin-top:var(--sp-4)}.context-box p{margin:var(--sp-2) 0;line-height:1.6}.context-box small{color:var(--ink-2)}details{border-bottom:1px solid var(--line);margin-bottom:var(--sp-4)}summary{padding:var(--sp-3) 0;color:var(--accent);font-weight:700}.status{color:var(--ink-3);font-size:.85rem}.error{color:var(--warn);padding:var(--sp-3);border:1px solid var(--warn);border-radius:var(--r-sm)}.selection-surface{white-space:pre-wrap;min-height:160px;padding:var(--sp-5);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);-webkit-user-select:text;user-select:text;font:1.1rem/1.9 Iowan Old Style,Georgia,serif}.selection-surface::selection{background:var(--accent-soft)}.explanation-card{margin-top:var(--sp-4);padding:var(--sp-5);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);animation:card-in var(--t-base) var(--ease)}.cache-badge{padding:var(--sp-1) var(--sp-2);background:var(--accent-soft);color:var(--accent);border-radius:999px;font-size:.75rem;font-weight:700;display:inline-block}.explanation-card h2{margin:var(--sp-4) 0 var(--sp-2)}.explanation-card h2 small{color:var(--ink-3);font-weight:400}.explanation-card h3{color:var(--ink-3);letter-spacing:.08em;margin-top:var(--sp-5);font-size:.8rem}.explanation-card p{line-height:1.65}.explanation-card .meaning{color:var(--accent);font-size:1.15rem;font-weight:700}.explanation-card footer{border-top:1px solid var(--line);padding-top:var(--sp-3);color:var(--ink-3);font-size:.72rem;line-height:1.5}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (width>=820px){.dev-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.onboarding-card{padding:var(--sp-6) 0}.page{padding-top:56px}}@media (prefers-color-scheme:dark){:root{--paper:#131311;--surface:#1c1b19;--ink:#edebe7;--ink-2:#a8a49c;--ink-3:#7a766e;--line:#2e2c28;--line-2:#232220;--accent:#6fb3a3;--accent-soft:#1e2b28}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}.privacy-note{color:var(--ink-3);margin-top:var(--sp-4);font-size:.78rem;line-height:1.55}.skip-link{margin:var(--sp-4) auto 0;color:var(--ink-3);text-underline-offset:3px;background:0 0;border:0;text-decoration:underline;display:block}