:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--line:color-mix(in srgb, CanvasText 18%, transparent);--sunk:color-mix(in srgb, CanvasText 5%, transparent);--accent:var(--lightningcss-light,#0b5b8a)var(--lightningcss-dark,#8fd0f2);--right:var(--lightningcss-light,#0f7a43)var(--lightningcss-dark,#6fdca0);--wrong:var(--lightningcss-light,#b3261e)var(--lightningcss-dark,#ffb4ab);font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{color:canvastext;background:canvas;margin:0;line-height:1.5}.app{max-width:44rem;margin:0 auto;padding:1.5rem 1rem 4rem}h1{margin:0;font-size:1.5rem}h2{margin:1.5rem 0 .5rem;font-size:1rem}a{color:var(--accent)}.muted{color:color-mix(in srgb, CanvasText 62%, Canvas);font-size:.85rem}.error-text{color:var(--wrong);font-size:.9rem}.empty{color:color-mix(in srgb, CanvasText 60%, Canvas);text-align:center;padding:3rem 0}button{font:inherit;color:canvas;cursor:pointer;background:canvastext;border:1px solid #0000;border-radius:999px;padding:.45rem .9rem}button.ghost{color:inherit;border-color:var(--line);background:0 0}button:disabled{cursor:default}kbd{font:inherit;border:1px solid var(--line);background:var(--sunk);border-radius:4px;padding:0 .3em;font-size:.8em}.intro__lead{color:color-mix(in srgb, CanvasText 78%, Canvas);margin:.75rem 0 0}.levels{gap:.75rem;margin:1.5rem 0;display:grid}@media (width>=34rem){.levels{grid-template-columns:1fr 1fr}}.level{text-align:left;border:1px solid var(--line);background:var(--sunk);color:inherit;border-radius:14px;gap:.4rem;padding:1.1rem;display:grid}.level:hover{border-color:var(--accent)}.level__name{font-size:1.15rem;font-weight:600}.level__blurb{color:color-mix(in srgb, CanvasText 70%, Canvas);font-size:.9rem}.level__count{color:var(--accent);font-size:.8rem}.notes p{color:color-mix(in srgb, CanvasText 78%, Canvas);font-size:.9rem}.bar{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.bar__title{flex:1;font-size:1.15rem}.bar__back{padding-inline:.7rem}.score{background:var(--sunk);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:1rem 0 1.25rem;padding:.7rem .4rem;display:grid}.score div{text-align:center;min-width:0}.score dt{text-transform:uppercase;letter-spacing:.06em;color:color-mix(in srgb, CanvasText 58%, Canvas);font-size:.7rem}.score dd{font-variant-numeric:tabular-nums;margin:.15rem 0 0;font-size:1.05rem}.score__pct{color:color-mix(in srgb, CanvasText 58%, Canvas);font-size:.75rem}.card{border:1px solid var(--line);border-radius:14px;padding:1.25rem}.card__topic{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin:0;font-size:.75rem}.card__prompt{margin:.4rem 0 1rem;font-size:1.15rem;line-height:1.35}.card__figure{justify-content:center;margin:0 0 1.25rem;display:flex}.figure{color:canvastext;max-width:100%}.figure--buoy{height:11rem}.figure--sail{height:13rem}.figure--rhythm{width:100%;max-width:20rem}.figure__label{fill:currentColor;opacity:.75;font-family:system-ui,sans-serif;font-size:11px}.figure__label--wind{fill:#1c5bbd;opacity:1}.options{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.option{text-align:left;border:1px solid var(--line);width:100%;color:inherit;background:0 0;border-radius:10px;align-items:baseline;gap:.7rem;padding:.7rem .9rem;display:flex}.option:not(:disabled):hover{border-color:var(--accent);background:var(--sunk)}.option__key{font-variant-numeric:tabular-nums;color:color-mix(in srgb, CanvasText 50%, Canvas);font-size:.75rem}.option__text{flex:1}.option--right{border-color:var(--right);background:color-mix(in srgb, var(--right) 14%, transparent)}.option--wrong{border-color:var(--wrong);background:color-mix(in srgb, var(--wrong) 14%, transparent)}.option--muted{opacity:.55}.option:disabled{opacity:1}.option--muted:disabled{opacity:.55}.verdict{border-top:1px solid var(--line);margin-top:1.1rem;padding-top:1rem}.verdict__headline{margin:0 0 .5rem;font-weight:600}.verdict--right .verdict__headline{color:var(--right)}.verdict--wrong .verdict__headline{color:var(--wrong)}.verdict__headline strong{color:canvastext}.verdict__explain{color:color-mix(in srgb, CanvasText 82%, Canvas);margin:0}.verdict__source{color:color-mix(in srgb, CanvasText 55%, Canvas);margin:.6rem 0 0;font-size:.8rem}.verdict__next{margin-top:1rem}.topics{border:1px solid var(--line);border-radius:14px;margin-bottom:1.25rem;padding:1rem}.topics__head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.topics__head h2{margin:0}.topics .muted{margin:.25rem 0 .75rem}.topics__list{gap:.35rem;margin:0 0 .75rem;padding:0;list-style:none;display:grid}.topic{border:1px solid var(--line);cursor:pointer;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding:.5rem .7rem;display:grid}.topic--on{border-color:var(--accent);background:var(--sunk)}.topic__count{font-variant-numeric:tabular-nums;color:color-mix(in srgb, CanvasText 55%, Canvas);font-size:.8rem}.topic__syllabus{color:color-mix(in srgb, CanvasText 52%, Canvas);grid-column:2/-1;font-size:.72rem}.foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.75rem;display:flex}.foot .muted{margin:0}