@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-cyrillic-ext-wght-normal.460bdf14.woff2) format("woff2-variations");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-cyrillic-wght-normal.491cbc05.woff2) format("woff2-variations");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-greek-ext-wght-normal.23aae568.woff2) format("woff2-variations");unicode-range:u+1f??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-greek-wght-normal.4449bf7a.woff2) format("woff2-variations");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-vietnamese-wght-normal.113a630f.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-latin-ext-wght-normal.3835a68e.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/inter-latin-wght-normal.6c596dfc.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_next/static/media/source-serif-4-cyrillic-ext-wght-normal.96a790cd.woff2) format("woff2-variations");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_next/static/media/source-serif-4-cyrillic-wght-normal.2b4d9566.woff2) format("woff2-variations");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_next/static/media/source-serif-4-greek-wght-normal.33c67c4a.woff2) format("woff2-variations");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_next/static/media/source-serif-4-vietnamese-wght-normal.4f54c084.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_next/static/media/source-serif-4-latin-ext-wght-normal.a3bd1b88.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_next/static/media/source-serif-4-latin-wght-normal.649132da.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--ink-900:#111827;--ink-700:#374151;--ink-500:#636B78;--ink-300:#9CA3AF;--line:#E5E7EB;--line-strong:#D1D5DB;--surface:#FFFFFF;--surface-2:#F9FAFB;--canvas:#F3F4F6;--hover:#EEF0F3;--accent-600:#1A56DB;--accent-700:#1A56DB;--accent-800:#1E429F;--accent-50:#EBF5FF;--accent-100:#C3DDFD;--on-accent:#FFFFFF;--chrome:#1E429F;--chrome-line:rgb(255 255 255/.16);--chrome-text:#FFFFFF;--chrome-muted:rgb(255 255 255/.85);--chrome-faint:rgb(255 255 255/.72);--chrome-hover:rgb(255 255 255/.1);--chrome-active:rgb(255 255 255/.16);--chrome-marker:#FFFFFF;--answer-no:#E02424;--answer-ok:#EA580C;--answer-yes:#0E9F6E;--pos:#2F7D4F;--pos-50:#EDF6F0;--warn:#946000;--warn-50:#FBF4E4;--neg:#B3261E;--neg-50:#FBECEB;--pos-line:#CFE5D7;--warn-line:#EFDFB8;--neg-line:#EBC2BF;--neg-ink:#7A1A14;--neg-hover:#93201A;--on-neg:#FFFFFF;--answer-no-tint:#FEF2F2;--answer-no-line:#FECACA;--answer-no-chosen:#FEE2E2;--answer-ok-tint:#FFF7ED;--answer-ok-line:#FED7AA;--answer-ok-chosen:#FFEDD5;--answer-yes-tint:#F0FDF4;--answer-yes-line:#BBF7D0;--answer-yes-chosen:#DCFCE7;--stage-0:#CBD5E1;--stage-1:#A4CAFE;--stage-2:#76A9FA;--stage-3:#3F83F8;--stage-4:#1A56DB;--font-sans:"Inter Variable","Inter","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI","Meiryo",system-ui,sans-serif;--font-serif:"Source Serif 4 Variable","Source Serif 4","Hiragino Mincho ProN","Yu Mincho",Georgia,serif;--text-xs:.75rem;--text-sm:.8125rem;--text-md:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.5rem;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--r-sm:4px;--r-md:6px;--r-lg:8px;--shadow-overlay:0 8px 24px rgb(17 24 39/.12),0 1px 3px rgb(17 24 39/.08);--ease:cubic-bezier(.2,.8,.2,1);--focus:0 0 0 2px var(--surface),0 0 0 4px var(--accent-600);--sidebar-w:248px;--topbar-h:56px;color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--ink-900:#E6E8EC;--ink-700:#C4C9D2;--ink-500:#9AA2AF;--ink-300:#6B7280;--line:#2C3340;--line-strong:#3A4250;--surface:#1A1F29;--surface-2:#202633;--canvas:#12161E;--hover:#252C39;--accent-600:#6E9EF7;--accent-700:#8AB4F8;--accent-800:#B3CEFB;--on-accent:#0B1426;--accent-50:#1B2A48;--accent-100:#25406F;--chrome:#161C2A;--chrome-line:rgb(255 255 255/.1);--answer-no:#F05252;--answer-ok:#FB923C;--answer-yes:#31C48D;--pos:#6FCF97;--pos-50:#16291F;--warn:#E3B341;--warn-50:#2B2412;--neg:#F28B82;--neg-50:#2E1817;--pos-line:#24452F;--warn-line:#4A3C17;--neg-line:#5A2A27;--neg-ink:#F6B8B2;--neg-hover:#F6A59E;--on-neg:#1A0B0A;--answer-no-tint:#2A1719;--answer-no-line:#6B2A2A;--answer-no-chosen:#3A1B1D;--answer-ok-tint:#2B1D12;--answer-ok-line:#6B3E1C;--answer-ok-chosen:#3A2615;--answer-yes-tint:#13261E;--answer-yes-line:#1E5A40;--answer-yes-chosen:#173327;--stage-0:#3A4250;--stage-1:#25406F;--stage-2:#2F5DAF;--stage-3:#3F83F8;--stage-4:#76A9FA;--shadow-overlay:0 8px 24px rgb(0 0 0/.45),0 1px 3px rgb(0 0 0/.35)}:root[data-theme=dark] select{background-color:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:clip}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-md);line-height:1.5;color:var(--ink-900);background:var(--canvas);min-height:100vh;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}img,svg{max-width:100%}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}.ja,:lang(ja){line-height:1.8}.tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}:focus-visible{outline:none;box-shadow:var(--focus);border-radius:var(--r-sm)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.eyebrow,.text-muted{color:var(--ink-500)}.eyebrow{font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.visually-hidden{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0)}.truncate,.visually-hidden{overflow:hidden;white-space:nowrap}.truncate{text-overflow:ellipsis;min-width:0;max-width:100%}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh}.spinner{width:24px;height:24px;border:2px solid var(--line);border-top-color:var(--accent-700);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.skip-link{position:absolute;left:var(--s3);top:-48px;z-index:1000;padding:var(--s2) var(--s3);border-radius:var(--r-md);background:var(--surface);color:var(--ink-900);font-weight:600;box-shadow:var(--shadow-overlay);text-decoration:none}.skip-link:focus{top:var(--s3)}#main-content:focus{outline:none}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink-900);min-width:0}.brand-mark{width:28px;height:28px;flex-shrink:0;display:block}.brand-name{font-family:var(--font-serif);font-size:1.125rem;font-weight:600;letter-spacing:-.005em;white-space:nowrap}.avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-700);color:var(--on-accent);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em}.staff-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);z-index:200;display:flex;flex-direction:column;background:var(--chrome);color:var(--chrome-text);padding:var(--s4) var(--s3)}.sidebar-brand{padding:var(--s1) var(--s2) var(--s5)}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1 1;overflow-y:auto}.sidebar-section{margin:var(--s5) var(--s2) var(--s2);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--chrome-faint)}.sidebar-link{position:relative;display:flex;align-items:center;gap:10px;height:36px;padding:0 var(--s2);border-radius:var(--r-md);color:var(--chrome-muted);text-decoration:none;font-weight:500;transition:background .12s var(--ease),color .12s var(--ease)}.sidebar-link svg{width:18px;height:18px;color:var(--chrome-faint);flex-shrink:0}.sidebar-link:hover{background:var(--chrome-hover);color:var(--chrome-text)}.sidebar-link.active{background:var(--chrome-active);color:var(--chrome-text)}.sidebar-link.active svg{color:var(--chrome-marker)}.sidebar-link.active:before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:0 2px 2px 0;background:var(--chrome-marker)}.sidebar-footer{border-top:1px solid var(--chrome-line);padding-top:var(--s3);margin-top:var(--s3)}.user-block{display:flex;align-items:center;gap:10px;padding:var(--s1) var(--s2);min-width:0}.user-block-text{display:flex;flex-direction:column;min-width:0;flex:1 1;line-height:1.3}.user-block-name{font-weight:600;font-size:var(--text-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-block-role{font-size:var(--text-xs);color:var(--chrome-faint);text-transform:capitalize}.app-topbar .brand,.login-aside .brand,.sidebar .brand,.student-topbar .brand{color:var(--chrome-text)}.app-topbar .brand-mark,.login-aside .brand-mark,.sidebar .brand-mark,.student-topbar .brand-mark{border-radius:22%;box-shadow:0 0 0 1px var(--chrome-line)}.sidebar .avatar,.student-topbar .avatar{background:var(--chrome-text);color:var(--chrome)}.app-topbar .btn-ghost,.sidebar .btn-ghost,.student-topbar .btn-ghost{color:var(--chrome-muted)}.app-topbar .btn-ghost:hover:not(:disabled),.sidebar .btn-ghost:hover:not(:disabled),.student-topbar .btn-ghost:hover:not(:disabled){background:var(--chrome-hover);color:var(--chrome-text)}.staff-main{margin-left:var(--sidebar-w);min-width:0}.app-topbar,.sidebar-scrim{display:none}@media (max-width:1023px){.sidebar{transform:translateX(-100%);transition:transform .2s var(--ease);box-shadow:none}.sidebar.is-open{transform:none;box-shadow:var(--shadow-overlay)}.sidebar-scrim.is-open{display:block;position:fixed;inset:0;z-index:150;background:rgb(17 24 39/.4)}.staff-main{margin-left:0}.app-topbar{display:flex;align-items:center;gap:var(--s3);position:-webkit-sticky;position:sticky;top:0;z-index:100;height:var(--topbar-h);padding:0 var(--s4);background:var(--chrome);color:var(--chrome-text)}}.student-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--chrome);color:var(--chrome-text);box-shadow:0 2px 8px rgb(17 24 39/.15)}.student-topbar-inner{max-width:1040px;margin:0 auto;height:var(--topbar-h);padding:0 var(--s5);display:flex;align-items:center;gap:var(--s6)}.topnav{display:flex;gap:var(--s1);flex:1 1}.topnav a{display:inline-flex;align-items:center;gap:var(--s2);height:36px;padding:0 var(--s3);border-radius:var(--r-md);text-decoration:none;color:var(--chrome-muted);font-weight:500;transition:color .12s var(--ease),background .12s var(--ease)}.topnav a svg{width:16px;height:16px}.topnav a:hover{color:var(--chrome-text);background:var(--chrome-hover)}.topnav a.active{color:var(--chrome-text);background:var(--chrome-active)}.topbar-actions{display:flex;align-items:center;gap:var(--s2);flex-shrink:0}.menu{position:relative}.menu>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:var(--s2);border-radius:999px}.menu>summary::-webkit-details-marker{display:none}.student-topbar .menu>summary{padding:3px 8px 3px 3px;gap:4px;transition:background .12s var(--ease)}.student-topbar .menu>summary:hover,.student-topbar .menu[open]>summary{background:var(--chrome-hover)}.student-topbar .menu>summary:focus-visible{outline:2px solid var(--chrome-text);outline-offset:2px}.menu-caret{width:16px;height:16px;color:var(--chrome-muted);transition:transform .15s var(--ease)}.menu[open] .menu-caret{transform:rotate(180deg)}.menu-panel{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;width:max-content;max-width:min(360px,calc(100vw - 32px));z-index:300;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-overlay);padding:var(--s1);color:var(--ink-900)}.menu-header{padding:var(--s2) var(--s3);border-bottom:1px solid var(--line);margin-bottom:var(--s1)}.menu-header strong{display:block;font-weight:600;overflow-wrap:anywhere}.menu-header span{display:block;font-size:var(--text-xs);color:var(--ink-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-item{display:flex;align-items:center;gap:10px;width:100%;height:36px;padding:0 var(--s3);border:0;background:none;border-radius:var(--r-md);text-align:left;text-decoration:none;color:var(--ink-700);cursor:pointer;font-size:var(--text-md)}.menu-item svg{width:16px;height:16px;color:var(--ink-500)}.menu-item:hover{background:var(--hover);color:var(--ink-900)}.tabbar{display:none}@media (max-width:767px){.student-topbar-inner{padding:0 var(--s4);gap:var(--s3);justify-content:space-between}.topnav{display:none}.tabbar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;inset:auto 0 0 0;z-index:100;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:56px;text-decoration:none;color:var(--ink-500);font-size:11px;font-weight:500}.tabbar a svg{width:20px;height:20px}.tabbar a.active{color:var(--accent-700)}.tabbar a.active svg{color:var(--accent-600)}.student-shell{padding-bottom:calc(56px + env(safe-area-inset-bottom))}}.page-container{max-width:1200px;margin:0 auto;padding:var(--s6) var(--s6) var(--s7)}.page-narrow{max-width:880px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s5)}.page-header>div{min-width:0}.page-title{font-size:var(--text-xl);font-weight:600;letter-spacing:-.015em;line-height:1.25;overflow-wrap:anywhere}.page-subtitle,.subtitle{color:var(--ink-500);font-size:var(--text-md);margin-top:var(--s1);margin-bottom:var(--s4);overflow-wrap:anywhere;max-width:72ch}.page-header .page-subtitle{margin-bottom:0}.center-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--s4)}.section-title{font-size:var(--text-base);font-weight:600;letter-spacing:-.005em}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s3)}.btn-accent,.btn-danger,.btn-ghost,.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);height:36px;padding:0 var(--s4);border-radius:var(--r-md);font-size:var(--text-md);font-weight:500;line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background .12s var(--ease),border-color .12s var(--ease),color .12s var(--ease)}.btn-accent svg,.btn-danger svg,.btn-ghost svg,.btn-primary svg,.btn-secondary svg{width:16px;height:16px;flex-shrink:0}.btn-primary{background:var(--accent-700);color:var(--on-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-800)}.btn-accent{background:var(--accent-700);color:var(--on-accent)}.btn-accent:hover:not(:disabled){background:var(--accent-800)}.btn-secondary{background:var(--surface);color:var(--ink-900);border-color:var(--line-strong)}.btn-secondary:hover:not(:disabled){background:var(--hover)}.btn-ghost{background:transparent;color:var(--ink-700)}.btn-ghost:hover:not(:disabled){background:var(--hover);color:var(--ink-900)}.btn-danger{background:var(--neg);color:var(--on-neg)}.btn-danger:hover:not(:disabled){background:var(--neg-hover)}.btn-accent:disabled,.btn-danger:disabled,.btn-ghost:disabled,.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-lg{height:44px;padding:0 var(--s5);font-size:var(--text-base)}.btn-compact,.btn-sm{height:30px;padding:0 var(--s3);font-size:var(--text-sm)}.btn-full{width:100%}.btn-icon{width:36px;padding:0}.btn-link{background:none;border:none;padding:0;cursor:pointer;color:var(--accent-700);font-size:inherit;font-weight:500;text-decoration:underline;-webkit-text-decoration-color:var(--accent-100);text-decoration-color:var(--accent-100);text-underline-offset:3px;display:inline-flex;align-items:center;gap:var(--s1)}.btn-link:hover{-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.btn-link:disabled{opacity:.5;cursor:not-allowed}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border:solid var(--line-strong);border-width:1px 1px 2px;border-radius:var(--r-sm);font-size:11px;font-weight:600;color:var(--ink-500);background:var(--surface);font-family:var(--font-sans)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--s4)}.field label{font-size:var(--text-sm);font-weight:500;color:var(--ink-700)}select{max-width:100%}.bulk-bar select,.field input,.field select,.field textarea,input[type=email],input[type=search],input[type=text],textarea{height:36px;border:1px solid var(--line-strong);border-radius:var(--r-md);padding:0 var(--s3);font-size:var(--text-md);background:var(--surface);width:100%;transition:border-color .12s var(--ease),box-shadow .12s var(--ease)}.field textarea,textarea{height:auto;padding:var(--s2) var(--s3)}.bulk-bar select:focus,.field input:focus,.field select:focus,.field textarea:focus,input[type=search]:focus,input[type=text]:focus,textarea:focus{outline:none;border-color:var(--accent-700);box-shadow:0 0 0 3px var(--accent-100)}input[type=checkbox],input[type=radio]{accent-color:var(--accent-700)}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--s3);gap:var(--s3)}.hint{color:var(--ink-500);font-size:var(--text-sm);margin-bottom:var(--s2)}.hint code{background:var(--hover);padding:1px 6px;border-radius:var(--r-sm);font-size:var(--text-xs)}.error-msg{color:var(--neg)}.error-msg,.saved-msg,.success-msg{font-size:var(--text-sm);margin:var(--s2) 0}.saved-msg,.success-msg{color:var(--pos);font-weight:500}.warn-msg{color:var(--warn);font-size:var(--text-sm);margin:var(--s2) 0}.alert{display:flex;gap:var(--s3);align-items:flex-start;padding:var(--s3) var(--s4);border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);font-size:var(--text-md)}.alert svg{width:18px;height:18px;flex-shrink:0;margin-top:2px}.alert-error{border-color:var(--neg-line);background:var(--neg-50);color:var(--neg-ink)}.alert-info{border-color:var(--line);background:var(--surface-2);color:var(--ink-700)}.info-banner{display:flex;gap:var(--s2);border:1px solid var(--line);border-left:3px solid var(--accent-600);border-radius:var(--r-md);padding:var(--s3) var(--s4);font-size:var(--text-md)}.badge,.info-banner{align-items:center;background:var(--surface);color:var(--ink-700)}.badge{display:inline-flex;gap:6px;height:22px;padding:0 8px;border-radius:999px;font-size:var(--text-xs);font-weight:500;white-space:nowrap;border:1px solid var(--line)}.badge-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge-accent{background:var(--accent-50);border-color:var(--accent-100);color:var(--accent-800)}.badge-pos{color:var(--pos);background:var(--pos-50);border-color:var(--pos-line)}.badge-warn{color:var(--warn);background:var(--warn-50);border-color:var(--warn-line)}.badge-neg{color:var(--neg);background:var(--neg-50);border-color:var(--neg-line)}.mode-badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:var(--text-xs);font-weight:500;white-space:nowrap}.mode-badge.mode-free{background:var(--surface);color:var(--ink-500);border:1px solid var(--line)}.mode-badge.mode-plan{background:var(--accent-50);color:var(--accent-800);border:1px solid var(--accent-100)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s2);padding:var(--s7) var(--s5);color:var(--ink-500)}.empty-state svg{width:28px;height:28px;color:var(--ink-300);margin-bottom:var(--s1)}.empty-state strong{color:var(--ink-900);font-weight:600;font-size:var(--text-base)}.empty-note{color:var(--ink-500);font-size:var(--text-md)}.card,.settings-section{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}.card{padding:var(--s5)}.settings-section h2{font-size:var(--text-base);font-weight:600;letter-spacing:-.005em;margin-bottom:var(--s3)}.settings-section{padding:var(--s5);margin-bottom:var(--s4)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:var(--s5) 0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.stat-card{padding:var(--s4) var(--s5);border-right:1px solid var(--line);margin-right:-1px;text-align:left}.stat-number{font-size:var(--text-2xl);font-weight:600;letter-spacing:-.02em;line-height:1.15;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-label{font-size:var(--text-sm);color:var(--ink-500);margin-top:2px}.stat-delta{display:inline-flex;align-items:center;gap:2px;font-size:var(--text-xs);font-weight:500;margin-top:var(--s1);color:var(--ink-500)}.stat-delta.up{color:var(--pos)}.stat-delta.down{color:var(--neg)}.stat-delta svg{width:12px;height:12px}.student-table-wrap{overflow-x:auto;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface)}.student-table{width:100%;border-collapse:collapse;background:var(--surface);font-size:var(--text-md);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.student-table th{background:var(--surface-2);height:36px;padding:0 var(--s4);text-align:left;font-weight:500;color:var(--ink-500);font-size:var(--text-xs);letter-spacing:.02em;border-bottom:1px solid var(--line);white-space:nowrap}.student-table td{height:44px;padding:var(--s2) var(--s4);border-bottom:1px solid var(--line);vertical-align:middle}.student-table tr:last-child td{border-bottom:none}.student-table tbody tr:hover td{background:var(--surface-2)}.th-sort{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.th-sort:hover{color:var(--ink-900)}.sort-arrow{font-size:10px;opacity:.7}.td-name{font-weight:500;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-due{color:var(--warn);font-weight:600}.td-time{color:var(--ink-500);font-size:var(--text-sm);white-space:nowrap}.student-table th.td-num,.td-num{text-align:right}.td-check{width:40px;text-align:center}.td-check input{width:15px;height:15px;cursor:pointer}.row-actions{display:inline-flex;align-items:center;gap:var(--s2);white-space:nowrap}.row-selected td{background:var(--accent-50)!important}.empty-row{color:var(--ink-500);text-align:center;padding:var(--s7)!important}.result-good{color:var(--pos);font-weight:500}.result-bad{color:var(--neg);font-weight:500}.table-link{color:var(--ink-900);text-decoration:none;font-weight:500}.table-link:hover{text-decoration:underline;text-underline-offset:3px}.bulk-bar{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;background:var(--accent-50);color:var(--accent-800);border:1px solid var(--accent-100);border-radius:var(--r-lg);padding:var(--s2) var(--s3);margin-bottom:var(--s3)}.bulk-count{font-weight:600;font-size:var(--text-md);white-space:nowrap;padding:0 var(--s2)}.bulk-bar select{width:auto;height:30px;color:var(--ink-900)}.bar{height:6px;border-radius:3px;background:var(--hover);overflow:hidden}.bar>span{display:block;height:100%;border-radius:inherit;background:var(--accent-700)}.stacked-bar{display:flex;height:10px;border-radius:5px;overflow:hidden;background:var(--hover);gap:2px}.stacked-bar>span{display:block;height:100%;min-width:0}.legend{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);margin-top:var(--s3)}.legend-item{display:flex;align-items:center;gap:var(--s2);font-size:var(--text-sm);color:var(--ink-500)}.legend-item b{color:var(--ink-900);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.legend-swatch{width:8px;height:8px;border-radius:2px;flex-shrink:0}.dialog{border:0;padding:0;background:transparent;color:inherit;max-width:none;max-height:none}.dialog::-webkit-backdrop{background:rgb(17 24 39/.45)}.dialog::backdrop{background:rgb(17 24 39/.45)}.dialog-inner{display:flex;flex-direction:column;background:var(--surface);box-shadow:var(--shadow-overlay)}.dialog-modal{margin:auto;width:min(480px,calc(100vw - 32px))}.dialog-modal .dialog-inner{border-radius:var(--r-lg);max-height:calc(100dvh - 64px)}.dialog-drawer{margin:0 0 0 auto;height:100dvh;width:min(560px,100vw)}.dialog-drawer .dialog-inner{height:100%}.dialog-drawer[open]{animation:drawer-in .2s var(--ease)}@keyframes drawer-in{0%{transform:translateX(24px);opacity:0}to{transform:none;opacity:1}}.dialog-header:has(+.dialog-footer){border-bottom:0}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s3);padding:var(--s5) var(--s5) var(--s4);border-bottom:1px solid var(--line)}.dialog-header h2{font-size:var(--text-lg);font-weight:600;letter-spacing:-.01em}.dialog-description{color:var(--ink-500);margin-top:2px}.dialog-body{padding:var(--s5);overflow-y:auto;flex:1 1}.dialog-footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--s2);padding:var(--s3) var(--s5);border-top:1px solid var(--line);background:var(--surface-2);flex-wrap:wrap}.dialog-footer .error-msg{margin:0 auto 0 0}.dialog-footer .saved-msg{margin:0 auto 0 0;overflow-wrap:anywhere}.dialog-footer>.btn-link:first-child{margin-right:auto}.export-options{border:0;padding:0;margin:0;display:grid;grid-gap:var(--s2);gap:var(--s2)}.export-options legend{font-size:var(--text-sm);font-weight:600;color:var(--ink-700);margin-bottom:var(--s2);padding:0}.export-note{margin-top:var(--s3);font-size:var(--text-sm);color:var(--ink-500)}.data-section{margin-top:var(--s6)}.data-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap}.data-actions p{font-size:var(--text-sm);color:var(--ink-500);max-width:52ch}.form-section+.form-section{margin-top:var(--s5);padding-top:var(--s5);border-top:1px solid var(--line)}.form-section h3{font-size:var(--text-md);font-weight:600;margin-bottom:var(--s3)}.form-level+.form-level{margin-top:var(--s4)}.form-level-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--s2)}.form-level-head strong{font-weight:500}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:var(--surface)}.login-aside{background:var(--chrome);color:var(--chrome-text);padding:var(--s7);display:flex;flex-direction:column;justify-content:space-between;gap:var(--s7)}.login-aside-copy{max-width:400px}.login-aside-copy h2{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:500;line-height:1.15;letter-spacing:-.02em;margin:var(--s5) 0 var(--s4)}.login-aside-copy p{color:var(--chrome-muted);font-size:var(--text-base)}.login-aside-copy .ja{margin-top:var(--s2);font-size:var(--text-md)}.login-aside-foot{font-size:var(--text-sm);color:var(--chrome-faint)}.login-main{display:flex;align-items:center;justify-content:center;padding:var(--s7) var(--s5)}.login-card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:var(--s4);text-align:center}.login-card h1{font-size:var(--text-xl);font-weight:600;letter-spacing:-.015em}.login-card .lead{color:var(--ink-500);margin-top:-8px}.login-card .lead [lang=ja]{display:block;font-size:var(--text-sm)}.login-card .alert{text-align:left}.login-card .btn-link{align-self:center}.btn-microsoft{height:44px;justify-content:center;gap:12px;font-size:var(--text-base)}.login-fineprint{font-size:var(--text-sm);color:var(--ink-500);border-top:1px solid var(--line);padding-top:var(--s4)}.login-fineprint [lang=ja]{display:block;font-size:var(--text-xs);margin-top:2px}.login-credit{margin-top:var(--s3);font-size:var(--text-xs);color:var(--ink-300);letter-spacing:.01em}.login-legal{font-size:var(--text-xs);color:var(--ink-500);line-height:1.6}.login-legal span{display:block;margin-top:2px}.login-legal a{color:var(--ink-700)}@media (max-width:860px){.login-page{grid-template-columns:1fr}.login-aside{padding:var(--s5);gap:var(--s4)}.login-aside-copy h2{font-size:var(--text-xl);margin:var(--s4) 0 var(--s2)}.login-aside-foot{display:none}.login-main{align-items:flex-start;padding:var(--s6) var(--s5)}}.first-login{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s3);background:var(--canvas);text-align:center;padding:var(--s5)}.first-login h2{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:500}.first-login p{color:var(--ink-500)}.greeting{margin-bottom:var(--s5)}.greeting h1{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:500;letter-spacing:-.02em;line-height:1.2;overflow-wrap:anywhere}.greeting p{color:var(--ink-500);margin-top:var(--s1)}.session-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;margin-bottom:var(--s5)}.session-card-body{display:flex;align-items:center;justify-content:space-between;gap:var(--s5);padding:var(--s5) var(--s6);flex-wrap:wrap}.session-card-main{display:flex;flex-direction:column;gap:var(--s1);min-width:0}.session-figure{display:flex;align-items:baseline;gap:var(--s3);flex-wrap:wrap}.session-number{font-size:3rem;font-weight:600;letter-spacing:-.03em;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.session-unit{font-size:var(--text-base);color:var(--ink-700)}.session-meta{color:var(--ink-500);font-size:var(--text-md)}.session-card-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;padding:var(--s3) var(--s6);border-top:1px solid var(--line);background:var(--surface-2);font-size:var(--text-sm);color:var(--ink-500)}.session-card-foot a{color:var(--ink-900);font-weight:500}.session-card-body.is-stacked{display:block}.setup-title{font-size:var(--text-lg);font-weight:600;letter-spacing:-.01em;margin:6px 0 var(--s5)}.stat-grid.flush{margin-top:0}.session-card.is-done .session-number{color:var(--ink-500)}.week-strip{display:flex;gap:var(--s2);margin-top:var(--s3)}.week-day{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:var(--ink-500);font-weight:500}.week-day i{width:28px;height:4px;border-radius:2px;background:var(--line)}.week-day.done i{background:var(--accent-800)}.week-day.today{color:var(--ink-900)}.week-day.today i{background:var(--accent-600)}.checklist{list-style:none;display:flex;flex-direction:column}.checklist li{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) 0;border-top:1px solid var(--line)}.checklist li:first-child{border-top:0;padding-top:0}.check-dot{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line-strong);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;font-weight:600;color:var(--ink-500)}.check-dot svg{width:13px;height:13px}.checklist li.done .check-dot{background:var(--accent-700);border-color:var(--accent-700);color:var(--on-accent)}.checklist li.done .check-text{color:var(--ink-500);text-decoration:line-through;-webkit-text-decoration-color:var(--ink-300);text-decoration-color:var(--ink-300)}.checklist li.current .check-dot{border-color:var(--accent-600);color:var(--accent-700)}.check-text{flex:1 1;min-width:0}.check-text strong{display:block;font-weight:600}.check-text span{font-size:var(--text-sm);color:var(--ink-500)}.scope-line{display:flex;align-items:center;gap:var(--s2);color:var(--ink-500);font-size:var(--text-md);flex-wrap:wrap}.scope-line svg{width:16px;height:16px}.scope-line strong{color:var(--ink-900);font-weight:500}.progress-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--s4);gap:var(--s4)}.progress-grid .span-2{grid-column:1/-1}.heat{display:grid;grid-template-rows:repeat(7,12px);grid-auto-flow:column;grid-auto-columns:12px;grid-gap:3px;gap:3px;overflow-x:auto;padding-bottom:var(--s1)}.heat i{border-radius:2px;background:var(--hover)}.heat i[data-l="1"]{background:var(--stage-1)}.heat i[data-l="2"]{background:var(--stage-2)}.heat i[data-l="3"]{background:var(--stage-3)}.heat i[data-l="4"]{background:var(--stage-4)}.heat i.future{background:transparent}.heat-key{display:inline-grid;grid-template-rows:12px;overflow:visible;padding:0}.legend.spread{justify-content:space-between}.spark{width:100%;height:120px;display:block;overflow:visible}.spark-grid{stroke:var(--line);stroke-width:1}.spark-line{fill:none;stroke:var(--accent-700);stroke-width:1.75;vector-effect:non-scaling-stroke}.spark-area{fill:var(--accent-50)}.word-list{list-style:none}.word-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:var(--s3);gap:var(--s3);align-items:center;padding:var(--s3) 0;border-top:1px solid var(--line)}.word-list li:first-child{border-top:0}.word-en{font-family:var(--font-serif);font-size:var(--text-base)}.word-ja{font-size:var(--text-sm);color:var(--ink-500)}.focus-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--canvas)}.focus-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:var(--canvas)}.focus-header-inner{max-width:760px;margin:0 auto;height:var(--topbar-h);padding:0 var(--s5);display:flex;align-items:center;justify-content:space-between;gap:var(--s4)}.focus-header-end{display:flex;align-items:center;gap:var(--s2)}.focus-count{font-size:var(--text-md);color:var(--ink-500);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.focus-count b{color:var(--ink-900);font-weight:600}.focus-progress{height:2px;background:var(--line)}.focus-progress>span{display:block;height:100%;background:var(--accent-600);transition:width .25s var(--ease)}.study-page{max-width:760px;margin:0 auto;padding:var(--s6) var(--s5) var(--s7);width:100%;flex:1 1;display:flex;flex-direction:column}.plan-banner{margin-bottom:var(--s4)}@keyframes card-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.flashcard{position:relative;background:var(--surface);border:1px solid var(--line);padding:var(--s7) var(--s6) var(--s6);min-height:340px;display:flex;flex-direction:column;align-items:center;text-align:center}.flashcard,.flip-card{border-radius:var(--r-lg)}.flip-card{perspective:1600px;cursor:pointer;animation:card-in .26s cubic-bezier(.2,.8,.2,1);-webkit-tap-highlight-color:transparent}@keyframes card-in{0%{opacity:0;transform:translateX(48px) scale(.98)}to{opacity:1;transform:none}}@keyframes card-out{to{opacity:0;transform:translateX(-48px) scale(.98)}}.flip-card.is-leaving{animation:card-out .16s ease-in forwards;pointer-events:none}@keyframes count-pop{0%{transform:scale(1)}40%{transform:scale(1.3);color:var(--accent-700)}to{transform:scale(1)}}.count-pop{display:inline-block;animation:count-pop .3s var(--ease)}@media (prefers-reduced-motion:reduce){@keyframes card-in{0%{opacity:0}to{opacity:1}}@keyframes card-out{to{opacity:0}}.count-pop{animation:none}}.flip-card:focus-visible{box-shadow:var(--focus)}.flip-inner{display:grid;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.3,.7,.2,1)}.flip-inner.is-flipped{transform:rotateY(180deg)}.flip-face{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-front>:first-child{margin-top:auto}.flip-back{transform:rotateY(180deg);padding-top:var(--s5);gap:var(--s3)}.flip-card:hover .flashcard{border-color:var(--line-strong)}.flip-hint{margin-top:auto;padding-top:var(--s6);display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--ink-500)}.flip-hint svg{width:14px;height:14px}.flip-back .flip-hint{padding-top:var(--s4)}.card-back-en{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--ink-500);padding-bottom:var(--s3);border-bottom:1px solid var(--line);width:100%}.flashcard:before{content:"";position:absolute;inset:-1px -1px auto;height:3px;border-radius:var(--r-lg) var(--r-lg) 0 0;background:transparent;transition:background .12s var(--ease)}.flashcard-success:before{background:var(--answer-yes)}.flashcard-warning:before{background:var(--answer-ok)}.flashcard-danger:before{background:var(--answer-no)}.card-tag{font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500);max-width:100%;overflow-wrap:anywhere}.card-tag:lang(ja){letter-spacing:.02em}.card-chunk-en{font-family:var(--font-serif);font-size:2.5rem;font-weight:500;letter-spacing:-.02em;line-height:1.2;margin-top:var(--s5);overflow-wrap:break-word;max-width:100%}.card-pronunciation{font-size:var(--text-base);color:var(--ink-500);margin-top:var(--s2)}.card-chunk-ja{font-size:var(--text-xl);font-weight:600;line-height:1.6;overflow-wrap:break-word;max-width:100%}.card-word{font-size:var(--text-base);color:var(--ink-700)}.card-word strong{font-weight:600;color:var(--ink-900)}.card-conjugation{color:var(--ink-500)}.card-meaning{font-size:var(--text-md);color:var(--ink-700);text-align:left;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s3) var(--s4);width:100%;line-height:1.8}.rt-word{font-family:var(--font-serif);font-weight:600;color:var(--ink-900)}.rt-pron,.rt-reading{color:var(--ink-500)}.rt-reading{font-size:.8em}.rt-colloc{background:var(--accent-50);color:inherit;border-radius:2px;padding:0 2px;box-shadow:inset 0 -1px 0 var(--accent-100)}.card-examples{text-align:left;width:100%;padding-left:var(--s4);border-left:2px solid var(--line)}.example-en{font-family:var(--font-serif);font-size:var(--text-base);color:var(--ink-900);margin-bottom:2px}.example-ja{font-size:var(--text-md);color:var(--ink-500);line-height:1.8}.answer-buttons{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--s3);gap:var(--s3);margin-top:var(--s4);width:100%}.btn-good,.btn-not-yet,.btn-okay{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:72px;padding:0 var(--s3);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line-strong);color:var(--ink-900);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:border-color .12s var(--ease),background .12s var(--ease)}.btn-good:after,.btn-not-yet:after,.btn-okay:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:transparent;transition:background .12s var(--ease)}.answer-symbol{width:24px;height:24px;stroke-width:2.5;margin-bottom:2px}.btn-not-yet .answer-symbol{color:var(--answer-no)}.btn-okay .answer-symbol{color:var(--answer-ok)}.btn-good .answer-symbol{color:var(--answer-yes)}@media (hover:hover) and (pointer:fine){.btn-not-yet:hover:after{background:var(--answer-no)}.btn-okay:hover:after{background:var(--answer-ok)}.btn-good:hover:after{background:var(--answer-yes)}.btn-not-yet:hover{background:var(--answer-no-tint);border-color:var(--answer-no-line)}.btn-okay:hover{background:var(--answer-ok-tint);border-color:var(--answer-ok-line)}.btn-good:hover{background:var(--answer-yes-tint);border-color:var(--answer-yes-line)}}.btn-not-yet:active{background:var(--answer-no-tint);border-color:var(--answer-no-line)}.btn-okay:active{background:var(--answer-ok-tint);border-color:var(--answer-ok-line)}.btn-good:active{background:var(--answer-yes-tint);border-color:var(--answer-yes-line)}.btn-good,.btn-not-yet,.btn-okay{-webkit-tap-highlight-color:transparent}.btn-good.is-chosen,.btn-not-yet.is-chosen,.btn-okay.is-chosen{transform:scale(.96);border-width:2px}.btn-not-yet.is-chosen{background:var(--answer-no-chosen);border-color:var(--answer-no)}.btn-okay.is-chosen{background:var(--answer-ok-chosen);border-color:var(--answer-ok)}.btn-good.is-chosen{background:var(--answer-yes-chosen);border-color:var(--answer-yes)}.btn-not-yet.is-chosen:after{background:var(--answer-no)}.btn-okay.is-chosen:after{background:var(--answer-ok)}.btn-good.is-chosen:after{background:var(--answer-yes)}.btn-good,.btn-not-yet,.btn-okay{transition:border-color .12s var(--ease),background .12s var(--ease),transform .1s var(--ease)}@media (prefers-reduced-motion:reduce){.btn-good.is-chosen,.btn-not-yet.is-chosen,.btn-okay.is-chosen{transform:none}}.answer-symbol-sm{width:12px;height:12px;stroke-width:2.75;margin-right:5px;vertical-align:-1px}.done-stats .is-no .answer-symbol-sm{color:var(--answer-no)}.done-stats .is-ok .answer-symbol-sm{color:var(--answer-ok)}.done-stats .is-yes .answer-symbol-sm{color:var(--answer-yes)}@media (hover:none),(pointer:coarse){.keyboard-only{display:none}}.btn-good:disabled,.btn-not-yet:disabled,.btn-okay:disabled{cursor:default;color:var(--ink-900)}.done-bar{margin-top:var(--s5)}.spin{animation:spin .8s linear infinite}.session-done{width:100%;max-width:520px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s6)}.session-done h2{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:500;letter-spacing:-.02em;margin:var(--s2) 0 var(--s1)}.session-done>p{color:var(--ink-500)}.done-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:var(--s5) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.done-stats>div{padding:var(--s4) 0}.done-stats>div+div{padding-left:var(--s4);border-left:1px solid var(--line)}.done-stats b{display:block;font-size:var(--text-xl);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.done-stats span{font-size:var(--text-sm);color:var(--ink-500)}.done-actions{display:flex;gap:var(--s2);margin-top:var(--s5);flex-wrap:wrap}.save-status{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--ink-500)}.save-status svg{width:14px;height:14px}.save-status.ok{color:var(--pos)}.class-picker{width:100%;max-width:480px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s6)}.class-picker h2{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:500;margin:var(--s2) 0 var(--s1)}.class-picker-sub{color:var(--ink-500);margin-bottom:var(--s5)}.class-picker-grid{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}.btn-class{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 var(--s4);background:var(--surface);border:0;border-top:1px solid var(--line);font-size:var(--text-base);font-weight:500;cursor:pointer;text-align:left}.btn-class:first-child{border-top:0}.btn-class svg{width:16px;height:16px;color:var(--ink-300)}.btn-class:hover:not(:disabled){background:var(--surface-2)}.btn-class:hover:not(:disabled) svg{color:var(--accent-700)}.btn-class:disabled{opacity:.5;cursor:not-allowed}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--s3);gap:var(--s3)}.mode-option{position:relative;display:flex;flex-direction:column;gap:var(--s1);padding:var(--s4);border:1px solid var(--line-strong);border-radius:var(--r-lg);cursor:pointer;background:var(--surface);transition:border-color .12s var(--ease),box-shadow .12s var(--ease)}.mode-option input{position:absolute;opacity:0;pointer-events:none}.mode-option:hover{border-color:var(--ink-300)}.mode-option.checked{border-color:var(--accent-700);box-shadow:inset 0 0 0 1px var(--accent-700);background:var(--accent-50)}.mode-option:has(input:focus-visible){box-shadow:var(--focus)}.mode-option strong{font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:var(--s2)}.mode-option .radio{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--line-strong);flex-shrink:0}.mode-option.checked .radio{border:5px solid var(--accent-700)}.mode-desc{font-size:var(--text-sm);color:var(--ink-500)}.plan-days{display:flex;gap:4px;margin-top:var(--s2)}.plan-days span{flex:1 1;height:22px;border-radius:var(--r-sm);background:var(--hover);font-size:10px;font-weight:600;color:var(--ink-500);display:flex;align-items:center;justify-content:center}.plan-days span.review{background:var(--accent-50);color:var(--accent-800)}.settings-steps-title{margin:var(--s6) 0 var(--s3)}.level-group{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}.level-group+.level-group{margin-top:var(--s3)}.level-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s4) var(--s5);flex-wrap:wrap}.level-head h3{font-size:var(--text-base);font-weight:600}.level-head .text-muted{font-size:var(--text-sm);margin-left:var(--s2);font-weight:400}.level-body{padding:0 var(--s5) var(--s5)}.steps-header-actions{display:flex;gap:var(--s3)}.step-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));grid-gap:var(--s2);gap:var(--s2)}.step-chip{display:flex;flex-direction:column;gap:0;padding:var(--s2) var(--s3);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);font-size:var(--text-md);font-weight:500;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:border-color .12s var(--ease),background .12s var(--ease)}.step-chip small{font-size:var(--text-xs);font-weight:400;color:var(--ink-500)}.step-chip input{position:absolute;opacity:0;pointer-events:none}.step-chip:hover{border-color:var(--ink-300)}.step-chip.checked{background:var(--accent-50);border-color:var(--accent-700);box-shadow:inset 0 0 0 1px var(--accent-700);color:var(--accent-800)}.step-chip.checked small{color:var(--accent-700)}.step-chip:has(input:focus-visible){box-shadow:var(--focus)}.save-bar{position:-webkit-sticky;position:sticky;bottom:0;z-index:20;margin-top:var(--s5);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-overlay);padding:var(--s3) var(--s4);display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap}.save-bar-summary{font-size:var(--text-md);color:var(--ink-700)}.save-bar-summary b{color:var(--ink-900);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.save-bar-actions{display:flex;align-items:center;gap:var(--s3)}@media (max-width:767px){.save-bar{bottom:calc(64px + env(safe-area-inset-bottom))}}.doc-page{position:relative}.doc-page[data-show=en] .doc-lang[data-lang=ja],.doc-page[data-show=ja] .doc-lang[data-lang=en]{display:none}.doc-switch{position:absolute;right:var(--s6);top:var(--s6);z-index:1}.doc-lang .page-header{padding-right:180px}@media (max-width:900px){.doc-switch{position:static;margin-bottom:var(--s3)}.doc-lang .page-header{padding-right:0}}.doc-layout{display:grid;grid-template-columns:220px minmax(0,1fr);grid-gap:var(--s7);gap:var(--s7);align-items:start}.doc-toc{position:-webkit-sticky;position:sticky;top:var(--s5);max-height:calc(100dvh - var(--s7));overflow-y:auto;display:flex;flex-direction:column;gap:var(--s4);font-size:var(--text-sm)}.student-shell .doc-toc{top:calc(var(--topbar-h) + var(--s5));max-height:calc(100dvh - var(--topbar-h) - var(--s7))}.student-shell .doc-section{scroll-margin-top:calc(var(--topbar-h) + var(--s4))}.doc-toc-group{display:flex;flex-direction:column;gap:1px}.doc-toc-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500);margin-bottom:var(--s1)}.doc-toc a{color:var(--ink-500);text-decoration:none;padding:3px 0 3px var(--s3);border-left:1px solid var(--line);line-height:1.4}.doc-toc a:hover{color:var(--accent-700);border-left-color:var(--accent-700)}.doc-body{max-width:72ch;min-width:0}.doc-updated{white-space:nowrap}.doc-group+.doc-group{margin-top:var(--s6)}.doc-group-label{margin-bottom:var(--s2);color:var(--accent-700)}.doc-section{padding:var(--s5) 0;border-top:1px solid var(--line);scroll-margin-top:var(--s5)}.doc-group .doc-section:first-of-type{border-top:0;padding-top:var(--s2)}.doc-section h2{font-size:var(--text-lg);font-weight:600;letter-spacing:-.01em;margin-bottom:var(--s3);display:flex;gap:var(--s3);align-items:baseline}.doc-section h2 .num{font-family:var(--font-serif);color:var(--accent-700);font-weight:500}.doc-section h3{font-size:var(--text-base);font-weight:600;margin:var(--s4) 0 var(--s2)}.doc-section p{margin-bottom:var(--s3)}.doc-section p,.doc-section ul{color:var(--ink-700);font-size:var(--text-base);line-height:1.7}.doc-section ul{margin:0 0 var(--s3) var(--s5)}.doc-section li+li{margin-top:2px}.doc-section strong{color:var(--ink-900);font-weight:600}.doc-section .kbd,.doc-section kbd{font-family:var(--font-sans)}.doc-steps{counter-reset:step;list-style:none;margin:0 0 var(--s4);padding:0;display:flex;flex-direction:column;gap:var(--s2)}.doc-steps>li{counter-increment:step;position:relative;padding-left:36px;color:var(--ink-700);font-size:var(--text-base);line-height:1.7}.doc-steps>li:before{content:counter(step);position:absolute;left:0;top:2px;width:24px;height:24px;border-radius:50%;background:var(--accent-50);color:var(--accent-800);font-size:var(--text-xs);font-weight:700;display:flex;align-items:center;justify-content:center}.doc-callout{display:flex;gap:var(--s3);padding:var(--s3) var(--s4);margin:0 0 var(--s4);border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);font-size:var(--text-md);line-height:1.65;color:var(--ink-700)}.doc-callout svg{width:18px;height:18px;flex-shrink:0;margin-top:3px}.doc-callout-title{display:block;font-weight:600;color:var(--ink-900);margin-bottom:2px}.doc-callout p{font-size:var(--text-md);margin-bottom:var(--s1)}.doc-callout p:last-child{margin-bottom:0}.doc-callout-tip{border-left:3px solid var(--pos)}.doc-callout-tip svg{color:var(--pos)}.doc-callout-note{border-left:3px solid var(--accent-600)}.doc-callout-note svg{color:var(--accent-700)}.doc-callout-warning{border-left:3px solid var(--warn);background:var(--warn-50)}.doc-callout-warning svg{color:var(--warn)}.doc-table-wrap{overflow-x:auto;margin:0 0 var(--s4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.doc-table{width:100%;border-collapse:collapse;font-size:var(--text-md)}.doc-table th{text-align:left;font-weight:600;font-size:var(--text-xs);color:var(--ink-500);background:var(--surface-2);padding:var(--s2) var(--s3);border-bottom:1px solid var(--line);white-space:nowrap}.doc-table td{padding:var(--s2) var(--s3);border-top:1px solid var(--line);vertical-align:top;color:var(--ink-700);line-height:1.6}.doc-table tr:first-child td{border-top:0}.doc-faq{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);margin-bottom:var(--s2)}.doc-faq summary{cursor:pointer;padding:var(--s3) var(--s4);font-weight:600;color:var(--ink-900);list-style:none;display:flex;justify-content:space-between;gap:var(--s3)}.doc-faq summary::-webkit-details-marker{display:none}.doc-faq summary:after{content:"+";color:var(--ink-500);font-weight:400}.doc-faq[open] summary:after{content:"−"}.doc-faq>div{padding:0 var(--s4) var(--s3)}.doc-faq>div p{font-size:var(--text-md)}.doc-footer{margin-top:var(--s6);padding:var(--s5);border-radius:var(--r-lg);background:var(--accent-50);border:1px solid var(--accent-100);color:var(--ink-700);line-height:1.7}.doc-footer strong{color:var(--ink-900);display:block;margin-bottom:var(--s1)}.doc-section :lang(ja),.doc-section.ja li,.doc-section.ja p{line-height:1.9}.segmented{display:inline-flex;padding:2px;background:var(--hover);border-radius:var(--r-md);gap:2px}.segmented a,.segmented button{height:28px;padding:0 var(--s3);border:0;border-radius:var(--r-sm);background:transparent;font-size:var(--text-sm);font-weight:500;color:var(--ink-500);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}.segmented a[aria-current=true],.segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink-900);box-shadow:0 1px 2px rgb(17 24 39/.08)}@media (max-width:860px){.doc-layout{grid-template-columns:1fr;gap:var(--s4)}.doc-toc{display:none}}.legend-mark{font-weight:700;font-size:13px;line-height:1}.filter-bar{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.filter-bar select{width:auto;min-width:160px;height:32px}.stat-of{font-size:var(--text-base);font-weight:500;color:var(--ink-500);letter-spacing:0}.overview-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-gap:var(--s4);gap:var(--s4);align-items:start}.overview-side{display:flex;flex-direction:column;gap:var(--s4)}.table-section{margin-top:var(--s6)}.count-pill{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;margin-left:6px;border-radius:999px;background:var(--hover);color:var(--ink-700);font-size:var(--text-xs);font-weight:600;vertical-align:2px}.card-foot-note{margin-top:var(--s4);padding-top:var(--s3);border-top:1px solid var(--line);font-size:var(--text-xs);color:var(--ink-500)}.empty-state.compact{padding:var(--s6) var(--s4)}.meter{display:inline-flex;align-items:center;gap:var(--s2);min-width:120px}.meter .bar{flex:1 1;min-width:56px;max-width:96px}.meter .tnum{min-width:36px;font-size:var(--text-sm)}.attention-who{min-width:0}.attention-reasons{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}@media (max-width:900px){.overview-grid{grid-template-columns:1fr}}@media (max-width:600px){.attention-list li{grid-template-columns:1fr;gap:6px}.attention-reasons{justify-content:flex-start}}.toolbar{align-items:center;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s3)}.toolbar,.toolbar-right{display:flex;flex-wrap:wrap}.toolbar-right{gap:var(--s2)}.toolbar-right input[type=search]{width:240px;height:32px}.toolbar-right select{width:auto;min-width:150px;height:32px}.seg-count{margin-left:6px;font-size:var(--text-xs)}.seg-count,.segmented [aria-pressed=true] .seg-count,.student-table .sub{color:var(--ink-500)}.student-table .sub{display:block;font-size:var(--text-xs);font-weight:400}.td-person{max-width:260px}.td-person .sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dot-flag{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--neg);margin-left:6px;vertical-align:2px}.text-neg{color:var(--neg);font-weight:600}.study-cell{display:flex;flex-direction:column;align-items:flex-start;gap:2px;max-width:220px}.table-hint{margin-top:var(--s3)}@media (max-width:900px){.toolbar-right,.toolbar-right input[type=search],.toolbar-right select{width:100%}.toolbar .segmented{overflow-x:auto;max-width:100%}}.breadcrumbs{display:flex;align-items:center;gap:4px;font-size:var(--text-sm);color:var(--ink-500);margin-bottom:var(--s4);min-width:0}.breadcrumbs a{color:var(--ink-500);text-decoration:none}.breadcrumbs a:hover{color:var(--accent-700)}.breadcrumbs svg{width:14px;height:14px;flex-shrink:0}.breadcrumbs [aria-current]{color:var(--ink-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-header{display:flex;align-items:center;gap:var(--s4);margin-bottom:var(--s5)}.avatar-lg{width:48px;height:48px;font-size:var(--text-base)}.profile-id{flex:1 1;min-width:0}.profile-meta{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;color:var(--ink-500);margin-top:2px;min-width:0}.profile-meta .truncate{max-width:320px}.profile-actions{display:flex;gap:var(--s2)}.tabs{display:flex;gap:var(--s5);border-bottom:1px solid var(--line);margin-bottom:var(--s5);overflow-x:auto}.tab{position:relative;height:40px;padding:0;border:0;background:none;font-size:var(--text-md);font-weight:500;color:var(--ink-500);cursor:pointer;white-space:nowrap}.tab:hover,.tab[aria-selected=true]{color:var(--ink-900)}.tab[aria-selected=true]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent-700)}.stat-number.stat-text{font-size:var(--text-xl);line-height:1.5}.result-mark{display:inline-flex;align-items:center;gap:6px;font-weight:500}.result-mark svg{width:14px;height:14px;stroke-width:2.75}.mark-yes svg{color:var(--answer-yes)}.mark-ok svg{color:var(--answer-ok)}.mark-no svg{color:var(--answer-no)}.settings-stack{display:flex;flex-direction:column;gap:var(--s4)}.detail-list{display:grid;grid-template-columns:1fr}.detail-list>div{display:grid;grid-template-columns:160px minmax(0,1fr);grid-gap:var(--s4);gap:var(--s4);padding:var(--s3) 0;border-top:1px solid var(--line)}.detail-list>div:first-child{border-top:0}.detail-list dt{color:var(--ink-500)}.detail-list dd{color:var(--ink-900);font-weight:500}.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;border-color:var(--neg-line)}.step-grid.compact{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}.step-grid.compact .step-chip{padding:6px var(--s2);font-size:var(--text-sm);text-align:center}@media (max-width:600px){.profile-header{flex-wrap:wrap}.profile-actions{width:100%}.profile-actions>*{flex:1 1}.detail-list>div{grid-template-columns:1fr;gap:2px}}.callout{justify-content:space-between;flex-wrap:wrap;margin-bottom:var(--s4)}.td-actions{width:1%;white-space:nowrap;text-align:right}.pick-list{margin-top:var(--s3);border:1px solid var(--line);border-radius:var(--r-md);max-height:50dvh;overflow-y:auto}.pick-row{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);border-top:1px solid var(--line);cursor:pointer}.pick-row:first-child{border-top:0}.pick-row:hover{background:var(--surface-2)}.pick-name{flex:1 1;min-width:0;font-weight:500}.pick-name .sub{display:block;font-size:var(--text-xs);color:var(--ink-500);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pick-list .empty-note{padding:var(--s4)}.wordbank-header-actions{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.wordbank-layout{display:grid;grid-template-columns:232px minmax(0,1fr);grid-gap:var(--s4);gap:var(--s4);align-items:start}.level-tree{display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s2)}.tree-item{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);width:100%;min-height:34px;padding:0 var(--s3);border:0;border-radius:var(--r-md);background:none;text-align:left;font-size:var(--text-md);color:var(--ink-700);cursor:pointer}.tree-item:hover{background:var(--hover);color:var(--ink-900)}.tree-item.is-active{background:var(--accent-50);color:var(--accent-800);font-weight:600}.tree-level{font-weight:500}.tree-steps{display:flex;flex-direction:column;gap:1px;margin:2px 0 var(--s2) var(--s3);padding-left:var(--s2);border-left:1px solid var(--line)}.tree-step{min-height:30px;font-size:var(--text-sm)}.tree-count{font-size:var(--text-xs);color:var(--ink-500);font-weight:500}.tree-item.is-active .tree-count{color:var(--accent-700)}.tree-empty{padding:var(--s1) var(--s3);font-size:var(--text-sm)}.tree-select{display:none}.wordbank-table-section{padding:var(--s4);min-width:0}.toolbar-title{display:flex;align-items:baseline;gap:var(--s3);min-width:0}.row-click,.row-open{cursor:pointer}.row-open{background:none;border:0;padding:0;text-align:left;color:var(--ink-900);font-size:var(--text-base)}.row-open:hover{color:var(--accent-700);text-decoration:underline;text-underline-offset:3px}.td-ja{color:var(--ink-700);max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-more{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-top:1px solid var(--line)}.wordbank-table-wrap .student-table th{position:-webkit-sticky;position:sticky;top:0;z-index:1}@media (min-width:768px){body.wordbank-lock-scroll{overflow:hidden}.wordbank-page{height:calc(100dvh - var(--topbar-h));display:flex;flex-direction:column;padding-bottom:var(--s4)}.wordbank-layout{flex:1 1;min-height:0;align-items:stretch}.level-tree{overflow-y:auto}.wordbank-table-section{display:flex;flex-direction:column;min-height:0}.wordbank-table-wrap{flex:1 1;min-height:0;overflow:auto}}@media (min-width:1024px){.wordbank-page{height:100dvh}}@media (max-width:767px){.wordbank-layout{grid-template-columns:1fr}.level-tree{display:none}.tree-select{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s2);gap:var(--s2)}.tree-select select{height:36px}.wordbank-table-section{padding:var(--s3)}.td-ja{display:none}}.card-preview{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s3);gap:var(--s3);margin-bottom:var(--s5);padding:var(--s3);background:var(--canvas);border-radius:var(--r-lg)}.card-preview-side{display:flex;flex-direction:column;gap:6px;min-width:0}.card-preview-label{font-size:var(--text-xs);font-weight:600;color:var(--ink-500);text-transform:uppercase;letter-spacing:.06em}.preview-face{min-height:0;padding:var(--s4) var(--s3);gap:6px;font-size:12px;justify-content:center}.preview-face .card-tag{font-size:9px}.preview-face .card-chunk-en{font-size:1.125rem;margin-top:var(--s2)}.preview-face .card-pronunciation{font-size:11px;margin-top:0}.preview-face .card-back-en{font-size:12px;padding-bottom:6px}.preview-face .card-chunk-ja{font-size:13px}.preview-face .card-word{font-size:12px}.preview-face .card-meaning{font-size:11px;padding:6px 8px;line-height:1.6}.preview-face .card-examples{padding-left:8px}.preview-face .example-en{font-size:12px}.preview-face .example-ja{font-size:11px;line-height:1.6}.flip-back-static{justify-content:flex-start}.field-hint{font-size:var(--text-xs);color:var(--ink-500)}.field-inline{display:grid;grid-template-columns:96px 1fr;align-items:center;grid-gap:var(--s3);gap:var(--s3)}.field-inline label{margin:0}.stepper{display:flex;gap:var(--s4);margin-top:var(--s2);flex-wrap:wrap}.stepper>span{gap:6px;font-size:var(--text-sm);color:var(--ink-500)}.stepper b,.stepper>span{display:inline-flex;align-items:center}.stepper b{justify-content:center;width:20px;height:20px;border-radius:50%;border:1.5px solid;font-size:11px}.stepper .is-current{color:var(--accent-700);font-weight:600}.stepper .is-done{color:var(--ink-700)}.stepper .is-done b{background:var(--ink-700);border-color:var(--ink-700);color:var(--surface)}.drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:var(--s7) var(--s5);border:1.5px dashed var(--line-strong);border-radius:var(--r-lg);background:var(--surface-2);color:var(--ink-500);cursor:pointer;transition:border-color .12s var(--ease),background .12s var(--ease)}.drop-zone svg{width:28px;height:28px;color:var(--accent-700);margin-bottom:4px}.drop-zone strong{color:var(--ink-900);font-weight:600}.drop-zone.is-dragging,.drop-zone:hover{border-color:var(--accent-700);background:var(--accent-50)}.drop-zone:has(input:focus-visible){box-shadow:var(--focus)}.import-columns{margin-top:var(--s4);line-height:1.9}.import-columns code{margin-right:4px}.import-file{font-weight:500;margin-bottom:var(--s3);word-break:break-all}.import-summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;margin-bottom:var(--s3)}.import-summary>*{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--s3);background:var(--surface);border:0;border-left:1px solid var(--line);font-size:var(--text-xs);color:var(--ink-500);text-align:left}.import-summary>:first-child{border-left:0}.import-summary button{cursor:pointer}.import-summary button:hover{background:var(--surface-2)}.import-summary b{font-size:var(--text-xl);color:var(--ink-900);font-weight:600}.import-summary .is-active{background:var(--accent-50);box-shadow:inset 0 -2px 0 var(--accent-700)}.import-summary .has-issues b{color:var(--neg)}.import-list{max-height:280px;overflow:auto;border:1px solid var(--line);border-radius:var(--r-md)}.import-list .empty-note{padding:var(--s4)}.import-list .student-table td{height:36px}.chip-list{display:flex;flex-wrap:wrap;gap:4px}.import-progress{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s3);padding:var(--s5) 0}.import-done-icon{width:36px;height:36px;color:var(--pos)}.import-bar{width:100%;height:8px}.dialog-modal.dialog-wide{width:min(680px,calc(100vw - 32px))}@media (max-width:600px){.card-preview{grid-template-columns:1fr}.import-summary{grid-template-columns:repeat(2,1fr)}.import-summary>:nth-child(3){border-left:0}}@keyframes shimmer{0%{opacity:.55}50%{opacity:1}to{opacity:.55}}.skeleton{background:var(--line);border-radius:var(--r-md);animation:shimmer 1.4s ease-in-out infinite}.skeleton-title{width:220px;height:28px;margin-bottom:var(--s3)}.skeleton-line{width:360px;max-width:80%;height:14px;margin-bottom:var(--s5)}.skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--s4);gap:var(--s4);margin-bottom:var(--s4)}.skeleton-card{height:96px;border-radius:var(--r-lg)}.skeleton-block{height:260px;border-radius:var(--r-lg)}.standalone-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--s5)}.standalone-page .card{max-width:440px;width:100%}.empty-state .brand-mark-lg{width:48px;height:48px;margin-bottom:var(--s2)}.attention-list{list-style:none}.attention-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:var(--s3);gap:var(--s3);align-items:center;padding:var(--s3) 0;border-top:1px solid var(--line)}.attention-list li:first-child{border-top:0;padding-top:0}.attention-list a{color:var(--ink-900);text-decoration:none;font-weight:500}.attention-list a:hover{text-decoration:underline;text-underline-offset:3px}.attention-list .sub{display:block;font-size:var(--text-sm);color:var(--ink-500);font-weight:400}.preview-hub{max-width:960px;margin:0 auto;padding:var(--s7) var(--s5)}.preview-hub-header h1{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:500;margin:var(--s2) 0}.preview-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--s4);gap:var(--s4);margin-top:var(--s6)}.preview-role{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s5);display:flex;flex-direction:column;gap:var(--s4)}.preview-role.is-current{border-color:var(--accent-700)}.preview-role h2{font-size:var(--text-base);font-weight:600}.preview-links{list-style:none;display:flex;flex-direction:column;gap:var(--s2)}.preview-signed-out{margin-top:var(--s5)}.preview-links a{color:var(--ink-900);font-weight:500}@media (max-width:760px){.preview-hub-grid{grid-template-columns:1fr}}@media (max-width:900px){.page-container{padding:var(--s5) var(--s4) var(--s7)}.progress-grid{grid-template-columns:1fr}.progress-grid .span-2{grid-column:auto}}@media (max-width:700px){.flashcard{padding:var(--s6) var(--s4) var(--s5);min-height:300px}.card-chunk-en{font-size:1.875rem;margin-top:var(--s4)}.bulk-bar{align-items:stretch}.bulk-bar .btn-primary,.bulk-bar select{width:100%}.field-row,.mode-grid{grid-template-columns:1fr}.session-card-body{padding:var(--s5)}.session-card-foot{padding:var(--s3) var(--s5)}.session-card-body .btn-accent,.session-card-body .btn-primary{width:100%}}@media (max-width:600px){.page-title{font-size:var(--text-lg)}.greeting h1{font-size:var(--text-xl)}.answer-buttons{gap:var(--s2)}.btn-good,.btn-not-yet,.btn-okay{height:68px;font-size:var(--text-md)}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-card{border-bottom:1px solid var(--line);margin-bottom:-1px}.done-stats b{font-size:var(--text-lg)}}@media (max-width:480px){.done-actions>*{flex:1 1}.student-table td,.student-table th{padding-left:var(--s3);padding-right:var(--s3)}}.legal-back{display:inline-flex;align-items:center;gap:var(--s2);height:36px;padding:0 var(--s3);border-radius:var(--r-md);color:var(--chrome-muted);text-decoration:none;font-weight:500;white-space:nowrap}.legal-back svg{width:16px;height:16px}.legal-back:hover{color:var(--chrome-text);background:var(--chrome-hover)}.legal-links{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s3);font-size:var(--text-sm);color:var(--ink-500)}.legal-links a{color:inherit}.legal-links a:hover{color:var(--accent-700)}@media (max-width:767px){.legal-shell .topnav{display:flex;flex:1 1;justify-content:center}.legal-shell .topnav a{padding:0 var(--s2);font-size:var(--text-sm)}.legal-back span,.legal-shell .brand-name,.legal-shell .topnav a svg{display:none}.legal-back{padding:0 var(--s2)}}.doc-footer .legal-links{margin-top:var(--s2)}.staging-banner{position:relative;z-index:400;background:#B45309;color:#FFFFFF;font-size:var(--text-sm);text-align:center;padding:6px var(--s4)}.staging-banner strong{font-weight:700}.analytics-grid,.analytics-grid+.card,.analytics-page .card+.card{margin-top:var(--s4)}.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--s4);gap:var(--s4);align-items:start}.analytics-card .section-head{margin-bottom:var(--s2)}.insight{display:flex;gap:var(--s2);align-items:flex-start;margin:0 0 var(--s4);padding:var(--s2) var(--s3);background:var(--accent-50);border-radius:var(--r-md);font-size:var(--text-sm);color:var(--ink-900);line-height:1.5}.insight svg{width:16px;height:16px;flex-shrink:0;margin-top:2px;color:var(--accent-700)}.segments-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-gap:var(--s5);gap:var(--s5);align-items:start}@media (max-width:1000px){.analytics-grid,.segments-layout{grid-template-columns:1fr}}.chart-block{display:grid;grid-gap:var(--s3);gap:var(--s3)}.chart-wrap{position:relative}.chart-caption{font-size:var(--text-xs);font-weight:600;color:var(--ink-500);margin-bottom:var(--s1)}.chart-svg{display:block;max-width:100%;overflow:visible}.chart-svg rect[tabindex]:focus{outline:none}.chart-svg rect[tabindex]:focus-visible{fill:var(--accent-50);fill-opacity:.6}.chart-grid{stroke:var(--line);stroke-width:1}.chart-axis{fill:var(--ink-500);font-size:11px;font-family:var(--font-sans);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chart-bar{fill:var(--accent-600);transition:fill .12s var(--ease)}.chart-bar.is-hover{fill:var(--accent-800)}.chart-line{fill:none;stroke:var(--accent-600);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart-dot{fill:var(--accent-600);stroke:var(--surface);stroke-width:2}.chart-crosshair,.chart-split{stroke:var(--ink-300);stroke-width:1}.chart-quadrant{fill:var(--ink-500);font-size:11px;font-weight:600;font-family:var(--font-sans)}.chart-point{fill:var(--accent-600);fill-opacity:.85;stroke:var(--surface);stroke-width:2;pointer-events:none;transition:r .12s var(--ease)}.chart-tip{position:absolute;z-index:5;transform:translate(-50%,calc(-100% - 8px));pointer-events:none;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-overlay);padding:6px 10px;font-size:var(--text-xs);color:var(--ink-500);white-space:nowrap;display:grid;grid-gap:2px;gap:2px}.chart-tip-title{color:var(--ink-700);font-weight:600}.chart-tip-row b{color:var(--ink-900);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.table-view{font-size:var(--text-sm)}.table-view summary{cursor:pointer;color:var(--accent-700);font-size:var(--text-xs);font-weight:500;width:-moz-fit-content;width:fit-content}.table-view[open] summary{margin-bottom:var(--s2)}.wh-grid{display:grid;grid-template-columns:34px repeat(24,minmax(0,1fr));grid-gap:2px;gap:2px}.wh-row{display:contents}.wh-cell{aspect-ratio:1;min-height:10px;border-radius:2px;background:var(--hover)}.wh-cell:hover{outline:2px solid var(--ink-700);outline-offset:-1px}.chart-axis-html{font-size:10px;color:var(--ink-500);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.wh-hour{text-align:left}.scale-legend,.wh-day{display:flex;align-items:center}.scale-legend{gap:var(--s2);font-size:var(--text-xs);color:var(--ink-500)}.scale-ramp{width:96px;height:8px;border-radius:4px;background:linear-gradient(90deg,var(--hover),color-mix(in srgb,var(--accent-600) 12%,var(--surface)),var(--accent-600))}.mix-rows{grid-gap:var(--s3)}.mix-row,.mix-rows{display:grid;gap:var(--s3)}.mix-row{grid-template-columns:minmax(120px,11rem) minmax(0,1fr) 44px;align-items:center;grid-gap:var(--s3);border-radius:var(--r-sm)}.mix-row:focus-visible{box-shadow:var(--focus);outline:none}.mix-label{font-size:var(--text-sm);color:var(--ink-700)}.mix-bar{display:flex;gap:2px;height:14px}.mix-bar span{height:100%}.mix-bar span:first-child{border-radius:4px 0 0 4px}.mix-bar span:last-child{border-radius:0 4px 4px 0}.mix-bar span:only-child{border-radius:4px}.mix-empty{flex:1 1;background:var(--hover)}.mix-value{font-size:var(--text-sm);font-weight:600;text-align:right;color:var(--ink-900)}.segment-groups{display:grid;grid-gap:var(--s2);gap:var(--s2)}.segment{border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s2) var(--s3);background:var(--surface)}.segment summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none}.segment summary::-webkit-details-marker{display:none}.segment-name{font-weight:600;font-size:var(--text-sm)}.segment-atRisk .segment-name,.segment-struggling .segment-name{color:var(--neg)}.segment-inactive .segment-name,.segment-underPractising .segment-name{color:var(--warn)}.segment-onTrack .segment-name{color:var(--pos)}.segment-advice{font-size:var(--text-xs);color:var(--ink-500);margin-top:var(--s1)}.segment-list{list-style:none;margin:var(--s2) 0 0;padding:0;display:grid;grid-gap:4px;gap:4px;max-height:220px;overflow:auto}.segment-list li{display:flex;justify-content:space-between;gap:var(--s2);font-size:var(--text-sm)}.segment-list .text-muted{font-size:var(--text-xs);white-space:nowrap}.mini-mix{display:inline-flex;gap:2px;width:120px;height:8px;vertical-align:middle}.mini-mix span{height:100%}.mini-mix span:first-child{border-radius:4px 0 0 4px}.mini-mix span:last-child{border-radius:0 4px 4px 0}.mini-mix-n{margin-left:var(--s2);font-size:var(--text-xs)}.alert-warn{background:var(--warn-50);border-color:color-mix(in srgb,var(--warn) 30%,var(--surface));color:var(--ink-900);margin-bottom:var(--s4)}