:root{--bg:#f3eee6;--surface:#fbf8f3;--sunken:#ece5d9;--ink:#0e1433;--muted:#565b73;--line:#ddd5c7;--brand:#c63d22;--brand-ink:#fff;--ok:#0b7a6e;--ok-soft:#d8ede7;--bad:#b3261e;--bad-soft:#f8e1dc;--warn-soft:#f7e7c7;--warn-ink:#6b4a06;--hero:#0a1030;--hero-ink:#f3eee6;--hero-muted:#f3eee6b8;--hero-line:#f3eee62e;--font-display:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-body:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", Menlo, Consolas, monospace;--r:14px;--tabbar-h:64px;--tok-kw:#a3311b;--tok-str:#0b6b5f;--tok-num:#8a4a00;--tok-com:#7a7f93;--tok-def:#2846b8;--tok-builtin:#6b35a8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#070b1a;--surface:#0f1534;--sunken:#0b1029;--ink:#f3eee6;--muted:#a9adc4;--line:#232b52;--brand:#ff6b4a;--brand-ink:#1a0b06;--ok:#4fd1b8;--ok-soft:#0f2e2c;--bad:#ff8a75;--bad-soft:#3a1611;--warn-soft:#3a2e12;--warn-ink:#f5d58f;--tok-kw:#ff8f73;--tok-str:#7fe0c8;--tok-num:#ffc387;--tok-com:#7f84a3;--tok-def:#9fb4ff;--tok-builtin:#d6a8ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#070b1a;--surface:#0f1534;--sunken:#0b1029;--ink:#f3eee6;--muted:#a9adc4;--line:#232b52;--brand:#ff6b4a;--brand-ink:#1a0b06;--ok:#4fd1b8;--ok-soft:#0f2e2c;--bad:#ff8a75;--bad-soft:#3a1611;--warn-soft:#3a2e12;--warn-ink:#f5d58f;--tok-kw:#ff8f73;--tok-str:#7fe0c8;--tok-num:#ffc387;--tok-com:#7f84a3;--tok-def:#9fb4ff;--tok-builtin:#d6a8ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}button,a,summary,label{-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));margin:0;font-size:16px;line-height:1.55}h1,h2,h3{text-wrap:balance;margin:0}p{margin:0}a{color:var(--brand)}code,kbd,pre{font-family:var(--font-mono)}:not(pre)>code{background:var(--sunken);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:6px;padding:.05em .35em;font-size:.92em}kbd{border:1px solid var(--line);background:var(--surface);border-bottom-width:2px;border-radius:5px;padding:0 .35em;font-size:.85em}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:60;background:var(--surface);color:var(--ink);border-radius:8px;padding:8px 12px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.muted{color:var(--muted)}.small{font-size:14px}[hidden]{display:none!important}.top{background:var(--hero);color:var(--hero-ink);padding-top:env(safe-area-inset-top,0px);z-index:30;position:sticky;top:0}.top__in{max-width:1180px;padding:10px max(16px, env(safe-area-inset-left,0px));align-items:center;gap:12px;margin:0 auto;display:flex}.brand{color:inherit;align-items:center;gap:9px;margin-right:auto;text-decoration:none;display:inline-flex}.brand__mark{width:34px;height:34px;box-shadow:0 0 0 1px var(--hero-line);border-radius:9px;flex:none}.brand__text{gap:1px;line-height:1.05;display:grid}.brand__line{align-items:baseline;gap:8px;display:flex}.brand__word{font-family:var(--font-display);letter-spacing:-.02em;font-size:22px;font-weight:800}.brand,.brand__text{min-width:0}.brand__tag{letter-spacing:.03em;color:var(--hero-muted);font-size:12px;font-weight:600}.brand__by{white-space:nowrap}.pystatus{flex:none}.pystatus__short{display:none}@media (max-width:479px){.pystatus__text{display:none}.pystatus__short{display:inline}}.brand__jp{color:var(--hero-muted);font-family:Shippori Mincho B1,Hiragino Mincho ProN,Yu Mincho,serif;font-size:15px;font-weight:700}.pystatus{font:inherit;color:var(--hero-muted);border:1px solid var(--hero-line);background:#f3eee614;border-radius:999px;align-items:center;gap:7px;min-height:32px;padding:5px 11px;font-size:13px;font-weight:600;display:inline-flex}.pystatus:disabled{cursor:default}.pystatus__dot{background:#ffc387;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse}.pystatus[data-state=ready] .pystatus__dot{background:#4fd1b8;animation:none}.pystatus[data-state=failed]{color:#ffd2c7;cursor:pointer;border-color:#ff6b4a99}.pystatus[data-state=failed] .pystatus__dot{background:#ff6b4a;animation:none}@keyframes pulse{50%{opacity:.3}}.tabs{gap:4px;display:flex}.tab{min-height:44px;color:var(--hero-muted);border-radius:10px;align-items:center;gap:7px;padding:8px 12px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.tab svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.tab:hover{color:var(--hero-ink);background:#f3eee60f}.tab[aria-current=page]{color:var(--hero-ink);background:#f3eee61f}@media (max-width:899px){.tabs{z-index:40;background:var(--hero);border-top:1px solid var(--hero-line);padding:4px max(6px, env(safe-area-inset-left,0px)) calc(4px + env(safe-area-inset-bottom,0px));justify-content:space-around;gap:0;position:fixed;bottom:0;left:0;right:0}.tab{flex-direction:column;flex:1;justify-content:center;gap:2px;padding:6px 4px;font-size:12px}.tab[aria-current=page]{color:#ffc387;background:0 0}body.typing .tabs{display:none}body.typing{padding-bottom:60px}.brand__jp{display:none}}@media (min-width:900px){body{padding-bottom:0}.top__in{padding-block-start:12px;padding-block-end:12px}}main{max-width:1180px;padding:16px max(16px, env(safe-area-inset-left,0px)) 32px;outline:none;margin:0 auto}.view{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.intro{gap:6px;display:grid}.h1{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(26px,4vw,34px);font-weight:750;line-height:1.1}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);align-content:start;gap:12px;padding:16px;display:grid}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:700}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.prose{gap:6px;display:grid}ul.prose,ol.prose{margin:0;padding-left:1.25em}.note{background:var(--sunken);border-radius:10px;padding:11px 13px;font-size:15px}.note--warn{background:var(--warn-soft);color:var(--warn-ink)}.foot{max-width:1180px;padding:8px max(16px, env(safe-area-inset-left,0px)) 28px;color:var(--muted);gap:12px;margin:0 auto;font-size:14px;display:grid}.foot__legal{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;padding-top:12px;display:flex}.foot__home{align-items:center;gap:6px;min-height:44px;font-weight:600;text-decoration:none;display:inline-flex}.foot__home:hover{text-decoration:underline}.foot__home svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.btn{min-height:44px;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--ink)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default;border-color:var(--line)}.btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.btn--primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.btn--primary svg{fill:currentColor;stroke:none}.btn--primary:hover{border-color:var(--brand);filter:brightness(1.06)}.btn--quiet{background:0 0}.btn--small{min-height:40px;padding:7px 13px;font-size:14px}.btn--danger{color:var(--bad)}.btn.is-armed{background:var(--bad-soft);border-color:var(--bad);color:var(--bad)}.iconbtn{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:11px;place-items:center;display:inline-grid}.iconbtn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.iconbtn:hover{border-color:var(--ink)}.pbar{align-items:center;gap:8px;display:flex}.pbar__step{gap:6px;display:flex}.pick{min-width:0;min-height:44px;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);cursor:pointer;text-align:left;border-radius:11px;flex:1;align-items:center;gap:10px;padding:8px 12px;display:flex}.pick:hover{border-color:var(--ink)}.pick__n{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.pick__t{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:650;overflow:hidden}.pick svg{fill:none;stroke:currentColor;stroke-width:2px;flex:none;width:18px;height:18px}.pgrid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (min-width:1000px){.pgrid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}.problem{max-height:calc(100vh - 100px);position:sticky;top:84px;overflow:auto}}.problem__title{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(24px,3.4vw,30px);font-weight:750;line-height:1.12}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{background:var(--sunken);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;padding:2px 9px;font-size:12px;font-weight:700;display:inline-flex}.tag--easy,.tag--ok{background:var(--ok-soft);color:var(--ok)}.tag--medium{background:var(--warn-soft);color:var(--warn-ink)}.tag--hard,.tag--due{background:var(--bad-soft);color:var(--bad)}.examples{background:var(--sunken);white-space:pre;border-radius:10px;margin:0;padding:12px 14px;font-size:14px;line-height:1.6;overflow-x:auto}.banner{background:var(--warn-soft);color:var(--warn-ink);border-radius:10px;padding:10px 12px;font-size:15px}.work{gap:12px;min-width:0;display:grid}.actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.actions .btn--primary{grid-column:1/-1}.actions .btn{white-space:normal;text-align:center;padding-inline-start:8px;padding-inline-end:8px;line-height:1.2}@media (min-width:600px){.actions{flex-wrap:wrap;display:flex}.actions .btn--primary{min-width:9.5em}}.kbd-tip{color:var(--muted);font-size:13px}@media (pointer:coarse){.kbd-tip{display:none}}.editor{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);overflow:hidden}.editor:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 18%, transparent)}.cm-scroller{max-height:70vh}.symbols{background:var(--sunken);border-top:1px solid var(--line);scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;padding:8px;display:flex;overflow-x:auto}.symbols::-webkit-scrollbar{display:none}@media (hover:hover) and (pointer:fine){.symbols{display:none}}.symbols button{min-width:44px;min-height:40px;font-family:var(--font-mono);color:var(--ink);background:var(--surface);border:1px solid var(--line);cursor:pointer;white-space:pre;border-radius:9px;flex:none;padding:4px 11px;font-size:16px;font-weight:600}.symbols button:active{background:var(--line)}.symbols--docked{z-index:50;border-top:1px solid var(--line);padding-inline:max(8px, env(safe-area-inset-left,0px));position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 18px #0000001f}.tok-keyword,.tok-operatorKeyword,.tok-controlKeyword,.tok-definitionKeyword,.tok-moduleKeyword{color:var(--tok-kw);font-weight:600}.tok-string,.tok-string2{color:var(--tok-str)}.tok-number,.tok-bool,.tok-null,.tok-atom{color:var(--tok-num)}.tok-comment{color:var(--tok-com);font-style:italic}.tok-definition,.tok-function,.tok-className{color:var(--tok-def)}.tok-variableName.tok-standard,.tok-self{color:var(--tok-builtin)}pre.code{background:var(--sunken);border-radius:10px;margin:0;padding:12px 14px;font-size:14px;line-height:1.6;overflow-x:auto}.results{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);gap:12px;padding:16px;display:grid}.results__head{font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:8px;font-size:22px;font-weight:750;display:flex}.results__head:before{content:"";background:50%/14px no-repeat;border-radius:50%;flex:none;width:22px;height:22px}.results__head--ok{color:var(--ok)}.results__head--ok:before{background-color:var(--ok);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}.results__head--bad{color:var(--bad)}.results__head--bad:before{background-color:var(--bad);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E")}.running:before{content:"";border:2px solid var(--line);border-top-color:var(--brand);vertical-align:-1px;border-radius:50%;width:12px;height:12px;margin-right:8px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.dots{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.dot{border-radius:4px;width:14px;height:14px}.dot--ok{background:var(--ok)}.dot--bad{background:var(--bad)}.complexity{font-family:var(--font-mono);color:var(--muted);font-size:14px}.case{border:1px solid var(--line);background:var(--bg);border-radius:11px;gap:8px;padding:12px;display:grid}.case__label{color:var(--muted);font-size:13px;font-weight:700}.case dl{grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:6px 12px;margin:0;display:grid}.case dt{color:var(--muted);font-size:14px}.case dd{min-width:0;margin:0}@media (max-width:480px){.case dl{grid-template-columns:minmax(0,1fr);gap:2px}.case dd{margin-bottom:6px}}code.val{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font-size:14px;display:inline-block}code.val--bad{background:var(--bad-soft);border-color:color-mix(in srgb, var(--bad) 35%, transparent);color:var(--bad)}.output{background:var(--sunken);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:9px;max-height:50vh;margin:0;padding:10px 12px;font-size:14px;overflow:auto}.more summary{cursor:pointer;color:var(--brand);align-items:center;min-height:32px;font-weight:600;display:flex}.more[open]{gap:10px;display:grid}.notes{background:var(--warn-soft);color:var(--warn-ink);border-radius:10px;padding:10px 12px 10px 30px}.lints li{margin-bottom:4px}.err{border-left:4px solid var(--bad);background:var(--bad-soft);border-radius:0 10px 10px 0;gap:6px;padding:11px 13px;display:grid}.err__title{color:var(--bad);font-weight:700}.err__where code{white-space:pre-wrap}.err__fix strong{color:var(--ink)}.err__raw{font-family:var(--font-mono);color:var(--muted);overflow-wrap:anywhere;font-size:12.5px}.hints__list li::marker{color:var(--brand);font-weight:700}.solution__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.picker{background:var(--surface);width:min(560px,100vw - 24px);max-height:min(80vh,760px);color:var(--ink);border:0;border-radius:18px;padding:0;box-shadow:0 24px 70px #00000059}.picker::backdrop{background:#070b1a8c}.picker__head{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 12px 8px 18px;display:flex;position:sticky;top:0}.picker__head h2{font-family:var(--font-display);font-size:22px}.picker__list{gap:10px;padding:6px 10px 14px;display:grid}.picker__list h3{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:8px 8px 4px;font-size:13px;font-weight:700}.picker__list ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.picker__list button{width:100%;min-height:48px;font:inherit;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.picker__list button:hover{background:var(--sunken)}.picker__list button[aria-current]{background:var(--sunken);box-shadow:inset 3px 0 0 var(--brand)}.picker__title{flex:1;min-width:0}.tick{border:2px solid var(--line);color:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:13px;font-weight:800;display:grid}.tick--on{background:var(--ok);border-color:var(--ok)}.topics{gap:10px;display:grid}.topic{gap:0;padding:0}.topic summary{cursor:pointer;align-items:center;gap:12px;min-height:56px;padding:14px 16px;list-style:none;display:flex}.topic summary::-webkit-details-marker{display:none}.topic summary:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);flex:none;width:10px;height:10px;margin:-4px 4px 0 auto;transition:transform .2s;transform:rotate(45deg)}.topic[open] summary:after{margin-top:4px;transform:rotate(-135deg)}.topic__n{font-family:var(--font-display);color:var(--brand);font-variant-numeric:tabular-nums;font-weight:800}.topic__title{font-size:17px;font-weight:650}.topic__score{color:var(--muted);font-size:13px;font-weight:700}.topic__score--done{color:var(--ok)}.topic__body{gap:12px;padding:0 16px 16px;display:grid}.quiz{border-top:1px solid var(--line);gap:10px;padding-top:14px;display:grid}.quiz textarea{width:100%;font-family:var(--font-mono);border:1px solid var(--line);background:var(--bg);color:var(--ink);resize:vertical;border-radius:10px;min-height:64px;padding:10px 12px;font-size:15px}.quiz textarea:focus{outline:2px solid var(--brand);outline-offset:1px}.verdict{gap:4px;display:grid}.verdict__ok{color:var(--ok);font-weight:700}.verdict__bad{color:var(--bad);font-weight:700}.out{gap:8px;display:grid}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (min-width:700px){.stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);gap:2px;padding:14px 16px;display:grid}.stat__n{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:32px;font-weight:800;line-height:1}.stat__n small{color:var(--muted);font-size:16px;font-weight:600}.stat__l{color:var(--muted);font-size:14px}.meter{background:var(--sunken);border-radius:999px;grid-column:1/-1;height:10px;overflow:hidden}.meter span{background:var(--ok);border-radius:inherit;height:100%;display:block}.list{margin:0;padding:0;list-style:none;display:grid}.list li{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:4px 12px;min-height:52px;padding:10px 0;display:flex}.list li:first-child{border-top:0}.list li>:first-child{flex:12em;font-weight:600}.list a:not(.btn){color:var(--ink)}.toast{left:50%;bottom:calc(var(--tabbar-h) + 16px + env(safe-area-inset-bottom,0px));z-index:70;background:var(--ink);color:var(--bg);border-radius:10px;max-width:calc(100vw - 32px);padding:9px 14px;font-size:14px;position:fixed;transform:translate(-50%)}@media (min-width:900px){.toast{bottom:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}