:root{--bg:#fafaf7;--fg:#1c1c1a;--muted:#6b6b66;--line:#e1e0da;--card:#fff;--accent:#1f6f8b;--accent-fg:#fff;--ok:#2e7d4f;--ng:#b3412f;--radius:10px;--max:720px}@media (prefers-color-scheme:dark){:root{--bg:#17181a;--fg:#ececea;--muted:#a3a39e;--line:#2f3034;--card:#202124;--accent:#5fb3d1;--accent-fg:#0f1a1f;--ok:#6fcf97;--ng:#ef8b74}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);flex-direction:column;min-height:100dvh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.6;display:flex}a{color:var(--accent)}h1{margin:0 0 .75rem;font-size:1.5rem}h2{margin:1.75rem 0 .5rem;font-size:1.15rem}.site-header,.site-main,.site-footer{width:100%;max-width:var(--max);margin:0 auto;padding:0 16px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding-top:.75rem;padding-bottom:.75rem;display:flex}.site-header__brand{color:var(--fg);font-weight:700;text-decoration:none}.site-header__nav{gap:1rem;font-size:.9rem;display:flex}.site-header__nav a{text-decoration:none}.site-main{flex:1;padding-top:1.5rem;padding-bottom:3rem}.site-footer{border-top:1px solid var(--line);color:var(--muted);padding-top:1rem;padding-bottom:1.5rem;font-size:.75rem}.lead{color:var(--muted);margin:0 0 1.25rem}.hint{color:var(--muted);font-size:.85rem}.breadcrumb{margin:0 0 .25rem;font-size:.85rem}.steps{padding-left:1.4rem}.page--prose p{margin:.4rem 0}.btn{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);min-height:44px;color:var(--fg);font:inherit;cursor:pointer;justify-content:center;align-items:center;padding:.5rem 1.25rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.btn--ghost{background:0 0}.btn--big{min-height:56px;padding-inline:2rem;font-size:1.1rem}.btn--small{min-height:36px;font-size:.85rem;font-weight:500}.actions{flex-wrap:wrap;gap:.75rem;margin:1.25rem 0;display:flex}.actions--sticky{background:linear-gradient(to bottom, transparent, var(--bg) 30%);margin:.5rem 0 0;padding:.75rem 0 1rem;position:sticky;bottom:0}.actions--sticky .btn{flex:1}.settings{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);margin:0;padding:.75rem 1rem 1rem}.settings legend{color:var(--muted);padding:0 .4rem;font-size:.85rem}.settings__row{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.5rem 0;display:flex}.settings__label{min-width:5.5em;color:var(--muted);font-size:.9rem}.seg{flex-wrap:wrap;gap:.4rem;display:flex}.seg__btn{border:1px solid var(--line);background:var(--bg);min-height:36px;color:var(--fg);font:inherit;cursor:pointer;border-radius:999px;padding:.25rem .8rem;font-size:.9rem}.seg__btn.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.seg__input{border:1px solid var(--line);background:var(--card);width:5em;min-height:36px;color:var(--fg);font:inherit;border-radius:8px;padding:.25rem .5rem}.drill__head{justify-content:space-between;align-items:center;gap:1rem;min-height:3rem;margin-bottom:1rem;display:flex}.drill__progress{color:var(--muted);font-variant-numeric:tabular-nums}.drill__result{font-weight:700}.is-done{color:var(--ok)}.is-timeout{color:var(--ng)}.timer{flex:1;max-width:320px}.timer__bar{background:var(--line);border-radius:3px;height:6px;overflow:hidden}.timer__fill{background:var(--accent);transform-origin:0;height:100%;transition:transform .1s linear}.timer--urgent .timer__fill{background:var(--ng)}.timer__text{justify-content:flex-end;align-items:baseline;gap:.4rem;margin-top:.2rem;display:flex}.timer__label{color:var(--muted);font-size:.75rem}.timer__num{font-variant-numeric:tabular-nums;text-align:right;min-width:1.5em;font-size:1.4rem;font-weight:700}.timer--urgent .timer__num{color:var(--ng)}.item{flex-direction:column;gap:.75rem;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:.9rem 1rem}.card__q{margin:0;font-size:1.1rem;font-weight:600;line-height:1.45}.card__n{color:var(--muted);font-weight:500}.card__choices{margin:.6rem 0 0;padding:0;font-size:1rem;list-style:none}.card__choices li{padding:.15rem 0}.card__letter{min-width:2em;color:var(--muted);display:inline-block}.drill--review .card{opacity:.85}.veil{border:1px dashed var(--line);border-radius:var(--radius);background:var(--card);flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;min-height:240px;padding:1.5rem 1rem;display:flex}.veil__title{margin:0;font-size:1.3rem;font-weight:700}.veil__actions{flex-direction:column;gap:.6rem;width:100%;max-width:320px;display:flex}.stopwatch{align-items:baseline;gap:.4rem;display:flex}.stopwatch__label{color:var(--muted);font-size:.75rem}.stopwatch__num{font-variant-numeric:tabular-nums;color:var(--ng);font-size:1.4rem;font-weight:700}.card--blank{color:var(--muted);border-style:dashed;min-height:3.4rem;font-size:1.1rem;font-weight:600}.actions--stack{flex-direction:column}.actions--stack .btn{width:100%}.page--top{text-align:center;max-width:360px;margin:2rem auto 0}.summary__stats{gap:2rem;margin:0 0 1rem;display:flex}.summary__stats dt{color:var(--muted);font-size:.8rem}.summary__stats dd{margin:0;font-size:1.5rem;font-weight:700}.summary__list{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);margin:0;padding:0;list-style:none}.summary__list li{border-top:1px solid var(--line);font-variant-numeric:tabular-nums;justify-content:space-between;padding:.5rem 1rem;display:flex}.summary__list li:first-child{border-top:0}.rounds__grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.6rem;margin:.75rem 0 1rem;padding:0;list-style:none;display:grid}.rounds__item{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--fg);flex-direction:column;align-items:center;padding:.7rem .5rem;text-decoration:none;display:flex;position:relative}.rounds__item.is-done{border-color:var(--ok)}.rounds__num{font-size:1.3rem;font-weight:700}.rounds__meta{color:var(--muted);font-size:.75rem}.rounds__check{color:var(--ok);font-weight:700;position:absolute;top:6px;right:8px}@media (max-width:480px){.site-header{flex-direction:column;align-items:flex-start;gap:.4rem}.summary__stats{gap:1.25rem}}