:root{--map-sea:#cddfee;--map-land:#dcdcdb;--map-border:#fafafa;--map-hover-ring:#fff;--map-hover-ring-width:2.5px;--map-hover:#bdbdbc;--map-city:#e9e9e8;--map-off:#e5e5e3;--relief-opacity:.6;--learn-soft:.86 .08;--learn-strong:.62 .17;--learn-new:oklch(60% .15 155);--learn-again:oklch(55% .2 305);--learn-known:oklch(80% .03 255)}@media (prefers-color-scheme:dark){:root{--map-sea:#0d1420;--map-land:#2e2e2e;--map-border:#8c9198;--map-hover-ring:#f2f3f5;--map-hover-ring-width:1.5px;--map-hover:#505050;--map-city:#252525;--map-off:#242424;--relief-opacity:.8;--learn-soft:.42 .07;--learn-strong:.7 .15;--learn-new:oklch(72% .15 155);--learn-again:oklch(72% .15 305);--learn-known:oklch(42% .03 255)}}body:has([data-quiz]){overflow:hidden}.quiz{grid-template-columns:minmax(0,1fr) 22rem;height:100dvh;display:grid}.map{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:var(--map-sea);min-height:0;position:relative}.map .answer,.map .answer *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.stage{overscroll-behavior:contain;scrollbar-width:thin;position:absolute;inset:0;overflow:auto}.canvas{width:100%;height:100%;position:relative;overflow:clip}.plane{position:absolute;inset:0}.canvas svg{width:100%;height:100%;padding:1rem;display:block;position:absolute;inset:0;overflow:visible}.canvas .fills{will-change:transform}.stage{touch-action:none}.canvas .overlay{pointer-events:none}.stage path{fill:var(--map-land);stroke:none;pointer-events:fill}.stage path.borders.outside{opacity:.25}.stage path.borders{fill:none;stroke:var(--map-border);stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-linejoin:round;pointer-events:none;transition:none}.stage path.other{fill:var(--map-city)}.stage [data-hover-ring] path{fill:none;stroke:var(--map-hover-ring);stroke-width:var(--map-hover-ring-width);stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none}.stage [data-learn-ring] path{fill:none;stroke:oklch(from oklch(var(--learn-strong) var(--hue)) calc(l - .2) c h);stroke-width:1.5px;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none}@media not ((hover:hover) and (pointer:fine)){.stage [data-learn-ring] path.new{stroke:oklch(from var(--learn-new) calc(l - .2) c h)}.stage [data-learn-ring] path.again{stroke:oklch(from var(--learn-again) calc(l - .2) c h)}}.stage [data-mark-ring] path{fill:none;stroke-width:1.5px;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none}.stage [data-mark-ring] path.correct,.stage [data-mark-ring] path.reveal{stroke:oklch(from var(--ok) calc(l - .2) c h)}.stage [data-mark-ring] path.wrong{stroke:oklch(from var(--bad) calc(l - .2) c h)}.stage .dot-ring{fill:#fff;fill-opacity:.2;stroke:var(--map-border);stroke-width:1.5px;vector-effect:non-scaling-stroke;pointer-events:none}.stage path.off{fill:var(--map-off);pointer-events:none}.stage path.dot{fill:#0000}.stage path.done-ok{fill:color-mix(in srgb, var(--ok) 40%, var(--map-land))}.stage path.done-late{fill:color-mix(in srgb, var(--warn) 45%, var(--map-land))}.stage path.done-miss{fill:color-mix(in srgb, var(--bad) 40%, var(--map-land))}.canvas .mark{pointer-events:none}.canvas .mark.target,.canvas .mark.reveal{will-change:opacity}.stage .mark path{pointer-events:none}.stage .mark.target path{fill:var(--accent)}.stage .mark.reveal path{fill:var(--ok)}.canvas .mark.target{animation:1.6s ease-in-out infinite target}.canvas .mark.reveal{animation:.5s 3 blink}.stage .mark.learn path{fill:oklch(var(--learn-strong) var(--hue))}.stage .mark.learn-other path{fill:oklch(var(--learn-soft) var(--hue))}.stage .mark.learn-known path{fill:var(--learn-known)}.stage path.c0,.learn-spot.c0{--hue:255}.stage path.c1,.learn-spot.c1{--hue:70}.stage path.c2,.learn-spot.c2{--hue:175}.stage path.c3,.learn-spot.c3{--hue:310}.stage path.c4,.learn-spot.c4{--hue:15}.stage path.c5,.learn-spot.c5{--hue:120}.stage path.c6,.learn-spot.c6{--hue:215}@media not ((hover:hover) and (pointer:fine)){.stage .mark.learn path.new{fill:var(--learn-new)}.stage .mark.learn-other path.new{fill:color-mix(in srgb, var(--learn-new) 35%, var(--map-land))}.stage .mark.learn path.again{fill:var(--learn-again)}.stage .mark.learn-other path.again{fill:color-mix(in srgb, var(--learn-again) 35%, var(--map-land))}}.canvas .hover{pointer-events:none;will-change:transform}.stage .hover path{fill:var(--map-hover);pointer-events:none;transition:none}.stage .hover path.done-ok{fill:color-mix(in srgb, var(--ok) 60%, var(--map-hover))}.stage .hover path.done-late{fill:color-mix(in srgb, var(--warn) 65%, var(--map-hover))}.stage .hover path.done-miss{fill:color-mix(in srgb, var(--bad) 60%, var(--map-hover))}.stage path.correct{fill:var(--ok)!important}.stage path.wrong{fill:var(--bad)!important}.relief{mix-blend-mode:multiply;opacity:var(--relief-opacity);pointer-events:none;user-select:none;will-change:transform}@keyframes target{50%{opacity:.45}}@keyframes shake{20%,60%{translate:-3px}40%,80%{translate:3px}}@keyframes blink{50%{opacity:.25}}.zoom{right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));box-shadow:var(--shadow);border-radius:999px;gap:1px;display:grid;position:absolute;overflow:hidden}.zoom-btn{background:color-mix(in srgb, var(--surface) 88%, transparent);backdrop-filter:blur(8px);width:2.75rem;height:2.75rem;color:var(--fg);font:inherit;cursor:pointer;border:0;font-size:1.25rem}.zoom-btn:hover{background:var(--surface)}.overview-btn{right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:2;box-shadow:var(--shadow);position:absolute}.overview-btn[hidden]{display:none}@media (pointer:coarse){.zoom{display:none}}.cue{z-index:4;pointer-events:none;white-space:nowrap;color:var(--muted);opacity:0;align-items:center;gap:.4rem;font-size:.9rem;transition:opacity .2s;display:flex;position:fixed}.cue-ask,.cue .status{box-sizing:border-box;border:1px solid var(--line);background:var(--surface);height:2.4rem;box-shadow:var(--shadow);border-radius:999px}.cue-ask{text-overflow:ellipsis;min-width:0;padding:0 1rem;line-height:calc(2.4rem - 2px);overflow:hidden}.cue strong{color:var(--fg);font-weight:600}.status{color:var(--fg);font-variant-numeric:tabular-nums;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;padding:0 .85rem;font-size:1rem;font-weight:600;display:none}.cue.at-mouse .status{display:flex}.status-time:empty,.status-count:empty{display:none}.status-time:not(:empty){border-right:1px solid var(--line);margin-right:.15rem;padding-right:.65rem}.status-ring+.status-count{margin-left:-.2rem}.status-count{color:var(--muted);font-size:.85rem;font-weight:500}.status:has(.status-time:empty):has(.status-count:empty){width:2.4rem;padding:0}.status-ring{width:1.6rem;height:1.6rem;rotate:-90deg}.status-ring circle{fill:none;stroke:var(--line);stroke-width:3px}.status-ring circle.done{stroke:var(--fg)}.status-ring circle.current{stroke:var(--muted)}.status-ring circle.ok{stroke:var(--ok)}.status-ring circle.late{stroke:var(--warn)}.status-ring circle.miss{stroke:var(--bad)}.cue.is-visible{opacity:1}.cue[hidden]{display:none}.cue.is-new .cue-ask{animation:.35s ease-out cue-in}@keyframes cue-in{0%{scale:.85}60%{scale:1.06}}.learn-bar{z-index:5;left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);backdrop-filter:blur(10px);width:min(22rem,100% - 1.5rem);box-shadow:var(--shadow);border-radius:1.25rem;position:absolute;translate:-50%}.learn-bar[hidden],.learn-practice[hidden],.learn-start[hidden],.learn-labels[hidden],.name-tip[hidden],.learn-spot[hidden]{display:none}.learn-spot{z-index:4;border:2.5px solid oklch(from oklch(var(--learn-strong) var(--hue)) calc(l - .15) c h);pointer-events:none;border-radius:50%;width:4rem;height:4rem;margin:-2rem 0 0 -2rem;animation:1.4s ease-in-out infinite spot;position:fixed}@media not ((hover:hover) and (pointer:fine)){.learn-spot.new{border-color:var(--learn-new)}.learn-spot.again{border-color:var(--learn-again)}}@keyframes spot{50%{opacity:.6;scale:.8}}.name-tip{z-index:6;pointer-events:none;white-space:nowrap;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);color:var(--fg);border-radius:999px;padding:.3rem .75rem;font-size:.9rem;font-weight:500;position:fixed}@media (hover:hover) and (pointer:fine){.learn-bar{display:none}}@media not ((hover:hover) and (pointer:fine)){.learn-start{display:none}}.learn-start{margin-top:1rem}.learn-labels>span{z-index:4;pointer-events:none;white-space:nowrap;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 90%, transparent);box-shadow:var(--shadow);color:var(--fg);border-radius:999px;padding:.15rem .55rem;font-size:.8rem;font-weight:500;position:fixed;translate:-50% -50%}.learn-labels>span.new,.learn-labels>span.again{border:1.5px solid var(--learn-new);font-weight:600}.learn-labels>span.again{border-color:var(--learn-again)}.learn-labels>span.known{box-shadow:none;color:var(--muted);text-shadow:0 0 3px var(--bg), 0 0 3px var(--bg);background:0 0;border:0;padding:0;font-size:.72rem}.learn-labels>span.new:before,.learn-labels>span.again:before{content:"";background:var(--learn-new);vertical-align:.05em;border-radius:50%;width:.45rem;height:.45rem;margin-right:.35rem;display:inline-block}.learn-labels>span.again:before{background:var(--learn-again)}.learn-labels>span.current{z-index:5;border-color:var(--fg);background:var(--fg);color:var(--bg);padding:.3rem .8rem;font-size:.95rem;font-weight:600}.learn-names{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;overflow-x:auto}.learn-names::-webkit-scrollbar{display:none}.learn-slide{box-sizing:border-box;scroll-snap-align:center;flex:0 0 100%;justify-items:center;padding:1.75rem 1rem 2.4rem;display:grid;position:relative}.learn-slide strong{letter-spacing:-.01em;text-align:center;font-size:1.4rem;font-weight:600;line-height:1.2}.learn-badge{background:color-mix(in srgb, var(--learn-new) 16%, transparent);color:var(--learn-new);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.1rem .5rem;font-size:.7rem;font-weight:600;position:absolute;top:.6rem;right:.75rem}.learn-badge.again{background:color-mix(in srgb, var(--learn-again) 16%, transparent);color:var(--learn-again)}.learn-dots{pointer-events:none;gap:6px;display:flex;position:absolute;bottom:.95rem;left:50%;translate:-50%}.learn-dots>span{background:var(--line);border-radius:50%;width:6px;height:6px}.learn-dots>span.seen{background:color-mix(in srgb, var(--muted) 60%, var(--line))}.learn-dots-current{background:var(--fg);border-radius:999px;position:absolute;top:0;bottom:0}.learn-practice{box-shadow:var(--shadow);position:absolute;bottom:calc(100% + .6rem);right:0}.pop{z-index:10;pointer-events:none;white-space:nowrap;background:var(--fg);color:var(--bg);box-shadow:var(--shadow);border-radius:999px;padding:.35rem .8rem;font-size:.9rem;font-weight:500;animation:1.8s ease-out forwards pop;position:fixed;translate:-50% calc(-100% - 12px)}@keyframes pop{0%{opacity:0;scale:.6}12%{opacity:1;scale:1.05}20%{scale:1}80%{opacity:1}to{opacity:0}}.ghost{z-index:3;pointer-events:none;will-change:scale, opacity;animation:.8s ease-out forwards ghost;position:fixed;overflow:visible}.ghost path{stroke-width:8px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ghost.ok path{fill:var(--ok);stroke:var(--ok)}.ghost.bad path{fill:var(--bad);stroke:var(--bad)}.ghost.bad{animation:.8s ease-out forwards ghost,.4s shake}@keyframes ghost{0%{opacity:.7;scale:1}to{opacity:0;scale:var(--grow)}}.ripple{z-index:5;pointer-events:none;position:fixed;translate:-50% -50%}.ripple.ok{--c:var(--ok)}.ripple.bad{--c:var(--bad)}.ripple:before,.ripple:after{content:"";border-radius:50%;position:absolute;inset:0}.ripple:before{background:radial-gradient(circle, color-mix(in srgb, var(--c) 60%, transparent) 0%, color-mix(in srgb, var(--c) 25%, transparent) 55%, transparent 71%);animation:.9s ease-out forwards glow}.ripple:after{border:3px solid var(--c);animation:.9s ease-out forwards ring}@keyframes glow{0%{opacity:0;scale:.2}25%{opacity:1}to{opacity:0;scale:1}}@keyframes ring{0%{opacity:0;scale:.4}20%{opacity:1}to{opacity:0;scale:1.15}}@media (prefers-reduced-motion:reduce){.ripple,.ghost{display:none}.pop{animation-timing-function:step-end}}.panel{border-left:1px solid var(--line);background:var(--bg);flex-direction:column;gap:1.75rem;min-height:0;padding:1.25rem 1.5rem 2rem;display:flex;overflow-y:auto}.panel-head{justify-content:space-between;align-items:center;gap:1rem;margin-inline:-.6rem 0;display:flex}.question h1{color:var(--muted);margin:.5rem 0 .25rem;font-size:1.15rem;font-weight:400}.question h1 strong{color:var(--fg);letter-spacing:-.02em;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:600;line-height:1.15;display:block}.learn[hidden],.progress[hidden],.question-foot[hidden],.settings[data-area=learn] .setting:not([data-setting=area]){display:none}.level{background:var(--soft);color:var(--muted);border-radius:999px;margin:.5rem 0 0;padding:.15rem .6rem;font-size:.8rem;display:inline-block}.progress{gap:.3rem;margin:1.25rem 0 0;padding:0;list-style:none;display:flex}.progress li{background:var(--line);border-radius:999px;flex:1;height:.3rem;transition:background-color .3s}.progress li.current{background:var(--muted)}.progress.long li{background:linear-gradient(to right, var(--fg) calc(var(--done) * 100%), var(--line) 0)}.progress li.ok{background:var(--ok)}.progress li.late{background:var(--warn)}.progress li.miss{background:var(--bad)}.question-meta{justify-content:space-between;gap:1rem;display:flex}.timer{color:var(--fg);letter-spacing:.02em;font-size:.9rem}.answer{--pad:.75rem;--field:3rem;--field-radius:calc(var(--field) / 2);--field-inset:1.1rem;z-index:6;width:min(24rem,100vw - 2rem);padding:var(--pad);border:1px solid var(--line);border-radius:calc(var(--field-radius) + var(--pad));background:color-mix(in srgb, var(--surface) 92%, transparent);backdrop-filter:blur(10px);box-shadow:var(--shadow);grid-template-columns:minmax(0,1fr);gap:.6rem;display:grid;position:fixed}.answer.gliding{transition:left .35s,top .35s}.answer[hidden]{display:none}.answer-row{gap:.5rem;display:flex}.answer-progress,.key-hint{display:none}@media (pointer:fine){.answer-ok{display:none}.answer{--field-radius:.6rem;--field-inset:.8rem}.answer .answer-foot{padding-left:0}.answer .answer-foot .btn-quiet{padding-right:0}.answer-progress{font-variant-numeric:tabular-nums;align-items:center;gap:.6rem;margin-bottom:.4rem;display:flex}.answer-progress .status-time{border:0;margin:0;padding:0;font-weight:600}.answer-progress .progress{flex:1;margin:0}.answer-progress .progress.dots{grid-auto-flow:column;grid-template-rows:repeat(var(--rows), 6px);grid-auto-columns:6px;justify-content:center;gap:3px;display:grid;scale:1 -1}.answer-progress .progress.dots li{border-radius:2px;width:6px;height:6px}.key-hint{border:1px solid var(--line);color:var(--muted);font:inherit;border-bottom-width:2px;border-radius:.35rem;margin-left:.5rem;padding:.1rem .45rem;font-size:.85rem;line-height:1.2;display:inline-block}}.answer input{width:0;min-width:0;height:var(--field);padding:0 var(--field-inset);border:1px solid var(--line);border-radius:var(--field-radius);background:var(--surface);color:var(--fg);font:inherit;flex:1 1 0;font-size:max(1.25rem,16px)}.answer input:focus{border-color:var(--fg);outline:none}.answer .btn-primary{height:var(--field);padding-inline:1.3rem;font-size:1rem}.answer-foot{padding-left:var(--field-inset);color:var(--muted);justify-content:space-between;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.answer-feedback{min-width:0}.answer-row[hidden],.answer [hidden]{display:none}.answer-diff{padding:.15rem .6rem 0}.answer-diff p{margin:0}.diff-correct{letter-spacing:.01em;font-size:1.6rem;font-weight:600;line-height:1.25}.diff-typed{color:var(--muted);font-size:1rem;margin-top:.2rem!important}.answer-diff mark,.answer-diff del,.answer-diff .miss{color:inherit;border-radius:.25em;padding:0 .06em;text-decoration:none}.answer-diff mark.fix{background:color-mix(in srgb, var(--ok) 30%, transparent);box-shadow:inset 0 -2px var(--ok)}.answer-diff mark.swap{background:color-mix(in srgb, var(--warn) 35%, transparent);box-shadow:inset 0 -2px var(--warn)}.answer-diff del.bad{background:color-mix(in srgb, var(--bad) 18%, transparent);color:var(--bad);text-decoration:line-through}.answer-diff .miss{vertical-align:-.12em;background:color-mix(in srgb, var(--bad) 18%, transparent);width:.6em;height:.95em;box-shadow:inset 0 -2px var(--bad);border-radius:2px;margin:0 .05em;display:inline-block}.answer-hint{display:none}@media (pointer:fine){.answer-feedback:empty{display:none}.answer-feedback:empty+.answer-hint{display:block}.answer-hint .key-hint{margin:0 .3rem 0 0}}.answer-feedback.ok{color:var(--ok)}.answer-feedback.bad{color:var(--bad)}.answer .btn-quiet{flex-shrink:0;margin:-.3rem 0;font-size:.85rem}.ready h1{margin:.5rem 0 .25rem}.ready-text{color:var(--muted);margin:.75rem 0 0;font-size:.95rem}.ready-text[hidden],.ready[hidden]{display:none}.question{position:relative}.controls{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:absolute;top:0;right:0}.controls [hidden]{display:none}.run{align-items:center;gap:.5rem;display:flex}.run .timer{font-size:1rem}.btn-small{padding:.4rem .95rem;font-size:.9rem}.icon-btn{width:2.25rem;height:2.25rem;color:var(--muted);padding:0}.level[hidden]{display:none}.paused{z-index:7;background:var(--map-sea);text-align:center;place-content:center;justify-items:center;gap:.5rem;display:grid;position:absolute;inset:0}.paused[hidden]{display:none}.paused-text{color:var(--muted);margin:0 0 .75rem}.paused-text strong{color:var(--fg)}.question-foot{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.skip{flex-shrink:0;margin:.45rem -.6rem 0 0;font-size:.85rem}.skip[hidden],.map-skip{display:none}@media (hover:none),(pointer:coarse){.question-foot .skip{display:none}.map-skip:not([hidden]){z-index:4;box-sizing:border-box;border:1px solid var(--line);background:var(--surface);height:2.4rem;box-shadow:var(--shadow);color:var(--fg);border-radius:999px;align-items:center;padding:0 1rem;font-size:.9rem;display:inline-flex;position:absolute;top:12px;right:12px}}.feedback{min-height:1.5em;margin:.9rem 0 0;font-size:.95rem}.feedback.ok{color:var(--ok)}.feedback.bad{color:var(--bad)}.feedback.info{color:var(--muted)}.settings{color:var(--muted);gap:.6rem;font-size:.9rem;display:grid}.setting{justify-content:space-between;align-items:center;gap:1rem;display:flex}.switch{cursor:pointer}.switch input{appearance:none;background:var(--line);cursor:pointer;border-radius:999px;width:2.6rem;height:1.5rem;margin:0;transition:background-color .2s;position:relative}.switch input:after{content:"";background:var(--surface);border-radius:50%;width:1.1rem;height:1.1rem;transition:translate .2s;position:absolute;top:.2rem;left:.2rem;box-shadow:0 1px 2px #0003}.switch input:checked{background:var(--fg)}.switch input:checked:after{translate:1.1rem}.segmented{background:var(--soft);border-radius:999px;padding:.2rem;display:inline-flex}.segmented input{opacity:0;position:absolute}.segmented span{min-width:2.2rem;color:var(--muted);text-align:center;cursor:pointer;border-radius:999px;padding:.3rem .7rem;transition:background-color .15s,color .15s;display:block}.segmented input:checked+span{background:var(--surface);color:var(--fg);box-shadow:0 1px 2px #0000001a}.segmented input:focus-visible+span{outline:2px solid var(--fg)}.stats h2{margin:0;font-size:1rem;font-weight:600}.stats h3{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:1.5rem 0 .4rem;font-size:.75rem;font-weight:500}.stats-head{justify-content:space-between;align-items:center;margin-right:-.6rem;display:flex}.stats-summary{color:var(--muted);margin:.4rem 0 .9rem;font-size:.9rem}.stats-summary strong{color:var(--fg);font-size:1.5rem;font-weight:600}.bar{border-radius:999px;gap:2px;height:.5rem;display:flex;overflow:hidden}.bar span{flex-basis:0;transition:flex-grow .4s}.legend{color:var(--muted);flex-wrap:wrap;gap:.4rem 1rem;margin:.6rem 0 0;padding:0;font-size:.8rem;list-style:none;display:flex}.legend li:before{content:"";background:currentColor;border-radius:50%;width:.55rem;height:.55rem;margin-right:.35rem;display:inline-block}.bar .new,.legend .new:before{background:var(--line)}.bar .shaky,.legend .shaky:before{background:var(--bad)}.bar .almost,.legend .almost:before{background:var(--warn)}.bar .known,.legend .known:before{background:var(--ok)}.rows{margin:0;padding:0;font-size:.9rem;list-style:none}.rows li{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.4rem 0;display:flex}.rows li span:last-child{color:var(--muted);flex-shrink:0}.sheet{flex-direction:column;flex:1 0 auto;display:flex}.credits{color:var(--muted);opacity:.75;margin:auto 0 0;padding-top:2rem;font-size:.7rem;line-height:1.5}.credits a{color:inherit}.sheet-toggle,.sheet-stats .settings,.panel:not(.sheet-stats) .stats{display:none}.pane-tabs{width:100%;margin-bottom:1.25rem;display:flex}.pane-tabs button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;padding:.4rem .8rem;font-size:.9rem}.pane-tabs button[aria-selected=true]{background:var(--surface);color:var(--fg);box-shadow:0 1px 2px #0000001a}.result{background:var(--surface);width:min(24rem,100vw - 2rem);color:var(--fg);box-shadow:var(--shadow);text-align:center;border:0;border-radius:1.25rem;padding:1.75rem}.result::backdrop{backdrop-filter:blur(2px);background:#00000059}.result h2{margin:.4rem 0 .5rem;font-size:1.5rem;font-weight:600}.result p{color:var(--muted)}.result-actions{justify-content:center;gap:.5rem;margin-top:1.25rem;display:flex}@media (width<=860px){.quiz{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.panel{padding:calc(.75rem + env(safe-area-inset-top)) 1rem .75rem;border-left:0;border-bottom:1px solid var(--line);grid-row:1;grid-template-columns:1fr auto;gap:0;display:grid;overflow:visible}.panel-head{grid-area:1/1/auto/-1;margin-bottom:.25rem}.question{grid-area:2/1/auto/-1}.question-meta{margin-top:.5rem}.question h1{padding-right:3rem}.question:has(.run>:not([hidden])) h1{padding-right:6.5rem}.question h1{margin-top:.6rem}.question h1 strong{font-size:1.5rem}.level{display:none}.progress{margin-top:.75rem}.feedback{margin-top:.5rem;font-size:.9rem}.sheet-toggle{display:inline-flex}.toggles{gap:.5rem;display:flex}.pane-tabs{display:none}.question-foot .skip{border-color:var(--line);background:var(--surface);color:var(--fg);margin:.5rem 0 0;padding:.45rem 1rem}.sheet{z-index:20;overscroll-behavior:contain;padding:0 1.25rem calc(1.5rem + env(safe-area-inset-bottom));background:var(--bg);visibility:hidden;align-content:start;gap:1.5rem;transition:transform .3s,visibility 0s .3s;display:grid;position:fixed;inset:0;overflow-y:auto;transform:translateY(100%)}.sheet-open .sheet{visibility:visible;transition:transform .3s;transform:none}.sheet-head{z-index:1;padding:calc(.75rem + env(safe-area-inset-top)) 1.25rem .75rem;border-bottom:1px solid var(--line);background:var(--bg);justify-content:space-between;align-items:center;gap:1rem;margin:0 -1.25rem -.5rem;display:flex;position:sticky;top:0}.sheet-backdrop{z-index:19;opacity:0;pointer-events:none;background:#0000004d;transition:opacity .3s;position:fixed;inset:0}.sheet-open .sheet-backdrop{opacity:1;pointer-events:auto}.setting[data-setting=mode]{display:none}}.sheet-head,.sheet-backdrop{display:none}@media (width<=860px){.sheet-head{display:flex}.sheet-backdrop{display:block}}