:root{--bg:#f6f2ea;--surface:#fffdf8;--sunken:#ede7db;--ink:#22262e;--muted:#6b6558;--line:#ddd5c5;--accent:#264a6e;--accent-ink:#fff;--accent-soft:#e4eaf0;--ok:#17784a;--ok-soft:#e3f4eb;--ng:#bf3326;--ng-soft:#fbe9e7;--flag:#d02b5e;--warn:#a35f00;--exam-bg:#f7f7f7;--exam-btn:#1f1f1f;--exam-btn-ink:#fff;--exam-sel:#f0fafb;--exam-sel-line:#3a6e8f;--f-display:"Zen Kaku Gothic New","Hiragino Sans","Noto Sans JP",system-ui,sans-serif;--f-body:"BIZ UDPGothic","Hiragino Sans","Noto Sans JP","Yu Gothic",system-ui,sans-serif;--f-num:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--r:10px;--nav-h:64px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#15181d;--surface:#1d2128;--sunken:#262b33;--ink:#ece6da;--muted:#a8a193;--line:#343a44;--accent:#9db8d9;--accent-ink:#15181d;--accent-soft:#1f2c3b;--ok:#4fc48c;--ok-soft:#14301f;--ng:#ff8173;--ng-soft:#3a1a17;--flag:#ff6f9a;--warn:#f0b44c;--exam-bg:#12171e;--exam-btn:#e9edf2;--exam-btn-ink:#12171e;--exam-sel:#17303a;--exam-sel-line:#7fb6d6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#15181d;--surface:#1d2128;--sunken:#262b33;--ink:#ece6da;--muted:#a8a193;--line:#343a44;--accent:#9db8d9;--accent-ink:#15181d;--accent-soft:#1f2c3b;--ok:#4fc48c;--ok-soft:#14301f;--ng:#ff8173;--ng-soft:#3a1a17;--flag:#ff6f9a;--warn:#f0b44c;--exam-bg:#12171e;--exam-btn:#e9edf2;--exam-btn-ink:#12171e;--exam-sel:#17303a;--exam-sel-line:#7fb6d6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--f-body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.75}a{color:var(--accent);text-underline-offset:3px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3{font-family:var(--f-display);text-wrap:balance;margin:0;line-height:1.35}h1{font-size:1.6rem;font-weight:700}h2{font-size:1.2rem;font-weight:700}h3{font-size:1rem;font-weight:700}p{margin:0}.num{font-family:var(--f-num);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:.85rem}.label{letter-spacing:.08em;color:var(--muted);font-size:.72rem;font-weight:700}.app{grid-template-columns:1fr;min-height:100%;display:grid}.side{display:none}.main{min-width:0;padding-inline:16px;padding-block:20px calc(var(--nav-h) + 28px + env(safe-area-inset-bottom,0px))}.wrap{flex-direction:column;gap:22px;max-width:860px;margin-inline:auto;display:flex}.topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{font-family:var(--f-display);align-items:center;gap:10px;font-weight:700;display:flex}.brand-mark{flex:none;width:28px;height:28px;display:block}.tabbar{z-index:20;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{height:var(--nav-h);color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.7rem;font-weight:700;text-decoration:none;display:flex}.tabbar a svg{width:22px;height:22px}.tabbar a[aria-current=page]{color:var(--accent)}@media (width>=900px){.app{grid-template-columns:232px 1fr}.side{top:env(safe-area-inset-top,0px);border-right:1px solid var(--line);background:var(--surface);flex-direction:column;gap:6px;height:100vh;padding:24px 14px;display:flex;position:sticky}.side .brand{padding:0 8px 18px}.side a{color:var(--ink);border-radius:8px;align-items:center;gap:12px;padding:9px 12px;font-size:.92rem;font-weight:700;text-decoration:none;display:flex}.side a svg{width:20px;height:20px;color:var(--muted)}.side a:hover{background:var(--sunken)}.side a[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.side a[aria-current=page] svg{color:var(--accent)}.side .count{border-top:1px solid var(--line);margin-top:auto;padding:14px 12px}.tabbar{display:none}.main{padding-block:32px 48px;padding-inline:32px}.topbar{display:none!important}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.grid2{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;display:grid}.btn{border:1px solid var(--line);background:var(--surface);min-height:42px;color:var(--ink);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{background:var(--sunken)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(1.07)}.btn.danger{color:var(--ng);border-color:color-mix(in srgb,var(--ng) 40%,var(--line))}.btn.ghost{background:0 0;border-color:#0000}.btn:disabled{opacity:.45;cursor:not-allowed}.chip{background:color-mix(in srgb,var(--dc,var(--muted)) 14%,transparent);color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.chip:before{content:"";background:var(--dc,var(--muted));border-radius:50%;width:7px;height:7px}.chip.plain:before{display:none}.chip.prev{--dc:var(--flag)}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg button,.seg label{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;padding:5px 14px;font-size:.85rem;font-weight:700}.seg button[aria-pressed=true],.seg input:checked+span{background:var(--ink);color:var(--bg);border-color:var(--ink)}.seg label{background:0 0;border:0;padding:0}.seg label span{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 14px;display:inline-block}.seg input{opacity:0;pointer-events:none;position:absolute}.seg input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.bar{background:var(--sunken);border-radius:99px;height:8px;overflow:hidden}.bar>i{background:var(--dc,var(--accent));border-radius:99px;height:100%;display:block}input[type=search],textarea{border:1px solid var(--line);background:var(--surface);border-radius:8px;width:100%;padding:10px 12px}textarea{font-family:var(--f-num);min-height:110px;font-size:.75rem}.hero{background:var(--surface);border:1px solid var(--line);border-radius:14px;grid-template-columns:1fr;gap:16px;padding:22px;display:grid;position:relative;overflow:hidden}.hero .days{font-family:var(--f-num);letter-spacing:-.02em;color:var(--accent);font-size:3.4rem;font-weight:600;line-height:1}.hero .days small{font-family:var(--f-display);color:var(--ink);letter-spacing:0;margin-left:6px;font-size:1rem}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stat{background:var(--sunken);border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.stat b{font-family:var(--f-num);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:600}@media (width>=640px){.hero{grid-template-columns:1fr 1.3fr;align-items:end}}.actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:10px;display:grid}.action{border-radius:var(--r);border:1px solid var(--line);background:var(--surface);color:var(--ink);text-align:left;flex-direction:column;gap:6px;padding:16px;text-decoration:none;display:flex}.action:hover{border-color:var(--accent)}.action .t{font-family:var(--f-display);font-size:1.02rem;font-weight:700}.action .s{color:var(--muted);font-size:.82rem}.action.main-act{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.action.main-act .s{color:color-mix(in srgb,var(--accent-ink) 78%,transparent)}.domrow{border-bottom:1px solid var(--line);grid-template-columns:7.5em 1fr 4.2em;align-items:center;gap:12px;padding:7px 0;font-size:.88rem;display:grid}.domrow:last-child{border-bottom:0}.domrow .r{text-align:right;font-family:var(--f-num);font-variant-numeric:tabular-nums}.note-sec{flex-direction:column;gap:8px;display:flex}.note-sec ul{flex-direction:column;gap:6px;max-width:68ch;margin:0;padding-left:1.2em;display:flex}.note-sec li::marker{color:var(--dc,var(--accent))}.term{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:4px 14px;padding:12px 0;display:grid}.term:last-child{border-bottom:0}.term .w{font-weight:700;font-family:var(--f-display)}.term .m{color:var(--muted);grid-column:1/2;max-width:68ch;font-size:.9rem}.term .k{grid-area:1/2/3;align-self:center}.toggle-known{border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:.78rem;font-weight:700}.toggle-known[aria-pressed=true]{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}.card-stage{perspective:1200px}.flash{width:100%;min-height:280px;transform-style:preserve-3d;background:0 0;border:0;padding:0;transition:transform .45s;position:relative}.flash.flipped{transform:rotateY(180deg)}.flash .face{backface-visibility:hidden;border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:28px;display:flex;position:absolute;inset:0}.flash .back{background:var(--accent-soft);transform:rotateY(180deg)}.flash .big{font-family:var(--f-display);font-size:1.45rem;font-weight:700}.flash .desc{max-width:46ch;font-size:1rem;line-height:1.8}.flash .hint{color:var(--muted);font-size:.75rem;position:absolute;bottom:12px}@media (prefers-reduced-motion:reduce){.flash{transition:none}}.qhead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.qtext{font-size:1.06rem;font-weight:700;line-height:1.85;font-family:var(--f-display)}.choices{flex-direction:column;gap:10px;display:flex}.choice{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:10px;grid-template-columns:2em 1fr auto;align-items:center;gap:10px;padding:12px 14px;line-height:1.6;display:grid}.choice:hover:not(:disabled){border-color:var(--accent)}.choice .key{background:var(--sunken);width:1.8em;height:1.8em;font-family:var(--f-num);border-radius:6px;place-items:center;font-size:.85rem;display:grid}.choice .res{white-space:nowrap;font-size:.75rem;font-weight:700}.choice.correct{border-color:var(--ok);background:var(--ok-soft)}.choice.correct .key{background:var(--ok);color:var(--surface)}.choice.correct .res{color:var(--ok)}.choice.wrong{border-color:var(--ng);background:var(--ng-soft)}.choice.wrong .key{background:var(--ng);color:var(--surface)}.choice.wrong .res{color:var(--ng)}.choice:disabled{cursor:default}.explain{border-left:3px solid var(--accent);background:var(--sunken);border-radius:0 8px 8px 0;padding:12px 14px;font-size:.92rem}.verdict{font-family:var(--f-display);font-size:1.05rem;font-weight:700}.verdict.ok{color:var(--ok)}.verdict.ng{color:var(--ng)}.progress-line{background:var(--sunken);border-radius:99px;height:4px;overflow:hidden}.progress-line>i{background:var(--accent);height:100%;display:block}.score-big{font-family:var(--f-num);font-size:3rem;font-weight:600;line-height:1}.review-item{border-bottom:1px solid var(--line);flex-direction:column;gap:6px;padding:14px 0;display:flex}.review-item:last-child{border-bottom:0}.ans-line{font-size:.88rem}.ans-line b{font-weight:700}.ans-ok{color:var(--ok)}.ans-ng{color:var(--ng)}.modal-back{z-index:60;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);color:var(--ink);border-radius:12px;flex-direction:column;gap:14px;width:100%;max-width:440px;padding:22px;display:flex;box-shadow:0 18px 48px #00000040}.modal.wide{max-width:640px}body.exam-mode .side,body.exam-mode .tabbar,body.exam-mode .topbar{display:none}body.exam-mode .app{grid-template-columns:1fr}body.exam-mode{background:var(--exam-bg)}body.exam-mode .main{padding-block:16px 24px}.exam{flex-direction:column;gap:12px;max-width:1060px;min-height:calc(100vh - 40px);margin-inline:auto;display:flex}.exam-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.exam-title{align-items:center;gap:8px;font-size:1.05rem;font-weight:700;display:flex}.exam-meta{color:var(--muted);font-size:.78rem;line-height:1.5}.exam-timer{align-items:center;gap:8px;display:flex}.exam-timer .t{font-family:var(--f-num);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:1.7rem}.exam-timer .t.low{color:var(--ng)}.exam-timer small{font-size:.65rem;font-weight:700}.ebtn{border:1px solid var(--line);background:var(--surface);border-radius:6px;align-items:center;gap:6px;min-height:38px;padding:6px 18px;font-size:.88rem;font-weight:700;display:inline-flex}.ebtn.dark{background:var(--exam-btn);border-color:var(--exam-btn);color:var(--exam-btn-ink)}.ebtn svg{width:16px;height:16px}.exam-card{background:var(--surface);border:1px solid var(--line);border-radius:6px;flex-direction:column;flex:1;gap:14px;padding:18px 18px 28px;display:flex}.exam-card .no{font-weight:700}.exam-card .q{min-height:4.5em;font-size:1rem;line-height:1.8}.exam-clear{color:var(--muted);background:0 0;border:0;align-self:flex-end;padding:2px 4px;font-size:.75rem}.exam-clear:not(:disabled){color:var(--exam-sel-line)}.eopt{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:6px;align-items:center;gap:12px;width:100%;padding:16px 18px;font-size:.92rem;font-weight:700;line-height:1.6;display:flex}.eopt .radio{border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;width:16px;height:16px;display:grid}.eopt:hover{background:var(--exam-sel)}.eopt[aria-checked=true]{border:2px solid var(--exam-sel-line);background:var(--exam-sel);padding:15px 17px}.eopt[aria-checked=true] .radio:after{content:"";background:var(--exam-sel-line);border-radius:50%;width:8px;height:8px}.exam-foot{grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:10px;display:grid}.exam-foot .pos{text-align:center;font-family:var(--f-num);color:var(--muted);font-size:.9rem}.flagbtn{justify-content:center;width:42px;padding:0}.flagbtn svg{width:18px;height:18px}.duo{grid-template-columns:1fr 1fr;gap:10px;display:grid}.flagbtn[aria-pressed=true]{color:var(--flag);border-color:var(--flag)}.flagbtn[aria-pressed=true] svg{fill:var(--flag)}@media (width<=600px){.exam-foot{grid-template-columns:auto auto 1fr auto auto;gap:6px}.exam-foot .lbl{display:none}.ebtn{padding:6px 12px}}.qgrid{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:8px;display:grid}.qcell{border:1px solid var(--line);background:var(--surface);height:42px;font-family:var(--f-num);border-radius:6px;font-size:.85rem;position:relative}.qcell.ans{background:var(--exam-sel);border-color:var(--exam-sel-line)}.qcell.cur{outline:2px solid var(--ink);outline-offset:1px}.qcell .f{width:10px;height:10px;color:var(--flag);position:absolute;top:2px;right:3px}.legend{color:var(--muted);flex-wrap:wrap;gap:14px;font-size:.78rem;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border:1px solid var(--line);border-radius:3px;width:14px;height:14px;display:inline-block}.legend i.a{background:var(--exam-sel);border-color:var(--exam-sel-line)}.rules{flex-direction:column;gap:10px;max-width:72ch;font-size:.92rem;display:flex}.rules ul{flex-direction:column;gap:6px;margin:0;padding-left:1.2em;display:flex}table.t{border-collapse:collapse;width:100%;font-size:.88rem}table.t th,table.t td{border-bottom:1px solid var(--line);text-align:left;padding:8px 6px}table.t th{color:var(--muted);letter-spacing:.06em;font-size:.72rem}table.t td.n{text-align:right;font-family:var(--f-num);font-variant-numeric:tabular-nums}.tablewrap{overflow-x:auto}.days14{grid-template-columns:repeat(14,1fr);align-items:end;gap:4px;height:64px;display:grid}.days14 i{background:var(--accent);border-radius:3px 3px 0 0;min-height:2px;display:block}.days14 i.z{background:var(--sunken)}.toast{left:50%;bottom:calc(var(--nav-h) + 16px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--bg);z-index:80;border-radius:8px;padding:8px 16px;font-size:.85rem;position:fixed;transform:translate(-50%)}.sync-pill{color:var(--muted);background:var(--sunken);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-flex}.sync-pill i{background:var(--muted);border-radius:50%;width:8px;height:8px}.sync-pill.ok i{background:var(--ok)}.sync-pill.wait i{background:var(--warn)}.sync-pill.err i{background:var(--ng)}.field{flex-direction:column;gap:6px;display:flex}.field label{font-size:.8rem;font-weight:700}.field input{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-height:44px;padding:10px 12px}.err-text{color:var(--ng);font-size:.85rem}.action:disabled{opacity:.55;cursor:not-allowed}