:root{--bg:#f3f6f6;--surface:#fff;--ink:#12302f;--muted:#557170;--meta:#557170;--line:#d4e0df;--accent:#9a4a12;--accent-ink:#fff;--accent-soft:#f6e9de;--brand:#f3951d;--brand-hover:#e0840f;--brand-ink:#fff;--sea:#1f6f6b;--sea-soft:#e2efee;--ok:#2c7a4b;--ok-soft:#e3f2e8;--warn:#a86a00;--warn-soft:#fbf0d9;--bad:#b23a2c;--bad-soft:#f9e3df;--f-display:"Literata", "PT Serif", Georgia, serif;--f-body:"Golos Text", "Segoe UI", system-ui, -apple-system, sans-serif;--f-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--r:12px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0e1b1b;--surface:#152626;--ink:#e3eeec;--muted:#94adab;--meta:#d6e2e0;--line:#2a4140;--accent:#e39a5c;--accent-ink:#1b1007;--accent-soft:#3a2616;--sea:#6fc2bb;--sea-soft:#1b3433;--ok:#6cc690;--ok-soft:#173325;--warn:#e2b04f;--warn-soft:#362a10;--bad:#ef8a7c;--bad-soft:#3b1d19;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0e1b1b;--surface:#152626;--ink:#e3eeec;--muted:#94adab;--meta:#d6e2e0;--line:#2a4140;--accent:#e39a5c;--accent-ink:#1b1007;--accent-soft:#3a2616;--sea:#6fc2bb;--sea-soft:#1b3433;--ok:#6cc690;--ok-soft:#173325;--warn:#e2b04f;--warn-soft:#362a10;--bad:#ef8a7c;--bad-soft:#3b1d19;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:400 1rem/1.55 var(--f-body);-webkit-font-smoothing:antialiased}.shell{flex-direction:column;gap:28px;max-width:640px;margin:0 auto;padding-block:20px 56px;padding-inline:16px;display:flex}.brand{color:var(--muted);align-items:center;gap:12px;display:flex}.element{border:1.5px solid var(--sea);width:40px;height:44px;color:var(--sea);border-radius:4px;grid-template-rows:auto 1fr;padding:2px 4px;display:grid}.element-num{font:500 .6rem/1 var(--f-mono)}.element-sym{font:600 1.35rem/1 var(--f-display);text-align:center;align-self:center}.brand-name{letter-spacing:.06em;text-transform:uppercase;font-size:.85rem}h1,h2{font-family:var(--f-display);text-wrap:balance;letter-spacing:-.01em;margin:0;font-weight:600}h1{font-size:clamp(1.7rem,5vw,2.3rem);line-height:1.15}h2{font-size:clamp(1.3rem,4vw,1.6rem);line-height:1.25}h2:focus{outline:none}p{margin:0}.intro{flex-direction:column;gap:20px;padding-top:4vh;display:flex}.lead{color:var(--ink);flex-direction:column;gap:12px;max-width:62ch;font-size:1.05rem;display:flex}.intro-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:8px;display:flex}.meta{color:var(--meta);font-size:.9rem}.counter{color:var(--muted);font-variant-numeric:tabular-nums;align-self:flex-start;align-items:center;gap:10px;font-size:.95rem;animation:.4s both counter-in;display:inline-flex}.counter b{color:var(--ink);font-weight:600}.counter-dot{background:var(--brand);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 22%, transparent);border-radius:50%}@keyframes counter-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.btn{font:500 1rem/1.2 var(--f-body);cursor:pointer;border:1.5px solid #0000;border-radius:999px;padding:14px 24px;transition:background-color .15s,border-color .15s,transform .1s}.btn:active{transform:translateY(1px)}.btn:focus-visible,.option:focus-visible,.region-input:focus-visible{outline:3px solid color-mix(in srgb, var(--brand) 55%, transparent);outline-offset:2px}.btn-primary,.btn-secondary{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.btn-primary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{color:var(--brand);background:0 0;padding-inline:8px}.btn-ghost:hover{color:var(--brand-hover)}.quiz{flex-direction:column;gap:22px;display:flex}.progress{flex-direction:column;gap:8px;display:flex}.progress-label{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.progress-label b{color:var(--ink);font-weight:600}.progress-track{background:var(--line);border-radius:2px;height:4px;overflow:hidden}.progress-fill{background:var(--sea);height:100%;transition:width .25s}.options{gap:10px;display:grid}.option{text-align:left;width:100%;font:400 1.02rem/1.35 var(--f-body);color:var(--ink);background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);cursor:pointer;align-items:center;gap:14px;padding:16px 18px;transition:border-color .15s,background-color .15s;display:flex}.option:hover{border-color:var(--sea)}.option-dot{border:2px solid var(--line);border-radius:50%;flex:none;width:20px;height:20px;transition:border-color .15s,box-shadow .15s}.option.is-checked{border-color:var(--sea);background:var(--sea-soft)}.option.is-checked .option-dot{border-color:var(--sea);box-shadow:inset 0 0 0 4px var(--surface), inset 0 0 0 10px var(--sea)}.hint{color:var(--muted);font-size:.85rem}.quiz-nav{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.region{flex-direction:column;gap:8px;display:flex}.region-input{width:100%;font:400 1.02rem var(--f-body);color:var(--ink);background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);padding:14px 16px}.region-input::placeholder{color:var(--muted)}.region-list{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);max-height:min(52vh,420px);margin:0;padding:6px;list-style:none;overflow-y:auto}.region-item{cursor:pointer;border-radius:8px;padding:10px 12px}.region-item.is-active{background:var(--sea-soft)}.region-item.is-selected{color:var(--sea);font-weight:600}.region-item.after-pinned{margin-bottom:6px;position:relative}.region-item.after-pinned:after{content:"";border-bottom:1px solid var(--line);position:absolute;bottom:-4px;left:12px;right:12px}.region-empty{color:var(--muted);padding:12px}.region-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.result{flex-direction:column;gap:24px;display:flex}.category{--tone:var(--warn);--tone-soft:var(--warn-soft);background:var(--tone-soft);border-radius:var(--r);flex-direction:column;gap:14px;padding:22px 22px 24px;display:flex}.cat-low{--tone:var(--ok);--tone-soft:var(--ok-soft)}.cat-high{--tone:var(--bad);--tone-soft:var(--bad-soft)}.category h1{font-size:clamp(1.4rem,4.4vw,1.85rem)}.scale{border-top:1px solid color-mix(in srgb, var(--tone) 22%, transparent);flex-direction:column;gap:6px;margin-top:6px;padding-top:16px;display:flex}.scale-title{color:var(--ink);font-size:.85rem;font-weight:600}.levels{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.level{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-top:4px solid color-mix(in srgb, var(--muted) 30%, transparent);padding-top:8px;font-size:.75rem}.level.is-on{color:var(--tone);border-top-color:var(--tone);font-weight:600}.regional{border-left:3px solid var(--sea);flex-direction:column;gap:6px;padding:2px 0 2px 16px;display:flex}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--sea);font-size:.78rem;font-weight:600}.recs{flex-direction:column;gap:14px;display:flex}.recs ol{counter-reset:rec;gap:12px;margin:0;padding:0;list-style:none;display:grid}.recs li{counter-increment:rec;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);grid-template-columns:32px 1fr;align-items:start;gap:12px;padding:14px 16px;display:grid}.recs li:before{content:counter(rec);background:var(--accent-soft);width:28px;height:28px;color:var(--accent);font:600 .9rem var(--f-mono);border-radius:50%;place-items:center;display:grid}.disclaimer{color:var(--muted);max-width:62ch;font-size:.85rem}.share{border:1.5px solid var(--line);border-radius:var(--r);background:var(--surface);flex-direction:column;gap:16px;padding:20px;display:flex}.share-text{flex-direction:column;gap:6px;display:flex}.share h2{font-size:1.2rem}.share-text p{color:var(--muted);max-width:60ch}.share-actions{flex-wrap:wrap;gap:10px;display:flex}.share-actions .btn{align-items:center;gap:8px;display:inline-flex}.share-status{color:var(--sea);flex-wrap:wrap;align-items:center;gap:6px;min-height:1.2em;font-size:.88rem;display:flex}.share-status:empty{display:none}.share-url{min-width:0;font:400 .88rem var(--f-mono);color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;flex:220px;padding:6px 8px}@media (width<=420px){.share-actions .btn{flex:100%;justify-content:center}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}