.app-shell{min-height:100%;display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--header-h) 1fr;grid-template-areas:"header header" "sidebar main"}.app-header{grid-area:header;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:0 var(--sp-5);background:var(--surface);border-bottom:1px solid var(--border)}.header-brand{display:flex;align-items:center;padding:var(--sp-2)}.app-sidebar{grid-area:sidebar;position:sticky;top:var(--header-h);align-self:start;height:calc(100vh - var(--header-h));display:flex;flex-direction:column;gap:2px;padding:var(--sp-5) var(--sp-3);background:var(--surface);border-right:1px solid var(--border)}.nav-link{position:relative;display:flex;align-items:center;gap:var(--sp-3);min-height:var(--touch);padding:0 var(--sp-4);border-radius:var(--r-btn);color:var(--text-secondary);font-size:var(--fs-ui);font-weight:600;transition:background-color .15s ease,color .15s ease}.nav-link:hover,.nav-link.active{background:var(--tint);color:var(--navy)}.nav-link.active:before{content:"";position:absolute;left:0;top:50%;translate:0 -50%;width:3px;height:22px;border-radius:var(--r-full);background:var(--gradient)}.nav-icon{font-size:1.05rem;line-height:1}.sidebar-footer{margin-top:auto;padding:var(--sp-4);border-top:1px solid var(--border)}.sidebar-footer strong{color:var(--navy);font-weight:600}.app-main{grid-area:main;width:100%;max-width:var(--content-max);padding:var(--sp-6);padding-bottom:var(--sp-7)}.app-tabbar{display:none}@media(min-width:768px)and (max-width:1100px){.app-shell{grid-template-columns:216px 1fr}.app-main{padding:var(--sp-5)}}@media(max-width:767px){.app-shell{grid-template-columns:1fr;grid-template-areas:"header" "main"}.app-sidebar{display:none}.app-main{padding:var(--sp-5) var(--sp-4);padding-bottom:calc(var(--tabbar-h) + var(--sp-6))}.app-tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;inset:auto 0 0 0;z-index:30;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border)}.tab-link{display:grid;place-content:center;justify-items:center;gap:3px;min-height:var(--touch);color:var(--text-secondary);font-size:var(--fs-meta);font-weight:600}.tab-link .nav-icon{font-size:1.15rem}.tab-link.active{color:var(--theme-blue)}.tab-link.active:before{content:"";position:absolute;top:0;width:28px;height:3px;border-radius:var(--r-full);background:var(--gradient)}.tab-link{position:relative}.tab-label{white-space:nowrap}}.page{display:grid;gap:var(--sp-6);align-content:start}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.page-head>div{display:grid;gap:var(--sp-1)}.page-section{display:grid;gap:var(--sp-4)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3)}.section-link{color:var(--theme-blue);font-size:var(--fs-ui);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.section-link:hover{color:var(--navy)}.row-card{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.row-card>div{display:grid;gap:2px}.chart{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--sp-2);height:190px}.chart-col{display:grid;grid-template-rows:auto 1fr auto;justify-items:center;gap:var(--sp-2)}.chart-track{display:flex;align-items:flex-end;width:100%;max-width:40px;height:100%}.chart-bar{width:100%;min-height:6px;border-radius:var(--r-sm);background:var(--blue)}.filter-row{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.chip{min-height:var(--touch);padding:0 var(--sp-4);border:1px solid var(--border);border-radius:var(--r-btn);background:var(--surface);color:var(--text-secondary);font-size:var(--fs-ui);font-weight:600;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.chip:hover{background:var(--tint);color:var(--navy)}.chip-active{background:var(--tint);border-color:var(--blue);color:var(--theme-blue)}.chip-check{margin-right:var(--sp-1)}.flashcard-row{display:grid;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5)}.flashcard-q{font-family:var(--font-heading);font-size:var(--fs-h3);font-weight:700}.login-page{min-height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--surface)}.login-panel{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--sp-5);width:100%;max-width:520px;margin:0 auto;padding:var(--sp-7) clamp(var(--sp-5),5vw,64px)}.login-copy{display:grid;gap:var(--sp-3)}.login-visual{display:grid;place-items:center;padding:var(--sp-6);background:var(--bg);border-left:1px solid var(--border)}.visual-card{display:grid;gap:var(--sp-3);justify-items:start;width:min(320px,100%);padding:var(--sp-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-md)}.visual-card .progress{width:100%}.visual-q{font-family:var(--font-heading);font-size:var(--fs-h3);font-weight:700}@media(max-width:767px){.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh;padding-block:var(--sp-6)}}.study-card{display:grid;align-content:center;justify-items:start;gap:var(--sp-3);min-height:260px;padding:var(--sp-6);box-shadow:var(--shadow-md)}.study-question{font-family:var(--font-heading);font-size:var(--fs-h2);font-weight:700;line-height:1.25;letter-spacing:-.015em}.study-answer{color:var(--text-secondary)}.study-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3)}@media(max-width:480px){.study-actions{display:grid}.study-actions .btn{width:100%}}.logo{display:block;width:auto;max-width:100%}.stat-card{display:grid;gap:var(--sp-1)}.stat-label{font-size:var(--fs-meta);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.stat-value{font-family:var(--font-body);font-size:2rem;font-weight:700;line-height:1.15;letter-spacing:-.03em;color:var(--navy);font-variant-numeric:tabular-nums}.subject-card{display:grid;gap:var(--sp-4)}.subject-head{display:flex;align-items:center;gap:var(--sp-3)}.subject-emoji{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:var(--r-btn);background:var(--tint);font-size:1.3rem}.subject-meta{display:flex;justify-content:space-between;gap:var(--sp-3)}.subject-meta strong{color:var(--navy);font-weight:600;font-variant-numeric:tabular-nums}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.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:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-latin-wght-normal-BWQ3gi2K.woff2) format("woff2-variations");unicode-range:U+0000-00FF,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:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-latin-ext-wght-normal-DMEAsnHD.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}:root{--navy: #0A1560;--blue: #0A74F0;--cyan: #22D3EE;--violet: #7B3FF0;--theme-blue: #1B2A8C;--bg: #F7F9FE;--surface: #FFFFFF;--text: var(--navy);--text-secondary: #64748B;--border: #E5EAF3;--success: #10B981;--warning: #F59E0B;--error: #EF4444;--tint: #EEF3FE;--track: #E9EDF7;--gradient: linear-gradient(135deg, #0A74F0 0%, #22D3EE 45%, #7B3FF0 100%);--gradient-cta: linear-gradient(135deg, #0A6BE2 0%, #7B3FF0 100%);--font-heading: "Nunito Sans Variable", "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--fs-h1: clamp(1.625rem, 1.15rem + 1.6vw, 2.25rem);--fs-h2: clamp(1.5rem, 1.35rem + .55vw, 1.75rem);--fs-h3: clamp(1.125rem, 1.06rem + .22vw, 1.25rem);--fs-body: clamp(.9375rem, .92rem + .1vw, 1rem);--fs-ui: clamp(.875rem, .86rem + .07vw, .9375rem);--fs-meta: clamp(.75rem, .73rem + .07vw, .8125rem);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--r-card: 18px;--r-btn: 13px;--r-sm: 10px;--r-full: 999px;--shadow-sm: 0 1px 2px rgba(10, 21, 96, .05);--shadow-md: 0 4px 14px rgba(10, 21, 96, .07);--shadow-lg: 0 12px 28px rgba(10, 21, 96, .1);--header-h: 72px;--tabbar-h: 64px;--touch: 44px;--sidebar-w: 256px;--content-max: 1120px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--fs-body);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{margin:0;font-family:var(--font-heading);line-height:1.22;letter-spacing:-.015em;color:var(--text)}h1{font-size:var(--fs-h1);font-weight:800}h2{font-size:var(--fs-h2);font-weight:700}h3{font-size:var(--fs-h3);font-weight:700}p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{max-width:100%}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:var(--r-sm)}.muted{color:var(--text-secondary)}.meta{font-size:var(--fs-meta);font-weight:500;color:var(--text-secondary)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-sm);padding:var(--sp-5)}.grid{display:grid;gap:var(--sp-4)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(232px,1fr))}.grid-stats{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.list{display:grid;gap:var(--sp-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--touch);padding:11px 20px;border:1px solid transparent;border-radius:var(--r-btn);font-family:var(--font-body);font-size:var(--fs-ui);font-weight:600;transition:box-shadow .15s ease,background-color .15s ease,transform .1s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--gradient-cta);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-lg)}.btn-ghost{background:var(--surface);color:var(--navy);border-color:var(--border)}.btn-ghost:hover{background:var(--tint)}.badge{display:inline-block;padding:5px 12px;border-radius:var(--r-full);background:var(--tint);color:var(--theme-blue);font-size:var(--fs-meta);font-weight:600;white-space:nowrap}.progress{height:8px;border-radius:var(--r-full);background:var(--track);overflow:hidden}.progress>span{display:block;height:100%;border-radius:var(--r-full);background:var(--gradient)}.demo-note{border:1px solid var(--border);border-left:3px solid var(--cyan);border-radius:var(--r-sm);padding:var(--sp-3) var(--sp-4);background:var(--surface);color:var(--text-secondary);font-size:var(--fs-meta);font-weight:500}