:root{--bg:#f6f4ef;--card:#fff;--ink:#1d1b18;--muted:#6b665e;--line:#ddd8ce;--orange:#ee6a1f;--orange-ink:#fff;--ok:#1f8a4c;--ok-bg:#e3f4ea;--bad:#c2362b;--bad-bg:#fbe7e4;--gold:#d4a017;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#151412;--card:#211f1c;--ink:#f1ede6;--muted:#a39d93;--line:#3a3631;--orange:#f07a33;--ok:#4cc27d;--ok-bg:#173323;--bad:#f07067;--bad-bg:#3a1a17}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;margin:0;font:17px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2,h3{margin:0 0 .5em;line-height:1.2}h2{font-size:1.35rem}h3{margin-top:2rem;font-size:1.05rem}button{font:inherit;color:inherit;background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:12px;padding:.7rem 1.1rem}button:disabled{cursor:default}button.primary{background:var(--orange);border-color:var(--orange);color:var(--orange-ink);font-weight:600}button.primary:disabled{opacity:.5}button.big{width:100%;margin-top:1rem;padding:.95rem}button.link{color:var(--muted);background:0 0;border:none;padding:.3rem;font-size:.9rem}.muted{color:var(--muted)}.error{color:var(--bad)}.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:1.5rem;display:flex}.login h1{letter-spacing:-.02em;margin-top:1rem;font-size:2.2rem}.login form{text-align:left;flex-direction:column;gap:.4rem;width:100%;max-width:320px;margin-top:1.5rem;display:flex}.login input{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;padding:.8rem 1rem;font-size:1.1rem}.login input:focus{outline:2px solid var(--orange);outline-offset:1px}.hint{color:var(--muted);margin:0 0 .6rem;font-size:.9rem}.app{max-width:560px;min-height:100dvh;padding:env(safe-area-inset-top) 16px calc(5rem + env(safe-area-inset-bottom));margin:0 auto}.top{justify-content:space-between;align-items:center;padding:.9rem 0 1.2rem;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:.55rem;font-size:1.2rem;font-weight:800;display:flex}.tabs{padding:.6rem 16px calc(.6rem + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line);justify-content:center;gap:.5rem;display:flex;position:fixed;bottom:0;left:0;right:0}.tabs button{max-width:260px;color:var(--muted);background:0 0;border:none;flex:1;font-weight:600}.tabs button.on{background:var(--bg);color:var(--orange)}.intro p{margin:0 0 .8rem}.progress{gap:4px;margin-bottom:.6rem;display:flex}.progress span{background:var(--line);border-radius:3px;flex:1;height:6px}.progress .now{background:var(--orange)}.progress .ok{background:var(--ok)}.progress .bad{background:var(--bad)}.question-top{justify-content:space-between;align-items:baseline;gap:.5rem;margin:0 0 .4rem;display:flex}.question-top .back{margin:0;padding:.2rem 0;font-weight:600}.question .muted{margin:0;font-size:.9rem}.options{flex-direction:column;gap:.6rem;margin-top:1rem;display:flex}.option{text-align:left;align-items:center;gap:.8rem;padding:.85rem 1rem;display:flex}.option .letter{background:var(--bg);border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;width:1.9rem;height:1.9rem;font-size:.85rem;font-weight:700;display:grid}.option.right{border-color:var(--ok);background:var(--ok-bg)}.option.right .letter{background:var(--ok);border-color:var(--ok);color:#fff}.option.wrong{border-color:var(--bad);background:var(--bad-bg)}.option.wrong .letter{background:var(--bad);border-color:var(--bad);color:#fff}.option:disabled:not(.right):not(.wrong){opacity:.55}.feedback{background:var(--card);border-left:4px solid;border-radius:12px;margin-top:1rem;padding:.9rem 1rem}.feedback.ok{border-color:var(--ok)}.feedback.bad{border-color:var(--bad)}.feedback.ok strong{color:var(--ok)}.feedback.bad strong{color:var(--bad)}.result{text-align:center;padding-top:1.5rem}.score{color:var(--orange);margin:.3rem 0 .8rem;font-size:5rem;font-weight:800;line-height:1}.score span{color:var(--muted);font-size:2rem}.row{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.5rem;display:flex}.board{flex-direction:column;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.board li{background:var(--card);border:1px solid var(--line);border-radius:14px;align-items:center;gap:.9rem;padding:.75rem 1rem;display:flex}.board li.me{border-color:var(--orange)}.place{background:var(--bg);width:2rem;height:2rem;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.place.p1{background:var(--gold);color:#fff}.place.p2{color:#fff;background:#9aa0a6}.place.p3{color:#fff;background:#b0703c}.who{flex-direction:column;flex:1;min-width:0;display:flex}.who small{color:var(--muted);font-size:.82rem}.best{font-size:1.5rem;font-weight:800}.best small{color:var(--muted);font-size:.9rem;font-weight:600}.recent{margin:0;padding:0;list-style:none}.recent li{border-bottom:1px solid var(--line);gap:.8rem;padding:.55rem 0;display:flex}.recent li span:first-child{flex:1}.recent .muted{font-size:.9rem}.kinds{flex-direction:column;gap:.7rem;margin:1.2rem 0 .6rem;display:flex}.kind{text-align:left;border-radius:14px;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.kind:not(:disabled):hover{border-color:var(--orange)}.kind>span:last-child{flex-direction:column;display:flex}.kind small{color:var(--muted);font-size:.88rem}.kind .symbol{flex:none;width:64px;margin:0}.kind-icon{background:var(--orange);color:#fff;border-radius:8px;flex:none;place-items:center;width:64px;height:40px;font-size:1.4rem;font-weight:800;display:grid}button.study{color:var(--orange);padding:.5rem 0;font-size:.95rem}button.back{padding:0 0 .8rem}.symbol{border:1px solid var(--line);border-radius:10px;width:100%;max-width:320px;margin:.4rem auto 1rem;display:block}.symbols{margin:0;padding:0;list-style:none}.symbols li{border-bottom:1px solid var(--line);align-items:center;gap:.9rem;padding:.6rem 0;display:flex}.symbols .symbol{border-radius:6px;flex:none;width:96px;margin:0}.symbols div{flex-direction:column;display:flex}.symbols small{color:var(--muted);font-size:.85rem}.source a{color:var(--orange)}.segment{background:var(--card);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;margin:.4rem 0 .8rem;padding:4px;display:grid}.segment button{color:var(--muted);background:0 0;border:none;border-radius:9px;flex:1;padding:.5rem;font-size:.92rem;font-weight:600}.segment button.on{background:var(--orange);color:#fff}.result .link{margin-top:1rem}.map{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;margin:.4rem 0 1rem;display:block}.kind .map{border-radius:6px;flex:none;width:64px;margin:0}.feedback{align-items:flex-start;gap:.8rem;display:flex}.feedback .symbol{border-radius:6px;flex:none;width:72px;margin:.15rem 0 0}.question .map{width:min(100%,43.125vh);margin:.2rem auto .8rem}.question>.symbol{width:min(100%,320px,35.2vh);margin:.2rem auto .8rem}.question h2{margin-bottom:.2rem}.question .options{gap:.5rem;margin-top:.7rem}.question .option{padding:.7rem 1rem}.feedback{scroll-margin-bottom:calc(6rem + env(safe-area-inset-bottom))}.next-bar{z-index:10;padding:.6rem 16px calc(.6rem + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line);justify-content:center;gap:.6rem;display:flex;position:fixed;bottom:0;left:0;right:0}.next-bar button.big{flex:1;max-width:400px}.next-bar button.big:not(.primary){flex:none;width:auto;padding-left:1.2rem;padding-right:1.2rem}@media (height<=700px){.question .map{width:min(100%,35.9375vh);margin-bottom:.5rem}.question h2{font-size:1.15rem}.question .option{padding:.55rem .9rem}.question .option .letter{width:1.6rem;height:1.6rem}}.sites{margin:0;padding:0;list-style:none}.sites a{border-bottom:1px solid var(--line);color:var(--ink);flex-direction:column;padding:.7rem 0;text-decoration:none;display:flex}.sites a strong{color:var(--orange)}.sites small{color:var(--muted);font-size:.85rem}