@font-face{font-family:Sora;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/sora-latin-700-normal-9waGdLWo.woff2) format("woff2"),url(/assets/sora-latin-700-normal-BKPfQAnC.woff) format("woff")}:root{--bg: #f6f5f3;--surface: #ffffff;--text: #1c1b1a;--muted: #6b6965;--line: #e1ded8;--brand: #b3261e;--brand-text: #ffffff;--ok: #1b7a3e;--bad: #b3261e;--warn-bg: #fff4d6;--info-bg: #e8f0fe;--ok-bg: #e3f4e8;--err-bg: #fde7e5;--amber: #9a6700;--radius: 12px;--bar: #1e293b;--bar-line: #0f172a;--bar-text: #ffffff;--bar-muted: #cbd5e1;--bar-button: #334155;--bar-button-hover: #475569}@media(prefers-color-scheme:dark){:root{--bg: #131211;--surface: #1e1d1b;--text: #f1efeb;--muted: #a19e98;--line: #36342f;--brand: #e0564d;--ok: #55c07c;--bad: #ff8a80;--warn-bg: #3d3416;--info-bg: #1b2a40;--ok-bg: #173323;--err-bg: #43211f;--amber: #e0b44c}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Noto Sans JP,Hiragino Sans,Yu Gothic,sans-serif}h1{font-size:1.5rem;margin:.4rem 0 .6rem}h2{font-size:1.1rem;margin:0 0 .4rem}h3{font-size:1rem;margin:1rem 0 .3rem}a{color:var(--brand)}code{background:var(--bg);padding:0 4px;border-radius:4px}ul.plain{list-style:none;padding:0;margin:0}.shell{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:.6rem;padding:calc(.5rem + env(safe-area-inset-top)) 1rem .5rem;background:var(--bar);border-bottom:1px solid var(--bar-line);color:var(--bar-text)}.brand{display:inline-flex;align-items:center;gap:.55rem;color:var(--logo, var(--brand))}.wordmark{font-family:Sora,Segoe UI,system-ui,sans-serif;font-weight:700;font-size:1.3rem;line-height:1;letter-spacing:.12em;margin-right:-.12em}.logomark{flex-shrink:0;display:block}.authbrand{display:flex;justify-content:center;margin:.2rem 0 .4rem}.authbrand .brand{gap:.7rem}.authbrand .wordmark{font-size:2.2rem}.who{color:var(--muted);font-size:.85rem;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spacer{flex:1}.menubtn{font-size:1.1rem;line-height:1}.frame{flex:1;display:flex}.content{flex:1;min-width:0;max-width:720px;margin:0 auto;padding:1rem 1rem calc(2rem + env(safe-area-inset-bottom))}.sidebar{position:sticky;top:calc(52px + env(safe-area-inset-top));align-self:flex-start;flex-shrink:0;width:200px;height:calc(100dvh - 52px - env(safe-area-inset-top));overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:.2rem;padding:.6rem .5rem;background:var(--surface);border-right:1px solid var(--line);transition:width .2s}.navlink{display:flex;align-items:center;gap:.7rem;min-height:44px;padding:.5rem .75rem;border-radius:8px;color:var(--muted);text-decoration:none;white-space:nowrap}.navlink:hover{background:var(--bg)}.navlink.active{color:var(--brand);font-weight:600;background:color-mix(in srgb,var(--brand) 10%,var(--surface))}.navicon{flex-shrink:0;width:1.5rem;text-align:center;font-size:1.1rem}.scrim{display:none}@media(min-width:720px){.nav-collapsed .sidebar{width:60px}.nav-collapsed .navlabel{display:none}}@media(max-width:719px){.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:20;width:min(260px,80vw);height:auto;padding-top:calc(.8rem + env(safe-area-inset-top));transform:translate(-100%);visibility:hidden;transition:transform .2s,visibility 0s .2s}.nav-open .sidebar{transform:none;visibility:visible;box-shadow:4px 0 16px #0003;transition:transform .2s}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background:#00000059}}@media(prefers-reduced-motion:reduce){.sidebar,.nav-open .sidebar{transition:none}}.banner{padding:.5rem 1rem;font-size:.9rem;text-align:center}.banner.warn{background:var(--warn-bg)}.banner.info{background:var(--info-bg)}.auth{min-height:100dvh;display:grid;place-items:start center;padding:2rem 1rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;margin:0 0 .8rem}.card.compact{padding:.7rem .9rem}.card.narrow{width:100%;max-width:420px;margin-left:auto;margin-right:auto}.linkcard{display:block;color:inherit;text-decoration:none}.row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.row.gap{justify-content:flex-start;flex-wrap:wrap;margin:.5rem 0}.row.cardrow{align-items:flex-start;padding:.4rem 0;border-top:1px solid var(--line)}.center{text-align:center}.center-row{justify-content:center}.grow{flex:1}.muted{color:var(--muted)}.small-text{font-size:.85rem}.ok-text{color:var(--ok)}.bad-text{color:var(--bad)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.stat{margin:0}.stat-value{font-size:1.8rem;font-weight:700}.kv{display:grid;grid-template-columns:1fr auto;gap:.25rem 1rem}.kv span{color:var(--muted)}.kv strong{text-align:right}label{display:block;margin:.6rem 0;font-size:.9rem;color:var(--muted)}input,select,textarea{display:block;width:100%;margin-top:.25rem;padding:.65rem .7rem;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:8px}input[type=range]{padding:0}textarea{font-family:ui-monospace,Menlo,Consolas,Noto Sans JP,monospace;font-size:.9rem}.btn{display:inline-block;padding:.65rem 1rem;font:inherit;font-weight:600;text-align:center;text-decoration:none;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:10px;cursor:pointer;min-height:44px}.btn.small{padding:.3rem .7rem;min-height:34px;font-size:.85rem}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-text)}.btn.primary.ghost{background:transparent;color:var(--brand)}.btn.danger{color:var(--bad);border-color:var(--bad)}.btn.block{display:block;width:100%;margin:.6rem 0}.btn:disabled{opacity:.5;cursor:not-allowed}.link{background:none;border:0;color:var(--brand);text-decoration:underline;font:inherit;cursor:pointer;padding:0}:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 60%,transparent);outline-offset:2px}.alert{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;padding:.6rem .8rem;border-radius:10px;margin:.5rem 0;font-size:.95rem}.alert.error{background:var(--err-bg)}.alert.warn{background:var(--warn-bg);display:block}.alert.info{background:var(--info-bg)}.alert.ok{background:var(--ok-bg)}.chip{display:inline-block;padding:.05rem .55rem;border-radius:999px;border:1px solid var(--line);font-size:.75rem;color:var(--muted);white-space:nowrap}.chip.published,.chip.active{color:var(--ok);border-color:var(--ok)}.chip.suspended{color:var(--bad);border-color:var(--bad)}.chip.completed{color:var(--brand);border-color:var(--brand)}.chip.pending,.chip.revise,.chip.in_progress{color:#9a6700;border-color:#d4a72c}.chip.easy,.chip.on_track{color:var(--ok);border-color:var(--ok)}.chip.slipping{color:var(--bad);border-color:var(--bad)}.bar{height:8px;background:var(--line);border-radius:999px;overflow:hidden;margin:.4rem 0}.bar>div{height:100%;background:var(--brand)}.kana-big{font-size:3.5rem;line-height:1.3;text-align:center}.kana-med{font-size:1.3rem}.flash{min-height:260px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.flash-back{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line);width:100%;text-align:center}.flash-answer{font-size:1.6rem;font-weight:600}.ratings{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.8rem}.rate{padding:.9rem 0;font-weight:600}.rate.revise{border-color:#ef8f00}.rate.easy{border-color:#2e7d32}ruby rt{font-size:.45em}.options{display:grid;gap:.5rem;margin:.8rem 0}.option{display:block;width:100%;text-align:left;padding:.8rem 1rem;font:inherit;color:var(--text);background:var(--surface);border:2px solid var(--line);border-radius:10px;cursor:pointer;min-height:48px}.option.static{cursor:default;padding:.5rem .8rem;margin:.3rem 0}.option.selected{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 10%,var(--surface))}.option.correct{border-color:var(--ok);background:var(--ok-bg)}.option.wrong{border-color:var(--bad);background:var(--err-bg)}.option.dim{opacity:.6}.question{font-size:1.15rem;font-weight:600}.passage{margin:0 0 .8rem;padding:.8rem 1rem;background:var(--bg);border-left:4px solid var(--line);border-radius:6px;white-space:pre-wrap}.testbar{position:sticky;top:calc(52px + env(safe-area-inset-top));z-index:4;display:flex;justify-content:space-between;align-items:center;background:var(--bg);padding:.4rem 0}.timer{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700}.timer.low{color:var(--bad)}.navgrid{display:flex;flex-wrap:wrap;gap:.4rem;margin:.8rem 0}.navcell{width:40px;height:40px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;cursor:pointer}.navcell.done{background:var(--ok-bg)}.navcell.flag{border-color:#ef8f00;border-width:2px}.navcell.here{outline:2px solid var(--brand)}@media(min-width:720px){.grid{grid-template-columns:repeat(3,1fr)}}.formgrid{display:grid;gap:0 .8rem}@media(min-width:560px){.formgrid{grid-template-columns:1fr 1fr}}.phonerow{display:grid;grid-template-columns:minmax(7.5rem,auto) 1fr;gap:.5rem}.field-error{margin:-.4rem 0 .6rem;color:var(--bad);font-size:.85rem}[aria-invalid=true]{border-color:var(--bad)}label.checkrow{display:flex;align-items:center;gap:.5rem;color:var(--text);cursor:pointer}label.checkrow input{width:auto;margin:0}.listcard{padding:0}.listrow{display:grid;grid-template-columns:minmax(6rem,1fr) 2fr auto;grid-template-areas:"word meaning actions" "word meta actions";gap:.2rem .8rem;align-items:start;padding:.6rem .9rem;border-bottom:1px solid var(--line)}.listrow:last-child{border-bottom:0}.listword{grid-area:word;display:flex;flex-direction:column}.listmeaning{grid-area:meaning}.listmeta{grid-area:meta;font-size:.8rem;color:var(--muted)}.status-easy{color:var(--ok);font-weight:600}.status-revise{color:var(--amber);font-weight:600}.listactions{grid-area:actions;display:flex;align-items:center;gap:.4rem}.btn.iconbtn{min-width:2.4rem;padding-left:.5rem;padding-right:.5rem}@media(max-width:480px){.listrow{grid-template-columns:1fr auto;grid-template-areas:"word actions" "meaning meaning" "meta meta"}}.notes{white-space:pre-line}.kanachart{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:4px;margin:.4rem 0 1rem}.kanachart th{color:var(--muted);font-size:.8rem;font-weight:600}.kanachart thead th:first-child,.kanachart tbody th{width:2rem}.kanachart td{padding:0}.kanacell{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:56px;padding:.3rem 0;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:8px;cursor:pointer}.kanacell:hover:not(:disabled){border-color:var(--brand)}.kanacell:disabled{cursor:default}.kanacell .kana{font-size:1.5rem;line-height:1.2}.kanacell .romaji{color:var(--muted);font-size:.75rem}.kanaother{display:flex;flex-wrap:wrap;gap:4px}.kanaother .kanacell{width:4rem}.coursebar{display:flex;align-items:center;gap:.5rem;margin:-.2rem 0 .8rem;padding:.4rem .7rem;background:var(--surface);border:1px solid var(--line);border-radius:10px}.coursebar .coursepick{flex:1;margin:0}.coursebar select{margin:0;padding:.35rem .5rem;font-weight:600}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.staff{--brand: #4f46e5;--brand-soft: #eef0ff;--brand-strong: #3730a3;--logo: #b3261e}@media(prefers-color-scheme:dark){.staff{--brand: #8b93ff;--brand-soft: #262a52;--brand-strong: #d0d4ff;--logo: #e0564d;--bar: #0b1220;--bar-line: #000000;--bar-text: #f1f5f9;--bar-muted: #94a3b8;--bar-button: #334155;--bar-button-hover: #475569}}.staff{--bg: #f5f7fb;--staff-menu: #e2e8f0;--staff-menu-line: #cbd5e1;--staff-menu-text: #334155;--staff-menu-hover: #d3dbe6;--staff-menu-active: #ffffff}@media(prefers-color-scheme:dark){.staff{--bg: #0f141b;--staff-menu: #11161e;--staff-menu-line: #1d2430;--staff-menu-text: #a3adbb;--staff-menu-hover: #1a212c;--staff-menu-active: #1e293b}}.topbar .brand{color:var(--bar-text)}.topbar .logomark{border-radius:22%;box-shadow:0 0 0 1.5px #ffffffd9}.topbar .who{color:var(--bar-muted)}.topbar .btn{color:var(--bar-text);background:transparent;border-color:#ffffff59}.topbar .btn:hover{background:#ffffff1a}.topbar .menubtn{background:var(--bar-button);border-color:transparent}.topbar .menubtn:hover{background:var(--bar-button-hover)}.staff .sidebar{background:var(--staff-menu);border-right-color:var(--staff-menu-line)}.staff .navlink{color:var(--staff-menu-text)}.staff .navlink:hover{background:var(--staff-menu-hover)}.staff .navlink.active{color:var(--brand);background:var(--staff-menu-active);box-shadow:inset 3px 0 0 var(--brand),0 1px 2px #0f172a0f}.staff .content{max-width:1120px}.staff .grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin:.2rem 0 .9rem}.pagehead h1{margin:0}.pagehead p{margin:.15rem 0 0}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem;margin:0 0 .9rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.toolbar input,.toolbar select{width:auto;margin:0;padding:.5rem .7rem}.toolbar-search{flex:1 1 220px;max-width:360px}.toolbar select{min-width:9.5rem}.toolbar .btn{min-height:40px;padding:.45rem 1rem}@media(max-width:559px){.toolbar-search{flex-basis:100%;max-width:none}}.segmented{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.segmented button{padding:.45rem .85rem;font:inherit;font-size:.85rem;color:var(--muted);background:var(--surface);border:0;cursor:pointer}.segmented button+button{border-left:1px solid var(--line)}.segmented button.on{color:var(--brand-strong);background:var(--brand-soft);font-weight:600}.tablewrap{overflow-x:auto;margin:0 0 .8rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.datatable{width:100%;min-width:640px;border-collapse:collapse;font-size:.95rem}.datatable th,.datatable td{padding:.75rem 1rem;text-align:left;vertical-align:middle;border-bottom:1px solid var(--line)}.datatable th{padding-top:.6rem;padding-bottom:.6rem;color:var(--brand-strong);background:var(--brand-soft);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.datatable tbody tr:last-child td{border-bottom:0}.datatable tbody tr:hover{background:color-mix(in srgb,var(--brand-soft) 45%,var(--surface))}.nowrap{white-space:nowrap}.person{display:flex;align-items:center;gap:.7rem;min-width:0;color:inherit;text-decoration:none}.person>span:last-child{display:flex;flex-direction:column;min-width:0}.person strong{color:var(--text)}a.person:hover strong{color:var(--brand);text-decoration:underline}.avatar{flex-shrink:0;display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;color:#fff;font-size:.8rem;font-weight:700}.avatar.tone0{background:#4f46e5}.avatar.tone1{background:#0d9488}.avatar.tone2{background:#d97706}.avatar.tone3{background:#db2777}.avatar.tone4{background:#2563eb}.avatar.tone5{background:#7c3aed}.badge{display:inline-block;margin:0 .3rem .2rem 0;padding:.15rem .6rem;border-radius:999px;font-size:.78rem;font-weight:600;white-space:nowrap;color:var(--muted);background:var(--bg)}.badge.active{color:var(--ok);background:var(--ok-bg)}.badge.pending{color:#8a5a00;background:var(--warn-bg)}.badge.suspended{color:var(--bad);background:var(--err-bg)}.badge.completed{color:var(--brand-strong);background:var(--brand-soft)}@media(prefers-color-scheme:dark){.badge.pending{color:#f5c26b}}.pill{display:inline-block;margin:0 .3rem .2rem 0;padding:.1rem .55rem;border:1px solid var(--line);border-radius:6px;background:var(--bg);font-size:.82rem;white-space:nowrap}.cardgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.7rem;margin:0 0 .8rem}.personcard{display:flex;flex-direction:column;gap:.55rem;margin:0}.personcard:hover{border-color:var(--brand)}.stat{border-top:4px solid var(--stat, var(--brand))}.stat .stat-value{color:var(--stat, var(--brand))}.stat.tone-ok{--stat: var(--ok)}.stat.tone-warn{--stat: #d97706}.stat.tone-bad{--stat: var(--bad)}.stat.tone-teal{--stat: #0d9488}.linkcard.stat:hover{box-shadow:0 2px 10px #00000014}.inline-select{width:auto;margin:0;padding:.3rem .5rem;font-size:.85rem}.addpanel{margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--line)}.addpanel .toolbar{background:var(--bg)}a.pill-link{color:var(--brand);text-decoration:none}a.pill-link:hover{border-color:var(--brand);background:var(--brand-soft, var(--bg));text-decoration:underline}.recordcount{margin:0 0 .4rem .2rem;color:var(--muted);font-size:.8rem}.uniform{--ui-size: .875rem}.uniform :is(h1,h2,h3,p,label,input,select,textarea,button,.btn,td,th,strong,.badge,.pill,.muted,.small-text,.segmented button){font-family:inherit;font-size:var(--ui-size)}.uniform .datatable th{text-transform:none;letter-spacing:normal}.uniform .recordcount,.uniform .avatar{font-size:.8rem}.profilehead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem}.profilehead .avatar{width:2.8rem;height:2.8rem}.pickbox{margin:.6rem 0 .8rem;padding:.5rem .8rem .3rem;border:1px solid var(--line);border-radius:10px}.pickbox legend{padding:0 .3rem;color:var(--muted);font-size:.9rem}.uniform .pickbox legend{font-size:var(--ui-size)}.toasts{position:fixed;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:50;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:.6rem;max-width:min(420px,calc(100vw - 2rem));padding:.7rem .8rem .7rem 1rem;color:#fff;font-size:.9rem;line-height:1.4;border-radius:10px;box-shadow:0 6px 20px #0000002e;pointer-events:auto;animation:toast-in .18s ease-out}.toast.ok{background:#1b7a3e}.toast.error{background:#b3261e}.toast-text{flex:1}.toast-action{padding:0 .5rem;font:inherit;font-weight:700;color:inherit;background:#ffffff2e;border:1px solid rgb(255 255 255 / .5);border-radius:6px;cursor:pointer}.toast-close{padding:0 .2rem;font:inherit;color:inherit;background:none;border:0;opacity:.8;cursor:pointer}.toast-close:hover{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media(max-width:559px){.toasts{left:1rem;align-items:stretch}.toast{max-width:none}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}.datatable .checkcell{width:2.5rem;padding-right:0}.datatable .checkcell input,.personcard input[type=checkbox]{display:inline-block;width:1.05rem;height:1.05rem;margin:0;vertical-align:middle;cursor:pointer}.datatable tbody tr.picked,.datatable tbody tr.picked:hover{background:var(--brand-soft, var(--bg))}.personcard.picked{border-color:var(--brand);background:var(--brand-soft, var(--surface))}.actionbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:.2rem 0 1rem;padding:.6rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.actionbar .btn{min-height:40px;padding:.45rem 1rem}.actionbar .btn:disabled{opacity:.5;cursor:not-allowed}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:start center;padding:max(4vh,1rem) 1rem 1rem;overflow-y:auto;background:#0f172a73}.modal{width:min(640px,100%);padding:1rem 1.2rem 1.2rem;background:var(--surface);border-radius:var(--radius);box-shadow:0 20px 50px #00000040}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.modal-head h2{margin:0}.modal-close{padding:.2rem .5rem;font:inherit;color:var(--muted);background:none;border:0;border-radius:6px;cursor:pointer}.modal-close:hover{background:var(--bg)}.modal-actions{margin-top:.8rem}.uniform textarea.code{font-family:ui-monospace,Menlo,Consolas,Noto Sans JP,monospace}.datatable .num{font-variant-numeric:tabular-nums;white-space:nowrap}.options-edit{border:1px solid var(--line);border-radius:var(--radius);padding:.5rem .8rem .7rem;margin:0 0 .8rem;display:grid;gap:.4rem}.options-edit legend{padding:0 .3rem;color:var(--muted)}.option-edit input[type=radio]{width:auto;margin:0}.option-edit input:not([type=radio]){margin:0}.options-edit>.btn{justify-self:start}.editbar{position:sticky;bottom:0;background:var(--bg);padding:.6rem 0;border-top:1px solid var(--line)}.radical-form{font-size:1.1rem;line-height:1}.radical-family li{display:grid;grid-template-columns:2.6rem 1fr;align-items:center;gap:.6rem;padding:.35rem .4rem;border-bottom:1px solid var(--line)}.radical-family li:last-child{border-bottom:0}.radical-family li.current{background:var(--bg);border-radius:6px}.radical-family{max-height:60vh;overflow-y:auto}