:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f4f0e7;--surface:#faf7f1;--inset:#eee9df;--ink:#262521;--secondaryInk:#6b675f;--accentFill:#e96b5c;--accentText:#ad3c32;--border:#8d887e;--onAccent:#211f1b;background:var(--canvas);color:var(--ink);font-family:system-ui,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#000;--surface:#1c1c1e;--inset:#141416;--ink:#f2f2f7;--secondaryInk:#aeaeb2;--accentFill:#ec7b6d;--accentText:#f18476;--border:#6b6b70;--onAccent:#211f1b}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.6}a{color:var(--accentText);text-underline-offset:4px}button,input,select{font:inherit;color:inherit}button,.button,select{min-height:44px}button,.button{cursor:pointer;border:1px solid var(--border);background:var(--surface);border-radius:12px;justify-content:center;align-items:center;padding:10px 18px;text-decoration:none;display:inline-flex}.primary{background:var(--accentFill);color:var(--onAccent)}input,select{background:var(--surface);border:1px solid var(--border);border-radius:10px;max-width:100%;padding:10px}:focus-visible{outline:3px solid var(--accentText);outline-offset:4px}h1,h2,h3{overflow-wrap:anywhere;font-family:ui-serif,Georgia,serif;line-height:1.2}h1{font-size:clamp(2.6rem,6vw,4.8rem)}h2{font-size:2rem}p{max-width:68ch}img{max-width:100%;height:auto}main{max-width:1200px;margin:auto;padding:32px}header,footer{flex-wrap:wrap;align-items:center;gap:20px;max-width:1264px;margin:auto;padding:24px 32px;display:flex}nav{flex-wrap:wrap;gap:12px;display:flex}nav a{min-height:44px;padding:10px 6px}.brand{color:var(--ink);align-items:center;gap:10px;font-size:1.7rem;font-weight:750;text-decoration:none;display:flex}.brand span{color:var(--accentText)}.brand img{width:40px;height:40px}.hero,.grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:32px;display:grid}.card{background:var(--surface);border:1px solid var(--border);overflow-wrap:anywhere;border-radius:18px;min-width:0;padding:24px}.muted{color:var(--secondaryInk)}.stack{gap:16px;display:grid}.skip{position:absolute;top:-100px;left:12px}.skip:focus{top:12px}.reset{flex-shrink:0;width:56px;height:56px;padding:0;font-size:1.8rem}.search-row{gap:8px;display:flex}.search-row input{flex:1;min-width:0}.notice{border-left:4px solid var(--accentFill);background:var(--inset);padding:12px 16px}.shelf{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:20px;display:grid}section{margin:48px 0}li{margin:10px 0}.word{border-bottom:1px solid var(--border);padding:16px 0}.word h3{margin:0}.word p{margin:4px 0}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.app-shell{grid-template-columns:224px minmax(0,1fr);max-width:1440px;margin:auto;display:grid}.app-nav{align-self:start;padding:24px;position:sticky;top:0}.app-nav nav{display:grid}.app-nav a[aria-current=page]{background:var(--inset);border-radius:10px}.app-main{width:100%;min-width:0}.stats{flex-wrap:wrap;gap:24px;display:flex}.review-card{text-align:center;padding:40px 24px}.review-card h2{font-size:2.8rem}.danger{color:var(--accentText)}[hidden]{display:none!important}@media (width<=767px){main,header,footer{padding:20px}.hero,.grid,.app-shell{grid-template-columns:1fr}.app-nav{padding:16px;position:static}.app-nav nav{gap:6px;display:flex}.hero img{object-fit:contain;width:100%;max-height:360px}h1{margin-top:16px}.card{padding:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root[data-theme=dark] .brand img{filter:brightness(2.8)}dialog{background:var(--surface);color:var(--ink);border:1px solid var(--border);overflow-wrap:anywhere;border-radius:18px;max-width:min(36rem,100vw - 32px);max-height:calc(100dvh - 32px);padding:24px;overflow:auto}dialog::backdrop{background:#0000008c}dialog button{margin:8px 8px 0 0}@media (forced-colors:active){.card,.notice{border:1px solid canvastext}.primary{color:buttontext;background:buttonface}}header summary{cursor:pointer;align-items:center;min-height:44px;padding:10px 6px;display:flex}header details{max-width:100%}body{font-size:1rem}p,li,a{overflow-wrap:anywhere}button,.button,nav a{overflow-wrap:anywhere;max-width:100%}.brand{flex-wrap:wrap;max-width:100%}.app-nav button[aria-current=page]{background:var(--inset);border-color:var(--accentText)}.draft-json{white-space:pre-wrap;overflow-wrap:anywhere;max-height:20rem;overflow:auto}footer>span{overflow-wrap:anywhere;min-width:0}
