@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Nunito:wght@600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--green:#4caf50;--green-dark:#2e7d32;--green-soft:#e8f5e9;--green-border:#c8e6c9;--blue:#2196f3;--blue-dark:#1565c0;--blue-soft:#e3f2fd;--yellow:#ffc107;--yellow-soft:#fff8e1;--purple:#8e24aa;--purple-soft:#f3e5f5;--orange:#ff9800;--orange-soft:#fff3e0;--coral:#ff6b6b;--coral-soft:#fff0f0;--bg-canvas:#f7fafc;--bg-surface:#fff;--bg-soft:#f8fafc;--brand-primary:var(--green);--brand-primary-strong:var(--green-dark);--brand-secondary:var(--orange);--brand-secondary-soft:var(--orange-soft);--text-strong:#172033;--text-base:#172033;--text-muted:#5e6b7a;--border-base:#e2e8f0;--border-strong:#c8e6c9;--shadow-soft:0 8px 22px #0f172a14;--shadow-sm:0 1px 3px #0f172a0f;--shadow-md:0 8px 22px #0f172a14;--shadow-lg:0 18px 45px #0f172a1a;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--font-ui:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-title:"Nunito", "Inter", sans-serif;font-family:var(--font-ui);color:var(--text-strong);background-color:var(--bg-canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, #4caf501a, transparent 26rem), radial-gradient(circle at 80% 10%, #2196f314, transparent 24rem), var(--bg-canvas);min-width:320px;min-height:100vh;color:var(--text-base);margin:0}h1,h2,h3{font-family:var(--font-title);letter-spacing:0}#root{min-height:100vh}.landing,.app-shell{min-height:100vh;padding:var(--space-6) var(--space-4);background:radial-gradient(circle at 10% 12%,#b4530929,#0000 32%),radial-gradient(circle at 84% 88%,#0f766e33,#0000 34%),linear-gradient(160deg,#f6fbff 0%,#eef8ff 100%)}.topbar-leading{flex:auto;align-items:center;gap:12px;min-width:0;display:flex}@media (width<=820px){html,body,#root{max-width:100%;overflow-x:hidden}.landing-draft-shell.app-shell,.landing-draft-shell{min-width:0;padding:0;overflow-x:clip}.landing-draft-shell .draft-shell-grid{min-width:0;display:block}.landing-draft-shell .draft-sidebar{z-index:90;background:#fffffffa;border-top:0;border-right:1px solid #e2e8f0;flex-direction:column;align-items:stretch;gap:22px;width:min(82vw,320px);height:100dvh;min-height:100dvh;padding:22px 16px;transition:transform .22s;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:18px 0 45px #0f172a29}.landing-draft-shell .draft-sidebar.is-open{transform:translate(0)}.landing-draft-shell .draft-logo,.landing-draft-shell .draft-logo-text,.landing-draft-shell .draft-sidebar-card{display:flex}.landing-draft-shell .draft-logo-text{flex-direction:column}.landing-draft-shell .draft-nav{flex-direction:column;justify-content:flex-start;gap:6px;height:auto;display:flex;overflow:visible}.landing-draft-shell .draft-nav-item{white-space:normal;border-radius:16px;flex-direction:row;flex:none;justify-content:flex-start;gap:12px;width:100%;min-width:0;height:auto;min-height:48px;padding:10px 14px;font-size:.95rem}.landing-draft-shell .draft-nav-item span:not(.nav-icon){display:inline}.landing-draft-shell .nav-icon{width:28px;height:28px;font-size:1.15rem}.mobile-menu-button{color:#172033;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;font-family:Nunito,Inter,sans-serif;font-size:1.4rem;font-weight:900;display:inline-grid;box-shadow:0 1px 3px #0f172a0f}.mobile-menu-backdrop.is-open{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a5c;border:0;display:block;position:fixed;inset:0}.landing-draft-shell .draft-main-area{min-width:0;display:block}.landing-draft-shell .draft-topbar{justify-content:space-between;align-items:center;gap:10px;min-height:64px;padding:10px 14px;display:flex;position:sticky;top:0}.landing-draft-shell .topbar-actions{flex:0 auto;justify-content:flex-end;gap:8px;width:auto}.landing-draft-shell .page-eyebrow,.landing-draft-shell .utility-button,.landing-draft-shell .user-chip span:not(.user-avatar),.landing-draft-shell .compact-action svg{display:none}.landing-draft-shell .help-button,.landing-draft-shell .ghost-button.compact-action,.landing-draft-shell .user-chip{min-height:40px}.landing-draft-shell .help-button{padding:0 12px}.landing-draft-shell .draft-content,.landing-draft-shell .draft-content-narrow,.landing-draft-shell .student-dashboard{width:min(100% - 28px,1160px);padding:20px 0 34px}.landing-draft-shell .app-shell-card,.landing-draft-shell .card,.landing-draft-shell .dashboard-card,.landing-draft-shell .overview-card,.landing-draft-shell .study-main-card,.landing-draft-shell .study-help-panel,.landing-draft-shell .practice-card,.landing-draft-shell .study-support-list,.landing-draft-shell .completion-panel,.landing-draft-shell .achievement-board,.landing-draft-shell .gamification-progress,.landing-draft-shell .streak-board,.landing-draft-shell .mascot-box,.landing-draft-shell .profile-summary,.landing-draft-shell .preference-toggle,.landing-draft-shell .preference-preview,.landing-draft-shell .lesson-segment,.landing-draft-shell .empty-state{border-radius:18px;max-width:100%;padding:18px}.landing-draft-shell .hero-card,.landing-draft-shell .completion-panel,.landing-draft-shell .page-header,.landing-draft-shell .profile-layout,.landing-draft-shell .subject-card{grid-template-columns:1fr}.landing-draft-shell .hero-card{text-align:center;gap:16px;padding:22px 18px}.landing-draft-shell .mascot{width:70px;height:70px;margin:0 auto;font-size:2.1rem}.landing-draft-shell .level-pill{border-radius:18px;width:100%;min-width:0}.landing-draft-shell .grid.two,.landing-draft-shell .grid.three,.landing-draft-shell .achievement-grid,.landing-draft-shell .playful-achievement-grid,.landing-draft-shell .subject-catalog-grid,.landing-draft-shell .portal-layout,.landing-draft-shell .profile-grid,.landing-draft-shell .form-grid,.landing-draft-shell .check-grid,.landing-draft-shell .preference-grid,.landing-draft-shell .preference-controls{grid-template-columns:1fr}.landing-draft-shell .page-header{gap:14px;margin-bottom:20px;display:grid}.landing-draft-shell .subject-stage-filters{justify-content:stretch}.landing-draft-shell .subject-stage-filters label{flex:180px;justify-content:center}.landing-draft-shell .page-title h1,.landing-draft-shell .app-shell-card h1{font-size:1.55rem;line-height:1.18}.landing-draft-shell .hero-copy h2,.landing-draft-shell .hero-copy h3{font-size:1.45rem}.landing-draft-shell .hero-actions,.landing-draft-shell .landing-actions,.landing-draft-shell .page-actions{justify-content:stretch;width:100%}.landing-draft-shell .primary-button,.landing-draft-shell .btn-primary,.landing-draft-shell .secondary-button,.landing-draft-shell .btn-secondary,.landing-draft-shell .ghost-button,.landing-draft-shell .btn-ghost{width:100%;min-width:0}.landing-draft-shell .review-item,.landing-draft-shell .performance-item,.landing-draft-shell .alert-card h4,.landing-draft-shell .lesson-segment{grid-template-columns:1fr;align-items:start;display:grid}.landing-draft-shell .practice-shell,.landing-draft-shell .study-grid{width:100%}}@media (width<=520px){.landing-draft-shell .draft-content,.landing-draft-shell .draft-content-narrow,.landing-draft-shell .student-dashboard{width:min(100% - 20px,1160px)}.landing-draft-shell .help-button .label,.landing-draft-shell .ghost-button.compact-action{display:none}.landing-draft-shell .topbar-actions{gap:6px}.landing-draft-shell .app-shell-card,.landing-draft-shell .card,.landing-draft-shell .hero-card,.landing-draft-shell .question-card{padding:16px}}.landing-draft-shell .draft-shell-grid{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.landing-draft-shell .draft-shell-grid:has(.sidebar-reopen-button){grid-template-columns:0 minmax(0,1fr)}.landing-draft-shell .draft-sidebar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:30;background:#ffffffeb;border-right:1px solid #e2e8f0;flex-direction:column;gap:22px;height:100vh;min-height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.landing-draft-shell .draft-shell-grid:has(.sidebar-reopen-button) .draft-sidebar{pointer-events:none;border-right:0;width:0;padding:0;overflow:hidden}.landing-draft-shell .draft-logo{color:#172033;align-items:center;gap:12px;padding:0 8px;text-decoration:none;display:flex}.landing-draft-shell .draft-logo-mark{color:#fff;background:linear-gradient(135deg,#4caf50,#2196f3);border-radius:14px;place-items:center;width:42px;height:42px;font-size:1.15rem;display:grid;box-shadow:0 10px 24px #4caf5040}.landing-draft-shell .draft-logo-text{flex-direction:column;font-family:Nunito,Inter,sans-serif;line-height:1.05;display:flex}.landing-draft-shell .draft-nav{flex-direction:column;gap:6px;display:flex}.landing-draft-shell .draft-nav-item{color:#5e6b7a;background:0 0;border:0;border-radius:16px;align-items:center;gap:12px;width:100%;min-height:48px;padding:10px 14px;font-family:Inter,system-ui,sans-serif;font-weight:700;text-decoration:none;transition:transform .2s,background .2s,color .2s,box-shadow .2s;display:inline-flex}.landing-draft-shell .draft-nav-item.is-mock{cursor:default;color:#8a98a8;box-shadow:none;background:0 0}.landing-draft-shell .nav-icon{place-items:center;width:28px;height:28px;font-size:1.17rem;display:grid}.landing-draft-shell .draft-sidebar-card{background:linear-gradient(135deg,#e8f5e9,#e3f2fdd1);border:1px solid #4caf5029;border-radius:20px;margin-top:auto;padding:16px;box-shadow:0 1px 3px #0f172a0f}.landing-draft-shell .sidebar-profile,.landing-draft-shell .topbar-profile{gap:8px;display:grid;position:relative}.landing-draft-shell .sidebar-profile-button,.landing-draft-shell .topbar-profile-button{color:#172033;text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-height:58px;padding:9px 10px;display:grid}.landing-draft-shell .sidebar-profile-button{width:100%}.landing-draft-shell .topbar-profile-button{border-radius:14px;grid-template-columns:34px minmax(0,1fr);width:min(220px,30vw);min-height:46px;padding:6px 9px}.landing-draft-shell .sidebar-profile-copy,.landing-draft-shell .topbar-profile-copy{gap:2px;min-width:0;display:grid}.landing-draft-shell .sidebar-profile-copy strong,.landing-draft-shell .sidebar-profile-copy small,.landing-draft-shell .topbar-profile-copy strong,.landing-draft-shell .topbar-profile-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.landing-draft-shell .sidebar-profile-copy small,.landing-draft-shell .topbar-profile-copy small{color:#5e6b7a;font-size:.78rem;font-weight:700}.landing-draft-shell .profile-popover{z-index:60;background:#fff;border:1px solid #e2e8f0;border-radius:16px;gap:4px;width:min(260px,86vw);padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 45px #0f172a29}.landing-draft-shell .sidebar-profile .profile-popover{width:auto;inset:auto 0 calc(100% + 8px)}.landing-draft-shell .profile-popover button{color:#172033;text-align:left;min-height:38px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-weight:700;display:flex}.landing-draft-shell .profile-popover button:hover{background:#f8fafc}.landing-draft-shell .profile-popover button:disabled{opacity:.55;cursor:default}.landing-draft-shell .profile-popover span{color:#5e6b7a;font-size:.78rem}.landing-draft-shell .draft-xp-row{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.landing-draft-shell .draft-main-area{grid-template-rows:auto 1fr;min-width:0;display:grid}.landing-draft-shell .draft-topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#fffc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;min-height:76px;padding:14px 32px;display:flex;position:sticky;top:0}.landing-draft-shell .page-eyebrow{color:#5e6b7a;letter-spacing:0;text-transform:none;margin:0;font-size:.86rem;font-weight:700}.landing-draft-shell .topbar-actions,.landing-draft-shell .hero-actions,.landing-draft-shell .landing-actions,.landing-draft-shell .page-actions,.landing-draft-shell .review-actions,.landing-draft-shell .profile-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.landing-draft-shell .topbar-actions{flex:none}.landing-draft-shell .sidebar-reopen-button{color:#172033;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;font-family:Nunito,Inter,sans-serif;font-size:1.3rem;font-weight:900;display:inline-grid;box-shadow:0 1px 3px #0f172a0f}.landing-draft-shell .app-breadcrumb{color:#5e6b7a;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;font-family:Nunito,Inter,sans-serif;font-size:.94rem;font-weight:900;display:flex}.landing-draft-shell .app-breadcrumb button,.landing-draft-shell .app-breadcrumb span{min-width:0;color:inherit;font:inherit;background:0 0;border:0;padding:0;line-height:1.25}.landing-draft-shell .app-breadcrumb button{cursor:pointer}.landing-draft-shell .app-breadcrumb button:hover{color:#2e7d32}.landing-draft-shell .app-breadcrumb button:after{content:">";color:#94a3b8;margin-left:8px}.landing-draft-shell .app-breadcrumb button{align-items:center;display:inline-flex}.landing-draft-shell .app-breadcrumb span[aria-current=page]{color:#172033;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.landing-draft-shell .draft-content,.landing-draft-shell .student-dashboard{width:min(1160px,100% - 48px);margin:0 auto;padding:34px 0 56px}.landing-draft-shell .draft-content-narrow{width:min(760px,100% - 48px)}.landing-draft-shell .product-dashboard-grid,.landing-draft-shell .dashboard-grid{margin-top:0;display:block}.landing-draft-shell .hero-card{background:linear-gradient(135deg,#e3f2fdf5,#e8f5e9f5);border:1px solid #4caf502e;border-radius:28px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;margin-bottom:30px;padding:clamp(24px,4vw,38px);display:grid;position:relative;overflow:hidden;box-shadow:0 8px 22px #0f172a14}.landing-draft-shell .hero-card:after{content:"";background:radial-gradient(circle,#2196f329,#0000 70%);border-radius:50%;width:230px;height:230px;position:absolute;top:-70px;right:-60px}.landing-draft-shell .mascot{z-index:1;background:linear-gradient(135deg,#ffe0b2,#ffd54f);border-radius:50%;place-items:center;width:82px;height:82px;font-size:2.55rem;animation:3.4s ease-in-out infinite draft-floaty;display:grid;position:relative;box-shadow:0 12px 28px #ffc1073d}@keyframes draft-floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.landing-draft-shell .hero-copy{z-index:1;position:relative}.landing-draft-shell .hero-copy h2,.landing-draft-shell .hero-copy h3,.landing-draft-shell .page-title h1,.landing-draft-shell .card h3,.landing-draft-shell .dashboard-card h2,.landing-draft-shell .study-main-card h2,.landing-draft-shell .study-help-panel h2,.landing-draft-shell .practice-card h2,.landing-draft-shell .completion-panel h2{color:#172033;margin:0;font-family:Nunito,Inter,sans-serif;line-height:1.2}.landing-draft-shell .hero-copy h2,.landing-draft-shell .hero-copy h3{font-size:clamp(1.45rem,2.2vw,2rem)}.landing-draft-shell .hero-copy p,.landing-draft-shell .card p,.landing-draft-shell .dashboard-card p,.landing-draft-shell .page-title p,.landing-draft-shell .review-meta,.landing-draft-shell .study-content-text,.landing-draft-shell .completion-panel p,.landing-draft-shell .preference-toggle small,.landing-draft-shell .preference-preview p,.landing-draft-shell .preference-preview small{color:#5e6b7a;margin-top:6px}.landing-draft-shell .level-pill{z-index:1;background:#ffffffdb;border:1px solid #e2e8f0;border-radius:999px;gap:8px;min-width:230px;padding:10px 14px;display:grid;position:relative;box-shadow:0 1px 3px #0f172a0f}.landing-draft-shell .level-row,.landing-draft-shell .row-space{justify-content:space-between;align-items:center;gap:10px;font-family:Nunito,Inter,sans-serif;font-size:.86rem;font-weight:800;display:flex}.landing-draft-shell .badge,.landing-draft-shell .level-badge,.landing-draft-shell .status-chip,.landing-draft-shell .achievement-status{color:#aa7100;background:#fff8e1;border:1px solid #ffc1074d;border-radius:999px;align-items:center;gap:6px;width:fit-content;min-height:28px;padding:5px 11px;font-family:Nunito,Inter,sans-serif;font-size:.83rem;font-weight:900;display:inline-flex}.landing-draft-shell .grid{gap:22px;display:grid}.landing-draft-shell .grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-draft-shell .grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-draft-shell .card,.landing-draft-shell .dashboard-card,.landing-draft-shell .overview-card,.landing-draft-shell .study-main-card,.landing-draft-shell .study-help-panel,.landing-draft-shell .practice-card,.landing-draft-shell .study-support-list,.landing-draft-shell .completion-panel,.landing-draft-shell .app-shell-card,.landing-draft-shell .achievement-board,.landing-draft-shell .gamification-progress,.landing-draft-shell .streak-board,.landing-draft-shell .mascot-box,.landing-draft-shell .profile-summary,.landing-draft-shell .preference-toggle,.landing-draft-shell .preference-preview,.landing-draft-shell .lesson-segment,.landing-draft-shell .empty-state{background:#fff;border:1px solid #e2e8f0;border-radius:20px;min-width:0;padding:24px;box-shadow:0 1px 3px #0f172a0f}.landing-draft-shell .card,.landing-draft-shell .dashboard-card,.landing-draft-shell .overview-card{transition:transform .22s,box-shadow .22s,border-color .22s}.landing-draft-shell .card:hover,.landing-draft-shell .dashboard-card:hover,.landing-draft-shell .overview-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #0f172a14}.landing-draft-shell .icon-tile,.landing-draft-shell .overview-icon{color:#2e7d32;background:#e8f5e9;border-radius:17px;place-items:center;width:54px;height:54px;margin-bottom:16px;font-size:1.55rem;display:grid}.landing-draft-shell .icon-tile.blue,.landing-draft-shell .overview-card:nth-child(2) .overview-icon{color:#1565c0;background:#e3f2fd}.landing-draft-shell .icon-tile.purple{color:#8e24aa;background:#f3e5f5}.landing-draft-shell .icon-tile.yellow,.landing-draft-shell .overview-card:nth-child(3) .overview-icon{color:#aa7100;background:#fff8e1}.landing-draft-shell .subject-card{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:18px;display:grid}.landing-draft-shell .card-title,.landing-draft-shell .subject-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.landing-draft-shell .card-title{justify-content:space-between;margin-bottom:8px}.landing-draft-shell .subject-meta{margin:12px 0 14px}.landing-draft-shell .tag,.landing-draft-shell .note{color:#5e6b7a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:6px;min-height:28px;padding:4px 10px;font-family:Nunito,Inter,sans-serif;font-size:.8rem;font-weight:800;display:inline-flex}.landing-draft-shell .tag.green,.landing-draft-shell .note{color:#2e7d32;background:#e8f5e9;border-color:#c8e6c9}.landing-draft-shell .tag.blue{color:#1565c0;background:#e3f2fd;border-color:#2196f333}.landing-draft-shell .tag.orange{color:#a65f00;background:#fff3e0;border-color:#ff980033}.landing-draft-shell .primary-button,.landing-draft-shell .btn-primary,.landing-draft-shell .secondary-button,.landing-draft-shell .btn-secondary,.landing-draft-shell .ghost-button,.landing-draft-shell .btn-ghost,.landing-draft-shell .utility-button,.landing-draft-shell .help-button{cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-family:Nunito,Inter,sans-serif;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.landing-draft-shell .primary-button,.landing-draft-shell .btn-primary{color:#fff;background:linear-gradient(135deg,#4caf50,#66bb6a);border:0;padding:0 22px;box-shadow:0 10px 22px #4caf5038}.landing-draft-shell .primary-button:hover,.landing-draft-shell .btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px #4caf504d}.landing-draft-shell .secondary-button,.landing-draft-shell .btn-secondary{color:#2e7d32;background:#fff;border:2px solid #c8e6c9;padding:0 20px}.landing-draft-shell .secondary-button:hover,.landing-draft-shell .btn-secondary:hover{background:#e8f5e9;transform:translateY(-1px)}.landing-draft-shell .ghost-button,.landing-draft-shell .btn-ghost,.landing-draft-shell .utility-button{color:#5e6b7a;background:#fff;border:1px solid #e2e8f0;padding:0 18px}.landing-draft-shell .help-button{color:#fff;background:linear-gradient(135deg,#ff9800,#ffb74d);border:0;padding:0 18px;box-shadow:0 10px 22px #ff980040}.landing-draft-shell .help-button:hover{transform:translateY(-2px);box-shadow:0 14px 26px #ff980057}.landing-draft-shell .progress-track,.landing-draft-shell .mini-meter,.landing-draft-shell .xp-meter{background:#4caf5029;border-radius:999px;height:10px;margin-top:10px;overflow:hidden}.landing-draft-shell .progress-fill,.landing-draft-shell .mini-meter span,.landing-draft-shell .xp-meter span{background:linear-gradient(90deg,#4caf50,#81c784);border-radius:999px;height:100%;display:block;box-shadow:0 0 12px #4caf5059}.landing-draft-shell .page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.landing-draft-shell .page-title h1{font-size:clamp(1.65rem,2.4vw,2.35rem)}.landing-draft-shell .practice-shell,.landing-draft-shell .study-grid{grid-template-columns:1fr;gap:22px;width:min(780px,100%);margin:0 auto;padding:0;display:grid}.landing-draft-shell .study-main-card{background:linear-gradient(120deg,#fff 0%,#eff8ff 100%);border-color:#c8e6c9}.landing-draft-shell .study-lesson-id{color:#2e7d32;background:#e8f5e9;border-radius:999px;width:fit-content;padding:5px 11px;font-family:Nunito,Inter,sans-serif;font-size:.83rem;font-weight:900;display:inline-flex}.landing-draft-shell .study-content-text{color:#172033;margin:18px 0;font-size:1.1rem;line-height:1.65}.landing-draft-shell .study-breadcrumb{color:#5e6b7a;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;font-family:Nunito,Inter,sans-serif;font-size:.84rem;font-weight:900;display:flex}.landing-draft-shell .study-entry-top-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.82fr);gap:16px;margin-bottom:18px;display:grid}.landing-draft-shell .study-continue-card,.landing-draft-shell .study-moment-card{align-content:space-between;gap:18px;display:grid}.landing-draft-shell .study-suggestion-section{gap:4px;display:grid}.landing-draft-shell .subject-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.landing-draft-shell .subject-catalog-header{align-items:center}.landing-draft-shell .subject-stage-filters{background:#ffffffd1;border:1px solid #5d87ff2e;border-radius:18px;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:0;padding:8px;display:flex;box-shadow:0 14px 32px #0f172a14}.landing-draft-shell .subject-stage-filters label{color:#172033;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fbff;border:1px solid #4caf503d;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-family:Nunito,Inter,sans-serif;font-size:.88rem;font-weight:900;display:inline-flex}.landing-draft-shell .subject-stage-filters input{accent-color:#4caf50;width:16px;height:16px}.landing-draft-shell .subject-card{grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr);gap:14px;min-height:250px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;position:relative;overflow:hidden}.landing-draft-shell .subject-card.is-highlighted{transform-origin:bottom;border-color:#ff980070;animation:2.2s ease-in-out infinite subject-new-breathe;transform:perspective(800px)rotateX(.6deg)translateY(-2px);box-shadow:0 14px 32px #ff980024,0 2px 8px #0f172a14}.landing-draft-shell .subject-card.is-highlighted:before{content:"";z-index:0;border-radius:inherit;opacity:.58;background:conic-gradient(#ff980000,#ffc107e0,#4caf5059,#ff980000);animation:2.8s linear infinite subject-new-orbit;position:absolute;inset:-45%}.landing-draft-shell .subject-card.is-highlighted:after{content:"";z-index:0;border-radius:inherit;background:#fff;position:absolute;inset:2px}.landing-draft-shell .subject-card.is-highlighted>*{z-index:1;position:relative}@keyframes subject-new-breathe{0%,to{transform:perspective(800px)rotateX(.4deg)translateY(-1px);box-shadow:0 14px 32px #ff98001f,0 2px 8px #0f172a14}50%{transform:perspective(800px)rotateX(.9deg)translateY(-4px);box-shadow:0 18px 42px #ff980042,0 0 0 5px #ffc1071a,0 2px 8px #0f172a14}}@keyframes subject-new-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.landing-draft-shell .subject-card.is-highlighted,.landing-draft-shell .subject-card.is-highlighted:before{animation:none}}.landing-draft-shell .subject-card-main{align-content:start;gap:12px;display:grid}.landing-draft-shell .subject-card-heading{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;display:grid}.landing-draft-shell .subject-card-heading h3{color:#172033;margin:0 0 4px;font-family:Nunito,Inter,sans-serif;font-size:1.16rem;line-height:1.25}.landing-draft-shell .subject-card-heading p,.landing-draft-shell .subject-highlight-copy{color:#5e6b7a;margin:0;line-height:1.45}.landing-draft-shell .subject-card-actions{grid-template-columns:repeat(2,minmax(0,1fr));place-self:end stretch;gap:8px;width:100%;min-width:0;display:grid}.landing-draft-shell .subject-card-actions .primary-button,.landing-draft-shell .subject-card-actions .secondary-button{box-sizing:border-box;white-space:nowrap;justify-content:center;width:100%;min-width:0;max-width:100%;padding:0 10px;font-size:.92rem}.landing-draft-shell .subject-card-actions .secondary-button:only-child{grid-column:1/-1}.landing-draft-shell .subject-module-list{gap:16px;display:grid}.landing-draft-shell .subject-module-card{gap:18px;display:grid}.landing-draft-shell .subject-detail-title h1{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;display:flex}.landing-draft-shell .subject-module-heading{gap:10px;display:grid}.landing-draft-shell .subject-module-summary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.landing-draft-shell .subject-module-heading h2{color:#172033;margin:0;font-family:Nunito,Inter,sans-serif;font-size:1.38rem;line-height:1.25}.landing-draft-shell .subject-skill-list{gap:12px;display:grid}.landing-draft-shell .subject-skill-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.landing-draft-shell .subject-skill-content{grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;display:grid}.landing-draft-shell .subject-skill-tags,.landing-draft-shell .subject-skill-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.landing-draft-shell .subject-skill-actions{justify-content:flex-end}.landing-draft-shell .subject-skill-actions .primary-button,.landing-draft-shell .subject-skill-actions .secondary-button{white-space:nowrap;min-height:40px;padding:0 16px}.landing-draft-shell .subject-skill-row strong{color:#172033;font-family:Nunito,Inter,sans-serif;line-height:1.25;display:block}.landing-draft-shell .subject-skill-row p,.landing-draft-shell .subject-skill-row small{color:#5e6b7a;margin:4px 0 0}.landing-draft-shell .study-breadcrumb span{align-items:center;gap:8px;display:inline-flex}.landing-draft-shell .study-breadcrumb span:not(:last-child):after{content:">";color:#94a3b8}.landing-draft-shell .study-entry-grid,.landing-draft-shell .study-skill-grid,.landing-draft-shell .study-quiz-shell{gap:16px;display:grid}.landing-draft-shell .study-entry-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.landing-draft-shell .study-priority-list{gap:12px;display:grid}.landing-draft-shell .study-priority-item{background:#fff;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:minmax(138px,.25fr) minmax(0,1fr) auto;align-items:center;gap:16px;min-width:0;padding:18px;display:grid;box-shadow:0 1px 3px #0f172a0f}.landing-draft-shell .study-priority-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.landing-draft-shell .study-priority-main{min-width:0}.landing-draft-shell .study-priority-main h2{color:#172033;margin:0;font-family:Nunito,Inter,sans-serif;font-size:1.08rem;line-height:1.25}.landing-draft-shell .study-priority-main p{color:#5e6b7a;margin:4px 0 0}.landing-draft-shell .priority-badge{border-radius:999px;align-items:center;min-height:28px;padding:4px 10px;font-family:Nunito,Inter,sans-serif;font-size:.8rem;font-weight:900;display:inline-flex}.landing-draft-shell .priority-high{color:#b42318;background:#fff0f0;border:1px solid #ff6b6b4d}.landing-draft-shell .priority-medium{color:#a65f00;background:#fff3e0;border:1px solid #ff98003d}.landing-draft-shell .priority-low{color:#1565c0;background:#e3f2fd;border:1px solid #2196f333}.landing-draft-shell .study-subject-card{grid-template-columns:auto minmax(0,1fr);align-content:start;gap:16px;display:grid}.landing-draft-shell .study-subject-card .hero-actions{grid-column:1/-1}.landing-draft-shell .study-subject-card.is-active{background:linear-gradient(120deg,#fff 0%,#eef8ff 100%);border-color:#2196f347}.landing-draft-shell .study-subject-card.is-muted{color:#5e6b7a;background:#f8fafc}.landing-draft-shell .study-step-heading{max-width:760px}.landing-draft-shell .study-skill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-draft-shell .study-skill-card{align-content:space-between;min-height:260px;display:grid}.landing-draft-shell .study-skill-card.is-selected{background:#f4fbf5;border-color:#c8e6c9}.landing-draft-shell .study-quiz-topline,.landing-draft-shell .study-progress-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.landing-draft-shell .study-skill-pill{color:#1565c0;background:#e3f2fd;border:1px solid #2196f333;border-radius:14px;align-items:center;min-height:44px;padding:0 16px;font-family:Nunito,Inter,sans-serif;font-weight:900;display:inline-flex}.landing-draft-shell .study-quiz-shell.has-help{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start}.landing-draft-shell .study-progress-row{color:#5e6b7a;justify-content:space-between;font-family:Nunito,Inter,sans-serif;font-size:.88rem;font-weight:900}.landing-draft-shell .study-progress-row .progress-track{width:min(260px,100%);margin-top:0}.landing-draft-shell .study-quiz-card,.landing-draft-shell .study-help-panel,.landing-draft-shell .study-summary-card{max-width:900px}.landing-draft-shell .study-quiz-shell.has-help .study-quiz-card,.landing-draft-shell .study-quiz-shell.has-help .study-help-panel{max-width:none}.landing-draft-shell .study-quiz-card h2,.landing-draft-shell .study-summary-card h2{font-size:clamp(1.35rem,2vw,1.9rem);line-height:1.25}.landing-draft-shell .study-answer-grid{gap:10px;margin:18px 0;display:grid}.landing-draft-shell .study-answer-button{color:#172033;text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:12px;width:100%;min-height:58px;padding:12px 14px;font-family:Inter,system-ui,sans-serif;line-height:1.35;display:grid}.landing-draft-shell .study-answer-button span{color:#1565c0;background:#e3f2fd;border-radius:10px;place-items:center;width:34px;height:34px;font-family:Nunito,Inter,sans-serif;font-weight:900;display:grid}.landing-draft-shell .study-answer-button:hover,.landing-draft-shell .study-answer-button.is-selected{background:#e8f5e9;border-color:#c8e6c9}.landing-draft-shell .study-answer-button.is-selected span{color:#fff;background:#2e7d32}.landing-draft-shell .study-help-panel ol{color:#172033;margin:12px 0 0;padding-left:22px;line-height:1.65}.landing-draft-shell .study-summary-card{background:#f4fbf5;border-color:#c8e6c9}.landing-draft-shell .help-step,.landing-draft-shell .answer-option,.landing-draft-shell .review-item,.landing-draft-shell .lesson-segment{color:#172033;background:#fff;border:1px solid #e2e8f0;border-radius:16px}.landing-draft-shell .completion-panel{background:#fff3e0;border-color:#ff980040;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.landing-draft-shell .completion-panel.is-complete{background:#e8f5e9;border-color:#c8e6c9}.landing-draft-shell .completion-icon{color:#aa7100;background:#fff8e1;border-radius:17px;place-items:center;width:54px;height:54px;display:grid}.landing-draft-shell .achievement-grid,.landing-draft-shell .preference-grid,.landing-draft-shell .preference-controls{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:16px;display:grid}.landing-draft-shell .playful-achievement-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-draft-shell .achievements-hero{margin-bottom:22px}.landing-draft-shell .achievement-card{text-align:center;background:#fff;border:2px solid #c8e6c9}.landing-draft-shell .achievement-card.locked{opacity:.58;border-style:dashed}.landing-draft-shell .achievement-icon{place-items:center;min-height:62px;margin-bottom:12px;font-size:2.7rem;display:grid}.landing-draft-shell .achievement-card h3{font-size:1rem}.landing-draft-shell .achievement-mascot-box{margin-top:22px}.landing-draft-shell .metric-card .metric-value{margin:10px 0 6px;font-family:Nunito,Inter,sans-serif;font-size:clamp(2rem,4vw,2.75rem);font-weight:900;line-height:1}.landing-draft-shell .metric-value.green{color:#4caf50}.landing-draft-shell .metric-value.yellow{color:#ffc107}.landing-draft-shell .metric-value.blue{color:#2196f3}.landing-draft-shell .metric-value.coral{color:#ff6b6b}.landing-draft-shell .metric-label{color:#5e6b7a;font-size:.9rem}.landing-draft-shell .portal-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:22px;display:grid}.landing-draft-shell .performance-list,.landing-draft-shell .alert-list{gap:12px;margin-top:14px;display:grid}.landing-draft-shell .performance-item,.landing-draft-shell .student-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.landing-draft-shell .alert-card{background:#fff0f0;border:1px solid #ff6b6b47;border-radius:16px;padding:16px}.landing-draft-shell .alert-card.warn{background:#fff8e1;border-color:#ffc1074d}.landing-draft-shell .alert-card h4,.landing-draft-shell .performance-item p{margin:0}.landing-draft-shell .alert-card h4{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.landing-draft-shell .profile-grid{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:22px;display:grid}.landing-draft-shell .avatar-preview{text-align:center}.landing-draft-shell .big-avatar{background:linear-gradient(135deg,#e8f5e9,#e3f2fd);border-radius:50%;place-items:center;width:140px;height:140px;margin:6px auto 18px;font-size:4rem;display:grid;box-shadow:0 8px 22px #0f172a14}.landing-draft-shell .form-grid,.landing-draft-shell .check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.landing-draft-shell .section-title{margin:26px 0 12px;font-size:1.02rem}.landing-draft-shell .check-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:10px;min-height:54px;padding:10px 13px;display:flex}.landing-draft-shell .check-card:hover{background:#e3f2fd;border-color:#2196f352}.landing-draft-shell .check-card input{accent-color:#2196f3;width:18px;height:18px}.landing-draft-shell .achievement-card,.landing-draft-shell .preference-toggle,.landing-draft-shell .preference-preview{background:#f8fafc;border-color:#e2e8f0;border-radius:16px}.landing-draft-shell .achievement-card--unlocked,.landing-draft-shell .status-chip-success{color:#2e7d32;background:#e8f5e9;border-color:#c8e6c9}.landing-draft-shell .achievement-card--progress,.landing-draft-shell .status-chip-info{color:#1565c0;background:#e3f2fd;border-color:#2196f333}.landing-draft-shell .status-chip-warning{color:#a65f00;background:#fff3e0;border-color:#ff98003d}.landing-draft-shell .profile-layout{grid-template-columns:minmax(0,1fr) minmax(14rem,18rem);align-items:start;gap:18px;display:grid}.landing-draft-shell .profile-summary{border-color:#c8e6c9;align-items:center;gap:14px;display:flex}.landing-draft-shell .profile-avatar-large,.landing-draft-shell .user-avatar,.landing-draft-shell .profile-pill{color:#2e7d32;background:#e8f5e9;border-radius:50%;place-items:center;font-family:Nunito,Inter,sans-serif;font-weight:900;display:grid}.landing-draft-shell .profile-avatar-large{flex:none;width:56px;height:56px;font-size:1.4rem}.landing-draft-shell .field input,.landing-draft-shell .field select,.landing-draft-shell .profile-switcher select,.landing-draft-shell .preference-controls select,.landing-draft-shell .preference-controls input{color:#172033;background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:100%;min-height:48px;padding:0 14px}.landing-draft-shell .state-banner,.landing-draft-shell .error-text,.landing-draft-shell .success-text{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:14px 16px;box-shadow:0 1px 3px #0f172a0f}.landing-draft-shell .error-text{color:#b91c1c}.landing-draft-shell .success-text{color:#2e7d32}.landing-draft-shell .exercise-set-card{margin:18px 0 24px}.landing-draft-shell .exercise-set-shell{gap:14px;margin-top:16px;display:grid}.landing-draft-shell .exercise-set-meta,.landing-draft-shell .summary-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.landing-draft-shell .exercise-set-meta span,.landing-draft-shell .summary-pills span{color:#5e6b7a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;min-height:30px;padding:5px 11px;font-family:Nunito,Inter,sans-serif;font-size:.82rem;font-weight:800;display:inline-flex}.landing-draft-shell .exercise-set-question{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px}.landing-draft-shell .exercise-set-question-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.landing-draft-shell .exercise-set-question-head span{color:#5e6b7a;font-size:.82rem;font-weight:700}.landing-draft-shell .exercise-set-option-grid{gap:8px;margin-top:12px;display:grid}.landing-draft-shell .exercise-set-answer{color:#172033;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;min-height:46px;padding:10px 12px;display:grid}.landing-draft-shell .exercise-set-answer:hover{background:#e3f2fd;border-color:#2196f352}.landing-draft-shell .exercise-set-answer input{accent-color:#2196f3;margin-top:3px}.landing-draft-shell .completion-panel.compact{grid-template-columns:minmax(0,1fr);margin-top:16px}.landing-draft-shell .compact-list{margin:0;padding-left:18px}@media (width<=1000px){.landing-draft-shell .draft-shell-grid{grid-template-columns:84px minmax(0,1fr)}.landing-draft-shell .draft-logo-text,.landing-draft-shell .draft-sidebar-card,.landing-draft-shell .draft-nav-item span:not(.nav-icon){display:none}.landing-draft-shell .draft-sidebar{align-items:center;padding-left:12px;padding-right:12px}.landing-draft-shell .draft-nav-item{justify-content:center;width:56px;padding:10px}.landing-draft-shell .study-entry-grid,.landing-draft-shell .study-skill-grid{grid-template-columns:1fr 1fr}}@media (width<=820px){.landing-draft-shell .draft-shell-grid{display:block}.landing-draft-shell .draft-sidebar{border-top:1px solid #e2e8f0;border-right:0;height:76px;min-height:0;padding:8px 10px;display:block;position:fixed;inset:auto 0 0}.landing-draft-shell .draft-logo,.landing-draft-shell .draft-sidebar-card{display:none}.landing-draft-shell .draft-nav{flex-direction:row;justify-content:space-around;gap:4px;height:100%;display:flex;overflow-x:auto}.landing-draft-shell .draft-nav-item{white-space:nowrap;flex-direction:column;flex:none;gap:2px;width:auto;min-width:50px;height:100%;min-height:0;padding:6px 8px;font-size:.68rem}.landing-draft-shell .draft-nav-item span:not(.nav-icon){display:inline}.landing-draft-shell .nav-icon{width:auto;height:auto;font-size:1.15rem}.landing-draft-shell .draft-topbar{padding:12px 16px}.landing-draft-shell .page-eyebrow,.landing-draft-shell .utility-button,.landing-draft-shell .user-chip span:not(.user-avatar){display:none}.landing-draft-shell .draft-content,.landing-draft-shell .draft-content-narrow{width:min(100% - 32px,1160px);padding-bottom:112px}.landing-draft-shell .hero-card,.landing-draft-shell .completion-panel,.landing-draft-shell .page-header,.landing-draft-shell .profile-layout{grid-template-columns:1fr}.landing-draft-shell .hero-card{text-align:center}.landing-draft-shell .mascot{margin:0 auto}.landing-draft-shell .level-pill{width:100%;min-width:0}.landing-draft-shell .grid.two,.landing-draft-shell .grid.three,.landing-draft-shell .achievement-grid,.landing-draft-shell .playful-achievement-grid,.landing-draft-shell .portal-layout,.landing-draft-shell .profile-grid,.landing-draft-shell .form-grid,.landing-draft-shell .check-grid,.landing-draft-shell .preference-grid,.landing-draft-shell .preference-controls,.landing-draft-shell .study-entry-grid,.landing-draft-shell .study-skill-grid,.landing-draft-shell .subject-card{grid-template-columns:1fr}.landing-draft-shell .hero-actions,.landing-draft-shell .landing-actions{justify-content:center}.landing-draft-shell .study-subject-card{grid-template-columns:1fr}.landing-draft-shell .study-quiz-topline,.landing-draft-shell .study-progress-row{align-items:stretch}.landing-draft-shell .study-progress-row .progress-track{width:100%}}@media (width<=520px){.landing-draft-shell .help-button .label{display:none}.landing-draft-shell .study-answer-button{grid-template-columns:30px minmax(0,1fr);padding:10px}.landing-draft-shell .study-answer-button span{width:30px;height:30px}}.landing-exact-host{background:#fff;width:100%;min-height:100vh;position:relative}.landing-harness-banner{z-index:50;color:#0f172a;background:#f0fdfafa;border:1px solid #0f766e;border-radius:999px;align-items:center;gap:10px;padding:10px 12px;display:inline-flex;position:fixed;top:10px;right:12px;box-shadow:0 8px 20px #0f766e33}.landing-harness-link{color:#fff;background:#0f766e;border-radius:999px;justify-content:center;align-items:center;padding:7px 12px;font-weight:700;text-decoration:none;display:inline-flex}.landing-harness-link:hover{filter:brightness(1.05)}.landing-exact-frame{border:0;width:100%;height:100vh;display:block}.landing-draft-shell{background:#f7fafc;padding:0}.landing-v2{color:#172033;background:radial-gradient(circle at 8% 6%,#4caf501f,#0000 28%),radial-gradient(circle at 92% 14%,#2196f31f,#0000 30%),#f7fafc;min-height:100vh}.landing-v2-topbar{z-index:10;justify-content:space-between;align-items:center;gap:var(--space-4);min-height:4.75rem;padding:var(--space-3) clamp(var(--space-4), 5vw, var(--space-8));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-bottom:1px solid #e2e8f0;display:flex;position:sticky;top:0}.landing-v2-brand{align-items:center;gap:var(--space-2);color:#2e7d32;font-weight:900;text-decoration:none;display:inline-flex}.landing-v2-brand-mark{color:#fff;background:linear-gradient(135deg,#4caf50,#2196f3);border-radius:.7rem;place-items:center;width:2.1rem;height:2.1rem;display:inline-grid}.landing-v2-nav{gap:var(--space-3);flex-wrap:wrap;display:flex}.landing-v2-nav a{color:#5e6b7a;font-weight:700;text-decoration:none}.landing-v2-nav a:hover{color:#1565c0}.landing-v2-hero,.landing-v2-section,.landing-v2-cta{width:min(1140px,100% - 2rem);margin:0 auto}.landing-v2-hero{gap:var(--space-5);padding:clamp(var(--space-6), 6vw, var(--space-8)) 0;grid-template-columns:minmax(0,1.35fr) minmax(16rem,.65fr);display:grid}.landing-v2-hero h1{margin:var(--space-2) 0 var(--space-3);color:#0f172a;font-size:clamp(1.8rem,4.2vw,3rem);line-height:1.08}.landing-v2-hero p{color:#475569;margin:0}.landing-v2-hero-metrics{margin-top:var(--space-4);gap:var(--space-2);flex-wrap:wrap;display:flex}.landing-v2-hero-metrics span{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:.35rem .7rem;font-size:.82rem;font-weight:800;display:inline-flex}.landing-v2-hero-card{border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#e8f5e9,#e3f2fd);border:1px solid #c8e6c9}.landing-v2-hero-card h2{margin:0 0 var(--space-2);color:#1e293b;font-size:1.15rem}.landing-v2-hero-card ul{color:#334155;gap:.35rem;margin:0;padding-left:1rem;display:grid}.landing-v2-section{padding:var(--space-7) 0}.landing-v2-section h2{color:#0f172a;margin:0;font-size:clamp(1.35rem,3vw,2rem)}.landing-v2-lead{margin-top:var(--space-2);color:#475569;max-width:74ch}.landing-v2-grid-2,.landing-v2-grid-3,.landing-v2-steps{margin-top:var(--space-4);gap:var(--space-4);display:grid}.landing-v2-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-v2-grid-3,.landing-v2-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-v2-card,.landing-v2-step{border-radius:var(--radius-md);min-width:0;padding:var(--space-4);background:#fff;border:1px solid #e2e8f0;box-shadow:0 8px 22px #0f172a0f}.landing-v2-card h3,.landing-v2-step h3{color:#0f172a;margin:0;font-size:1.05rem}.landing-v2-card p,.landing-v2-step p{margin:var(--space-2) 0 0;color:#475569}.landing-v2-card ul{margin:var(--space-2) 0 0;color:#334155;gap:.35rem;padding-left:1rem;display:grid}.landing-v2-step strong{color:#2e7d32;width:2rem;height:2rem;margin-bottom:var(--space-2);background:#e8f5e9;border-radius:50%;place-items:center;display:inline-grid}.landing-v2-cta{margin-top:var(--space-4);margin-bottom:var(--space-8);border-radius:var(--radius-lg);padding:clamp(var(--space-5), 4vw, var(--space-7));background:linear-gradient(135deg,#ecfdf5,#eff6ff);border:1px solid #c8e6c9}.landing-v2-cta h2{color:#0f172a;margin:0}.landing-v2-cta p{margin:var(--space-2) 0 0;color:#334155}.landing-v2-cta-note{color:#166534;align-items:center;font-weight:800;display:inline-flex}.draft-shell-grid{grid-template-columns:15.5rem minmax(0,1fr);min-height:100vh;display:grid}.draft-sidebar{gap:var(--space-5);min-height:100vh;padding:var(--space-5) var(--space-3);background:#fffffff2;border-right:1px solid #e2e8f0;flex-direction:column;display:flex;position:sticky;top:0}.draft-logo{align-items:center;gap:var(--space-3);color:var(--text-strong);padding:0 var(--space-2);text-decoration:none;display:inline-flex}.draft-logo-mark{color:#fff;background:linear-gradient(135deg,#4caf50,#2196f3);border-radius:.8rem;place-items:center;width:2.6rem;height:2.6rem;display:inline-grid}.draft-logo-text{line-height:1.1;display:grid}.draft-logo-text strong{color:#2e7d32;font-size:1.1rem}.draft-logo-text small{color:var(--text-muted);font-weight:700}.draft-nav{gap:var(--space-2);display:grid}.draft-nav-item{align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);width:100%;min-height:2.8rem;color:var(--text-base);border:1px solid #0000;padding:.6rem .75rem;font-weight:800;text-decoration:none;display:inline-flex}.draft-nav-item:hover,.draft-nav-item.is-active{color:#2e7d32;background:#e8f5e9;border-color:#c8e6c9}.draft-nav-item.is-mock{cursor:default;color:#8a98a8;background:#f8fafc;border-color:#e2e8f0}.draft-sidebar-card{border-radius:var(--radius-md);padding:var(--space-3);background:linear-gradient(135deg,#e8f5e9,#e3f2fd);border:1px solid #c8e6c9;margin-top:auto}.draft-sidebar-card strong,.draft-sidebar-card small,.draft-xp-row{color:#2e7d32;font-weight:800}.draft-xp-row{justify-content:space-between;gap:var(--space-2);margin-top:.25rem;display:flex}.draft-main-area{grid-template-rows:auto 1fr;min-width:0;display:grid}.draft-topbar{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:4.75rem;padding:var(--space-4) clamp(var(--space-4), 4vw, var(--space-8));background:#ffffffeb;border-bottom:1px solid #e2e8f0;display:flex}.draft-topbar h1{color:var(--text-strong);margin:.15rem 0 0;font-size:1.6rem}.page-eyebrow{color:#2e7d32;text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.78rem;font-weight:900}.draft-content{width:min(1160px,100vw - 17rem);padding:var(--space-6) clamp(var(--space-4), 4vw, var(--space-8)) var(--space-8);margin:0 auto}.draft-content-narrow{width:min(960px,100vw - 17rem)}.landing-draft-shell{color:#172033;background:radial-gradient(circle at 0 0,#4caf501a,#0000 26rem),radial-gradient(circle at 80% 10%,#2196f314,#0000 24rem),#f7fafc;padding:0}.landing-draft-shell .draft-shell-grid{grid-template-columns:248px minmax(0,1fr)}.landing-draft-shell .draft-sidebar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:30;background:#ffffffeb;border-right:1px solid #e2e8f0;gap:22px;height:100vh;min-height:100vh;padding:22px 16px}.landing-draft-shell .draft-logo{gap:12px;padding:0 8px}.landing-draft-shell .draft-logo-mark{background:linear-gradient(135deg,#4caf50,#2196f3);border-radius:14px;width:42px;height:42px;font-size:1.15rem;box-shadow:0 10px 24px #4caf5040}.landing-draft-shell .draft-logo-text{font-family:Nunito,Inter,sans-serif;line-height:1.05}.landing-draft-shell .draft-logo-text strong{color:#2e7d32;font-size:1.35rem;font-weight:900}.landing-draft-shell .draft-logo-text small{color:#5e6b7a;font-size:.74rem;font-weight:700}.landing-draft-shell .draft-nav{gap:6px}.landing-draft-shell .draft-nav-item{color:#5e6b7a;background:0 0;border:0;border-radius:16px;min-height:48px;padding:10px 14px;font-family:Inter,system-ui,sans-serif;font-weight:700;transition:transform .2s,background .2s,color .2s,box-shadow .2s}.landing-draft-shell .draft-nav-item:hover{color:#172033;background:#f8fafc;transform:translate(2px)}.landing-draft-shell .draft-nav-item.is-active{color:#2e7d32;background:linear-gradient(135deg,#e8f5e9,#e3f2fde6);box-shadow:inset 0 0 0 1px #4caf502e}.landing-draft-shell .draft-nav-item.is-mock{color:#8a98a8;background:0 0;border:0}.landing-draft-shell .draft-sidebar-card{background:linear-gradient(135deg,#e8f5e9,#e3f2fdd1);border:1px solid #4caf5029;border-radius:20px;padding:16px;box-shadow:0 1px 3px #0f172a0f}.landing-draft-shell .draft-sidebar-card strong{color:#2e7d32;font-family:Nunito,Inter,sans-serif;display:block}.landing-draft-shell .draft-sidebar-card small,.landing-draft-shell .draft-xp-row{color:#5e6b7a;font-size:.82rem;font-weight:500}.landing-draft-shell .draft-topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#fffc;border-bottom:1px solid #e2e8f0;min-height:76px;padding:14px 32px;position:sticky;top:0}.landing-draft-shell .page-eyebrow{color:#5e6b7a;text-transform:none;letter-spacing:0;font-size:.86rem;font-weight:700}.landing-draft-shell .topbar-actions{gap:10px}.utility-button,.help-button,.primary-button,.secondary-button,.ghost-button,.landing-draft-shell .btn-primary,.landing-draft-shell .btn-secondary,.landing-draft-shell .btn-ghost{cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-family:Nunito,Inter,sans-serif;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.utility-button{color:#5e6b7a;background:#fff;border:1px solid #e2e8f0;padding:0 14px}.utility-button:hover,.ghost-button:hover,.landing-draft-shell .btn-ghost:hover{transform:translateY(-1px);box-shadow:0 1px 3px #0f172a0f}.help-button,.help-pill{color:#fff;background:linear-gradient(135deg,#ff9800,#ffb74d);border:0;border-radius:14px;min-height:44px;padding:0 18px;font-family:Nunito,Inter,sans-serif;font-weight:800;box-shadow:0 10px 22px #ff980040}.help-button:hover,.help-pill:hover{transform:translateY(-2px);box-shadow:0 14px 26px #ff980057}.sos{color:#fff;background:#e91e63;border-radius:999px;padding:2px 6px;font-size:.65rem}.user-chip{color:#172033;background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:10px;padding:6px 10px 6px 6px;display:inline-flex}.user-avatar,.profile-pill{color:#2e7d32;background:#e8f5e9;border-radius:50%;place-items:center;width:34px;height:34px;font-family:Nunito,Inter,sans-serif;font-weight:900;display:grid}.landing-draft-shell .draft-content{width:min(1160px,100% - 48px);padding:34px 0 56px}.landing-draft-shell .dashboard-grid{margin-top:0}.landing-draft-shell .dashboard-card,.landing-draft-shell .overview-card,.landing-draft-shell .study-main-card,.landing-draft-shell .study-help-panel,.landing-draft-shell .practice-card,.landing-draft-shell .study-support-list,.landing-draft-shell .completion-panel,.landing-draft-shell .app-shell-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px;box-shadow:0 1px 3px #0f172a0f}.landing-draft-shell .dashboard-card:hover,.landing-draft-shell .overview-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #0f172a14}.landing-draft-shell .student-hero{background:linear-gradient(135deg,#e3f2fdf5,#e8f5e9f5);border:1px solid #4caf502e;border-radius:28px;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;margin-bottom:30px;padding:clamp(24px,4vw,38px);position:relative;overflow:hidden;box-shadow:0 8px 22px #0f172a14}.landing-draft-shell .student-hero:after{content:"";background:radial-gradient(circle,#2196f329,#0000 70%);border-radius:50%;width:230px;height:230px;position:absolute;top:-70px;right:-60px}.landing-draft-shell .hero-mascot{z-index:1;background:linear-gradient(135deg,#ffe0b2,#ffd54f);border-radius:50%;width:82px;height:82px;font-size:2.55rem;box-shadow:0 12px 28px #ffc1073d}.landing-draft-shell .hero-copy{z-index:1}.landing-draft-shell .hero-copy h3,.landing-draft-shell .hero-copy h2{color:#172033;margin:0;font-family:Nunito,Inter,sans-serif;font-size:clamp(1.45rem,2.2vw,2rem)}.landing-draft-shell .hero-copy p,.landing-draft-shell .dashboard-card p,.landing-draft-shell .overview-card p,.landing-draft-shell .review-meta,.landing-draft-shell .study-content-text{color:#5e6b7a}.landing-draft-shell .hero-xp-card{z-index:1;background:#ffffffdb;border:1px solid #e2e8f0;border-radius:999px;min-width:230px;padding:10px 14px;box-shadow:0 1px 3px #0f172a0f}.mini-meter,.progress-track,.xp-meter{background:#4caf5029;border-radius:999px;height:10px;overflow:hidden}.mini-meter span,.progress-fill,.xp-meter span{background:linear-gradient(90deg,#4caf50,#81c784);border-radius:999px;height:100%;display:block;box-shadow:0 0 12px #4caf5059}.landing-draft-shell .btn-primary,.primary-button{color:#fff;background:linear-gradient(135deg,#4caf50,#66bb6a);border:0;padding:0 22px;box-shadow:0 10px 22px #4caf5038}.landing-draft-shell .btn-primary:hover,.primary-button:hover{transform:translateY(-2px);box-shadow:0 14px 28px #4caf504d}.landing-draft-shell .btn-secondary,.secondary-button{color:#2e7d32;background:#fff;border:2px solid #c8e6c9;padding:0 20px}.landing-draft-shell .btn-secondary:hover,.secondary-button:hover{background:#e8f5e9;transform:translateY(-1px)}.landing-draft-shell .btn-ghost,.ghost-button{color:#5e6b7a;background:0 0;border:1px solid #e2e8f0;padding:0 18px}.landing-draft-shell .overview-card{align-items:flex-start;padding:24px}.landing-draft-shell .overview-icon{color:#2e7d32;background:#e8f5e9;border-radius:17px;width:54px;height:54px}.landing-draft-shell .overview-card:nth-child(2) .overview-icon{color:#1565c0;background:#e3f2fd}.landing-draft-shell .overview-card:nth-child(3) .overview-icon{color:#aa7100;background:#fff8e1}.landing-draft-shell .study-grid{width:min(780px,100% - 48px);padding:34px 0 56px}.landing-draft-shell .study-main-card{background:#fff;border-radius:20px}.landing-draft-shell .help-step,.landing-draft-shell .answer-option,.landing-draft-shell .review-item,.landing-draft-shell .lesson-segment{background:#fff;border:1px solid #e2e8f0;border-radius:16px}.landing-draft-shell .help-step.is-active,.landing-draft-shell .answer-option.is-selected{color:#2e7d32;background:#e8f5e9;border-color:#c8e6c9}.app-shell--product{background:#f4f7fb;padding:0}.product-shell{min-height:100vh;color:var(--text-base);grid-template-columns:15rem minmax(0,1fr);display:grid}.product-sidebar{gap:var(--space-5);min-height:100vh;padding:var(--space-5) var(--space-3);background:#fff;border-right:1px solid #dce8f4;flex-direction:column;display:flex;position:sticky;top:0}.product-brand{align-items:center;gap:var(--space-3);color:var(--brand-primary-strong);padding:0 var(--space-2);font-size:1.25rem;font-weight:900;text-decoration:none;display:inline-flex}.side-nav{gap:var(--space-2);display:grid}.side-nav-item{align-items:center;gap:var(--space-3);width:100%;min-height:2.75rem;color:var(--text-base);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;margin:0;padding:.62rem .75rem;font-weight:800;text-decoration:none;display:inline-flex}.side-nav-item:hover,.side-nav-item.is-active,.side-nav-item.is-section-active{color:var(--brand-primary-strong);background:#eaf7ee;border-color:#c8ead1}.side-nav-item.is-muted{cursor:default;color:#6b7f99}.sidebar-progress{border-radius:var(--radius-md);padding:var(--space-3);background:#eaf7ee;border:1px solid #c8ead1;margin-top:auto}.sidebar-progress p,.sidebar-progress small{color:#166534;margin:0;font-weight:800}.sidebar-progress small{margin-top:.35rem;font-size:.78rem;display:block}.mini-meter{height:.48rem;margin-top:var(--space-2);background:#ffffffd1;border-radius:999px;overflow:hidden}.mini-meter span{background:#3da84b;border-radius:999px;height:100%;display:block}.product-workspace{grid-template-rows:auto 1fr;min-width:0;display:grid}.product-topbar{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:4.75rem;padding:var(--space-4) clamp(var(--space-4), 4vw, var(--space-8));background:#fffffff5;border-bottom:1px solid #dce8f4;display:flex}.topbar-kicker{color:var(--brand-primary-strong);margin:0;font-weight:900}.product-topbar h1{color:var(--text-strong);margin:.15rem 0 0;font-size:1.6rem}.topbar-actions,.dashboard-utilities,.hero-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.help-pill{color:#fff;background:#ff7a59;border:0;border-radius:999px;min-height:2.65rem;padding:.65rem 1rem;font-weight:900;box-shadow:0 8px 18px #ff7a593d}.profile-pill{color:#167133;background:#d9f4dd;border-radius:50%;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;font-weight:900;display:inline-flex}.compact-action{min-height:2.4rem;padding:.5rem .75rem}.student-dashboard{width:min(1120px,100vw - 17rem);padding:var(--space-6) clamp(var(--space-4), 4vw, var(--space-8)) var(--space-8);margin:0 auto}.dashboard-heading-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.dashboard-heading-row h2{color:var(--text-strong);margin:0;font-size:1.45rem}.state-banner{border:1px solid var(--border-base);border-radius:var(--radius-sm);padding:var(--space-3);background:#fff}.student-hero{align-items:center;gap:var(--space-5);border-radius:var(--radius-lg);padding:clamp(var(--space-4), 3vw, var(--space-6));background:linear-gradient(105deg,#fff 0%,#eff8ff 100%);border:1px solid #c9ead4;grid-template-columns:auto minmax(0,1fr) minmax(10rem,13rem);display:grid;box-shadow:0 14px 30px #10243e14}.hero-mascot{background:#c9eefb;border-radius:50%;place-items:center;width:4.75rem;height:4.75rem;font-size:2.8rem;display:grid}.hero-copy{min-width:0}.hero-eyebrow{color:var(--brand-primary-strong);text-transform:uppercase;margin:0 0 .25rem;font-size:.78rem;font-weight:900}.hero-copy h2{color:var(--text-strong);margin:0;font-size:clamp(1.35rem,2.6vw,2rem)}.hero-copy p{margin:.35rem 0 var(--space-4);color:var(--text-base)}.hero-xp-card{border-radius:var(--radius-md);padding:var(--space-3);background:#fff;border:1px solid #d8e7f5}.hero-xp-card span,.hero-xp-card strong{display:block}.hero-xp-card span{color:var(--text-muted);font-size:.85rem;font-weight:800}.hero-xp-card strong{color:#d97706;font-size:1.55rem}.dashboard-overview{margin-top:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.overview-card{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);min-width:0;padding:var(--space-4);background:#fff;border:1px solid #dce8f4;display:flex}.overview-icon{width:2.4rem;height:2.4rem;color:var(--brand-primary-strong);background:#eaf5ff;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.overview-card h3,.overview-card p{margin:0}.overview-card h3{color:var(--text-strong);font-size:.95rem}.overview-card p{color:var(--text-muted);margin-top:.2rem}.product-dashboard-grid{margin-top:var(--space-4)}.surface-shell{width:min(1100px,96vw);margin:0 auto}.site-nav{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4);border:1px solid var(--border-base);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:#ffffffeb;flex-wrap:wrap;display:flex}.site-nav-brand{align-items:center;gap:var(--space-3);display:flex}.brand-mark{background:var(--bg-soft);width:2.2rem;height:2.2rem;color:var(--brand-primary-strong);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.site-nav h1{color:var(--text-strong);margin:0;font-size:1.05rem}.site-nav-links{gap:var(--space-2);flex-wrap:wrap;display:flex}.nav-link{color:var(--text-base);border-radius:var(--radius-sm);border:1px solid #0000;padding:.55rem .75rem;font-size:.92rem;font-weight:700;text-decoration:none}.nav-link:hover,.nav-link[aria-current=page]{color:var(--brand-primary-strong);background:var(--bg-soft);border-color:var(--border-base)}.landing-card,.app-shell-card{background:var(--bg-surface);border:1px solid var(--border-base);border-radius:var(--radius-lg);width:min(960px,96vw);padding:clamp(var(--space-5), 3vw, var(--space-8));box-shadow:var(--shadow-soft);margin:0 auto}.app-shell-card{width:min(1120px,96vw)}.landing-kicker{margin:0 0 var(--space-3);text-transform:uppercase;letter-spacing:.08em;color:var(--brand-secondary);font-size:.78rem;font-weight:800}.title-with-icon{align-items:center;gap:var(--space-3);display:flex}.title-icon{background:var(--brand-secondary-soft);width:2rem;height:2rem;color:var(--brand-secondary);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.landing-card h1,.app-shell-card h1{color:var(--text-strong);margin:0;line-height:1.2}.landing-card p,.app-shell-card p{color:var(--text-base)}.landing-copy{max-width:62ch}.landing-actions{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.btn-primary,.btn-secondary,.btn-ghost{border-radius:var(--radius-sm);cursor:pointer;border:0;justify-content:center;align-items:center;gap:.45rem;padding:.7rem 1rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:var(--brand-primary);color:#fff}.btn-primary:hover{background:var(--brand-primary-strong)}.btn-secondary{color:var(--text-strong);background:#dde9f6}.btn-ghost{color:var(--text-base);border:1px solid var(--border-base);background:0 0}.field{color:var(--text-base);gap:.4rem;margin:.6rem 0;font-weight:700;display:grid}.field input{border:1px solid var(--border-base);border-radius:var(--radius-sm);color:var(--text-strong);padding:.62rem .72rem;font-size:.95rem}.field input:focus-visible{border-color:var(--brand-primary);outline-offset:1px;outline:2px solid #0f766e33}.error-text{color:#b91c1c;margin:.6rem 0 0;font-weight:700}.success-text{color:#0f766e;margin:.8rem 0 0;font-weight:700}.app-shell-top{justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;align-items:flex-start;display:flex}.app-shell-meta{color:var(--text-muted)}.app-shell-menu{margin-top:var(--space-4);gap:var(--space-2);border-top:1px solid var(--border-base);padding-top:var(--space-4);flex-wrap:wrap;display:flex}.app-shell-tabs{gap:var(--space-2);flex-wrap:wrap;display:flex}.tab-btn{color:var(--text-base);background:var(--bg-soft);border:1px solid var(--border-base);border-radius:var(--radius-sm);cursor:pointer;padding:.5rem .72rem;font-size:.9rem;font-weight:700}.tab-btn:hover{color:var(--brand-primary-strong);border-color:var(--brand-primary)}.tab-btn[aria-selected=true]{color:#fff;background:var(--brand-primary);border-color:var(--brand-primary)}.dashboard-grid{margin-top:var(--space-5);gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.dashboard-card{border:1px solid var(--border-base);border-radius:var(--radius-md);padding:var(--space-4);background:linear-gradient(#fff,#f8fbff)}.card-head{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.dashboard-card h2{color:var(--text-strong);margin:0;font-size:1rem}.dashboard-card p{margin:.35rem 0}.dashboard-card ul{margin:0;padding-left:1.1rem}.dashboard-card li{color:var(--text-base);margin:.3rem 0}.dashboard-card-full{grid-column:1/-1}.row-space{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.gamification-card{background:linear-gradient(165deg,#fff 0%,#ecfdf7 100%)}.level-badge{color:#166534;background:#f0fdf4;border:1px solid #86efac;border-radius:999px;margin:0;padding:.3rem .6rem;font-weight:800}.gamification-progress,.streak-board,.mascot-box{margin-top:var(--space-3);border:1px solid var(--border-base);border-radius:var(--radius-sm);padding:var(--space-3);background:#fff}.xp-meter{margin-top:var(--space-2);background:#d1fae5;border-radius:999px;width:100%;height:.72rem;overflow:hidden}.xp-meter span{background:linear-gradient(90deg,#0f766e,#14b8a6);border-radius:999px;height:100%;display:block}.meter-meta{color:var(--text-muted);margin-top:.45rem;font-size:.88rem}.streak-days{margin-top:var(--space-2);grid-template-columns:repeat(7,minmax(0,1fr));gap:.4rem;display:grid}.streak-day{text-align:center;border:1px solid var(--border-base);color:var(--text-muted);background:#f8fbff;border-radius:999px;padding:.32rem;font-weight:700}.streak-day.is-active{color:#115e59;background:#ccfbf1;border-color:#2dd4bf}.mascot-box{align-items:center;gap:var(--space-3);display:flex}.achievement-board,.profile-card .profile-layout,.preference-grid,.preference-controls,.preference-preview,.lesson-segment-list{margin-top:var(--space-3)}.achievement-board{border:1px solid var(--border-base);border-radius:var(--radius-sm);padding:var(--space-3);background:#fff}.achievement-board h3,.achievement-card h4,.profile-summary h3,.preference-preview h3{color:var(--text-strong);margin:0}.achievement-grid,.preference-grid,.preference-controls{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));display:grid}.achievement-card,.preference-toggle,.preference-preview,.lesson-segment{border-radius:var(--radius-sm);min-width:0;padding:var(--space-3);background:#f8fbff;border:1px solid #dce8f4}.achievement-card--unlocked{background:#ecfdf3;border-color:#86efac}.achievement-card--progress{background:#f0f9ff;border-color:#7dd3fc}.achievement-card p,.preference-toggle small,.preference-preview p,.preference-preview small,.lesson-segment p{color:var(--text-muted);margin:.35rem 0 0}.achievement-status{border:1px solid var(--border-base);width:fit-content;color:var(--text-muted);background:#fff;border-radius:999px;padding:.22rem .55rem;font-size:.78rem;font-weight:900;display:inline-flex}.profile-card{background:linear-gradient(165deg,#fff 0%,#f4fbff 100%)}.profile-layout{gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(14rem,18rem);align-items:start;display:grid}.profile-summary{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);padding:var(--space-4);background:#fff;border:1px solid #c8ead1;display:flex}.profile-avatar-large{color:#166534;background:#d9f4dd;border-radius:50%;flex:none;place-items:center;width:3.4rem;height:3.4rem;font-size:1.4rem;font-weight:900;display:inline-grid}.profile-switcher select,.preference-controls select,.preference-controls input{border:1px solid var(--border-base);border-radius:var(--radius-sm);width:100%;color:var(--text-strong);background:#fff;padding:.62rem .72rem}.preference-toggle{gap:var(--space-3);cursor:pointer;align-items:flex-start;display:flex}.preference-toggle input{flex:none;width:1.15rem;height:1.15rem;margin-top:.15rem}.preference-toggle span,.preference-toggle small{display:block}.preference-preview.is-high-contrast,.app-shell.is-high-contrast .study-main-card,.app-shell.is-high-contrast .practice-card,.app-shell.is-high-contrast .study-help-panel{color:#fff;background:#0f172a;border-color:#334155}.preference-preview.is-high-contrast h3,.preference-preview.is-high-contrast p,.preference-preview.is-high-contrast small,.app-shell.is-high-contrast .study-main-card h2,.app-shell.is-high-contrast .study-main-card p,.app-shell.is-high-contrast .practice-card h2,.app-shell.is-high-contrast .practice-card p,.app-shell.is-high-contrast .study-help-panel h2{color:#fff}.preference-preview.is-reading-comfort,.app-shell.is-reading-comfort .study-content-text,.app-shell.is-reading-comfort .lesson-segment p{word-spacing:.12rem;line-height:1.9}.profile-actions{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.mascot-status{align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-base);padding:var(--space-3);width:100%;display:flex}.mascot-status--positive{background:#ecfdf3;border-color:#86efac}.mascot-status--supportive{background:#ecfeff;border-color:#67e8f9}.mascot-status--calm{background:#fff7ed;border-color:#fdba74}.mascot-status--neutral{background:#f8fafc}.mascot-emoji{margin:0;font-size:1.8rem;line-height:1}.mascot-caption{color:var(--text-muted);margin:0;font-size:.8rem}.mascot-mood{color:var(--text-strong);margin:.18rem 0 0}.review-list{margin-top:var(--space-3);gap:var(--space-3);display:grid}.review-item{border:1px solid var(--border-base);border-radius:var(--radius-sm);padding:var(--space-3);justify-content:space-between;gap:var(--space-3);background:#fff;flex-wrap:wrap;align-items:center;display:flex}.review-title{color:var(--text-strong);margin:0;font-weight:800}.review-meta{color:var(--text-muted);margin:.25rem 0 0}.review-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.status-chip{border-radius:999px;padding:.3rem .65rem;font-size:.8rem;font-weight:800}.status-chip-success{color:#166534;background:#dcfce7;border:1px solid #86efac}.status-chip-warning{color:#9a3412;background:#fff7ed;border:1px solid #fdba74}.status-chip-info{color:#075985;background:#e0f2fe;border:1px solid #7dd3fc}.empty-state{margin-top:var(--space-3);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);padding:var(--space-3);background:#f8fbff}.review-session,.review-session-body{gap:var(--space-4);display:grid}.review-focus-card{border:1px solid var(--border-base);border-left:.35rem solid var(--brand-primary);border-radius:var(--radius-md);padding:var(--space-4);background:#fff}.review-support-list h2{margin:0 0 var(--space-3);color:var(--text-strong);font-size:1rem}.app-shell--study{background:#f4f7fb;padding:0}.study-shell{min-height:100vh;color:var(--text-base);grid-template-columns:14rem minmax(0,1fr);display:grid}.study-rail{gap:var(--space-5);min-height:100vh;padding:var(--space-5) var(--space-3);background:#fff;border-right:1px solid #dce8f4;flex-direction:column;display:flex;position:sticky;top:0}.study-steps{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.study-steps li{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);color:#61738a;background:#f8fbff;border:1px solid #dce8f4;min-height:2.75rem;padding:.65rem .75rem;font-weight:800;display:flex}.study-steps span{width:1.6rem;height:1.6rem;color:var(--text-strong);background:#dde9f6;border-radius:50%;place-items:center;font-size:.8rem;display:inline-grid}.study-steps li.is-active,.study-steps li.is-complete{color:#166534;background:#eaf7ee;border-color:#c8ead1}.study-steps li.is-complete span{color:#fff;background:#3da84b}.study-support-card{border-radius:var(--radius-md);padding:var(--space-3);background:#fff4ef;border:1px solid #ffd1c5;margin-top:auto}.study-support-card p,.study-support-card small{color:#9a3412;margin:0;font-weight:800}.study-support-card small{margin-top:.35rem;font-size:.8rem;display:block}.study-workspace{grid-template-rows:auto 1fr;min-width:0;display:grid}.study-topbar{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:4.75rem;padding:var(--space-4) clamp(var(--space-4), 4vw, var(--space-8));background:#fffffff5;border-bottom:1px solid #dce8f4;display:flex}.study-topbar h1{color:var(--text-strong);margin:.15rem 0 0;font-size:clamp(1.25rem,2.2vw,1.8rem)}.study-grid{width:min(1120px,100vw - 16rem);padding:var(--space-6) clamp(var(--space-4), 4vw, var(--space-8)) var(--space-8);gap:var(--space-4);grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);margin:0 auto;display:grid}.study-main-card,.study-help-panel,.practice-card,.study-support-list,.completion-panel{border-radius:var(--radius-md);min-width:0;padding:var(--space-4);background:#fff;border:1px solid #dce8f4;box-shadow:0 10px 24px #10243e0f}.study-main-card{background:linear-gradient(120deg,#fff 0%,#eff8ff 100%);border-color:#c9ead4}.study-lesson-id{color:#166534;background:#eaf7ee;border-radius:999px;width:fit-content;padding:.3rem .7rem;font-weight:900;display:inline-flex}.study-content-text{margin:var(--space-4) 0;color:var(--text-strong);font-size:1.15rem;line-height:1.65}.app-shell.is-focus-mode .study-support-list,.app-shell.is-focus-mode .review-support-list{display:none}.lesson-segment-list{gap:var(--space-2);display:grid}.lesson-segment{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.study-help-panel h2,.practice-card h2,.completion-panel h2{color:var(--text-strong);margin:0;font-size:1.05rem}.help-step-list,.answer-options{gap:var(--space-2);margin-top:var(--space-3);display:grid}.help-step{align-items:flex-start;gap:var(--space-2);border-radius:var(--radius-sm);width:100%;color:var(--text-base);padding:var(--space-3);text-align:left;cursor:pointer;background:#f8fbff;border:1px solid #dce8f4;font-weight:700;display:flex}.help-step span{width:1.45rem;height:1.45rem;color:var(--text-strong);background:#dde9f6;border-radius:50%;flex:none;place-items:center;font-size:.78rem;display:inline-grid}.help-step.is-active{color:#075985;background:#e0f2fe;border-color:#7dd3fc}.practice-card,.study-support-list,.completion-panel{grid-column:1/-1}.answer-option{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);padding:var(--space-3);color:var(--text-base);cursor:pointer;background:#fff;border:1px solid #dce8f4;font-weight:800;display:flex}.answer-option.is-selected{color:#166534;background:#eaf7ee;border-color:#3da84b}.completion-panel{align-items:center;gap:var(--space-4);background:#fffaf7;border-color:#ffd1c5;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.completion-panel.is-complete{background:#ecfdf3;border-color:#86efac}.completion-icon{color:#d97706;background:#ffedd5;border-radius:50%;place-items:center;width:3rem;height:3rem;display:inline-grid}.completion-panel.is-complete .completion-icon{color:#166534;background:#dcfce7}.completion-panel p{margin:.3rem 0 0}.card{border:1px solid var(--border-base);border-radius:var(--radius-md);background:var(--bg-surface);padding:var(--space-4);box-shadow:0 2px 8px #10243e0f}.card--interactive{cursor:pointer;transition:box-shadow .18s,border-color .18s}.card--interactive:hover,.card--interactive:focus-visible{border-color:var(--brand-primary);box-shadow:0 4px 16px #0f766e24}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.btn-primary:disabled,.btn-secondary:disabled,.btn-ghost:disabled{opacity:.52;cursor:not-allowed}@media (width<=480px){.landing-v2-topbar{flex-direction:column;align-items:flex-start}.landing-v2-nav{flex-wrap:nowrap;width:100%;overflow-x:auto}.landing-v2-hero,.landing-v2-grid-2,.landing-v2-grid-3,.landing-v2-steps{grid-template-columns:1fr}.landing-v2-hero,.landing-v2-section,.landing-v2-cta{width:calc(100% - 1rem)}.draft-shell-grid{display:block}.draft-sidebar{min-height:0;padding:var(--space-3);border-bottom:1px solid #e2e8f0;border-right:0;position:static}.draft-nav{gap:var(--space-2);display:flex;overflow-x:auto}.draft-nav-item{white-space:nowrap;flex:none;width:auto}.draft-main-area{display:block}.draft-topbar{padding:var(--space-3);flex-direction:column;align-items:flex-start}.draft-content,.draft-content-narrow{width:100%;padding:var(--space-4) var(--space-3) var(--space-6)}.product-shell{display:block}.product-sidebar{min-height:0;padding:var(--space-3);border-bottom:1px solid #dce8f4;border-right:0;position:static}.product-brand{padding:0}.side-nav{gap:var(--space-2);padding-bottom:.15rem;display:flex;overflow-x:auto}.side-nav-item{white-space:nowrap;flex:none;width:auto}.sidebar-progress{margin-top:0}.product-topbar{padding:var(--space-3);align-items:flex-start}.topbar-actions{width:100%}.help-pill{flex:10rem}.student-dashboard{width:100%;padding:var(--space-4) var(--space-3) var(--space-6)}.dashboard-heading-row,.student-hero{grid-template-columns:1fr}.dashboard-heading-row{display:grid}.hero-mascot{width:4rem;height:4rem;font-size:2.35rem}.dashboard-overview,.achievement-grid,.preference-grid,.preference-controls,.profile-layout,.lesson-segment{grid-template-columns:1fr}.profile-layout,.lesson-segment{display:grid}.profile-summary{align-items:flex-start}.study-shell{display:block}.study-rail{min-height:0;padding:var(--space-3);border-bottom:1px solid #dce8f4;border-right:0;position:static}.study-steps{gap:var(--space-2);padding-bottom:.15rem;display:flex;overflow-x:auto}.study-steps li{white-space:nowrap;flex:none}.study-support-card{margin-top:0}.study-topbar,.completion-panel{grid-template-columns:1fr;align-items:flex-start}.study-topbar{padding:var(--space-3)}.study-grid{width:100%;padding:var(--space-4) var(--space-3) var(--space-6);grid-template-columns:1fr}.site-nav{align-items:flex-start;gap:var(--space-2);flex-direction:column}.site-nav-links{flex-wrap:nowrap;width:100%;overflow-x:auto}.dashboard-grid{grid-template-columns:1fr}.streak-days{gap:.25rem}.streak-day{padding:.25rem;font-size:.76rem}.landing-actions{flex-direction:column}.btn-primary,.btn-secondary,.btn-ghost{justify-content:center;width:100%}.profile-actions{flex-direction:column}}@media (width<=720px){.landing,.app-shell{padding:var(--space-4) var(--space-3)}:is(.landing,.app-shell) .landing-harness-banner{justify-content:space-between;left:8px;right:8px}.site-nav{padding:var(--space-3) var(--space-4)}.site-nav h1{font-size:1rem}.landing-card,.app-shell-card{padding:var(--space-5)}.app-shell-menu{padding-top:var(--space-2);border-top:0}}@media (width>=481px) and (width<=920px){.landing-v2-hero{grid-template-columns:1fr}.landing-v2-grid-3,.landing-v2-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.product-shell{grid-template-columns:12.5rem minmax(0,1fr)}.student-dashboard{width:min(100%,100vw - 12.5rem);padding:var(--space-5)}.student-hero{grid-template-columns:auto minmax(0,1fr)}.hero-xp-card{grid-column:1/-1}.dashboard-overview,.profile-layout{grid-template-columns:1fr}.study-shell{grid-template-columns:12.5rem minmax(0,1fr)}.study-grid{width:min(100%,100vw - 12.5rem);padding:var(--space-5);grid-template-columns:1fr}.completion-panel{grid-template-columns:auto minmax(0,1fr)}.completion-panel .landing-actions{grid-column:1/-1}}.mobile-menu-button,.mobile-menu-backdrop{display:none}.topbar-leading{align-items:center;gap:12px;min-width:0;display:flex}@media (width<=820px){html,body,#root{max-width:100%;overflow-x:hidden}.landing-draft-shell.app-shell,.landing-draft-shell{min-width:0;padding:0;overflow-x:clip}.landing-draft-shell .draft-shell-grid{min-width:0;display:block}.landing-draft-shell .draft-shell-grid:has(.sidebar-reopen-button){display:block}.landing-draft-shell .draft-shell-grid:has(.sidebar-reopen-button) .draft-sidebar{pointer-events:auto;border-right:1px solid #e2e8f0;width:min(82vw,320px);padding:22px 16px;overflow:visible}.landing-draft-shell .draft-sidebar{z-index:90;background:#fffffffa;border-top:0;border-bottom:0;border-right:1px solid #e2e8f0;flex-direction:column;align-items:stretch;gap:22px;width:min(82vw,320px);height:100dvh;min-height:100dvh;padding:22px 16px;transition:transform .22s;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:18px 0 45px #0f172a29}.landing-draft-shell .draft-sidebar.is-open{transform:translate(0)}.landing-draft-shell .draft-logo,.landing-draft-shell .draft-sidebar-card{display:flex}.landing-draft-shell .draft-sidebar-card{flex-direction:column;align-items:stretch;gap:8px}.landing-draft-shell .draft-sidebar-card strong,.landing-draft-shell .draft-sidebar-card small{display:block}.landing-draft-shell .draft-sidebar-card small{line-height:1.35}.landing-draft-shell .draft-xp-row{margin-top:0}.landing-draft-shell .draft-logo-text{flex-direction:column;display:flex}.landing-draft-shell .draft-nav{flex-direction:column;justify-content:flex-start;gap:6px;height:auto;display:flex;overflow:visible}.landing-draft-shell .draft-nav-item{white-space:normal;border-radius:16px;flex-direction:row;flex:none;justify-content:flex-start;gap:12px;width:100%;min-width:0;height:auto;min-height:48px;padding:10px 14px;font-size:.95rem}.landing-draft-shell .draft-nav-item span:not(.nav-icon){display:inline}.landing-draft-shell .nav-icon{width:28px;height:28px;font-size:1.15rem}.mobile-menu-button{color:#172033;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;font-family:Nunito,Inter,sans-serif;font-size:1.4rem;font-weight:900;display:inline-grid;box-shadow:0 1px 3px #0f172a0f}.mobile-menu-backdrop.is-open{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a5c;border:0;display:block;position:fixed;inset:0}.landing-draft-shell .draft-main-area{min-width:0;display:block}.landing-draft-shell .draft-topbar{justify-content:space-between;align-items:center;gap:10px;min-height:64px;padding:10px 14px;display:flex;position:sticky;top:0}.landing-draft-shell .topbar-actions{flex:0 auto;justify-content:flex-end;gap:8px;width:auto}.landing-draft-shell .sidebar-reopen-button{display:none}.landing-draft-shell .topbar-profile-button{grid-template-columns:1fr;width:44px;min-height:40px;padding:0}.landing-draft-shell .topbar-profile-copy,.landing-draft-shell .page-eyebrow,.landing-draft-shell .utility-button,.landing-draft-shell .user-chip span:not(.user-avatar),.landing-draft-shell .compact-action svg{display:none}.landing-draft-shell .help-button,.landing-draft-shell .ghost-button.compact-action,.landing-draft-shell .user-chip{min-height:40px}.landing-draft-shell .help-button{padding:0 12px}.landing-draft-shell .draft-content,.landing-draft-shell .draft-content-narrow,.landing-draft-shell .student-dashboard{width:min(100% - 28px,1160px);padding:20px 0 34px}.landing-draft-shell .app-shell-card,.landing-draft-shell .card,.landing-draft-shell .dashboard-card,.landing-draft-shell .overview-card,.landing-draft-shell .study-main-card,.landing-draft-shell .study-help-panel,.landing-draft-shell .practice-card,.landing-draft-shell .study-support-list,.landing-draft-shell .completion-panel,.landing-draft-shell .achievement-board,.landing-draft-shell .gamification-progress,.landing-draft-shell .streak-board,.landing-draft-shell .mascot-box,.landing-draft-shell .profile-summary,.landing-draft-shell .preference-toggle,.landing-draft-shell .preference-preview,.landing-draft-shell .lesson-segment,.landing-draft-shell .empty-state{border-radius:18px;max-width:100%;padding:18px}.landing-draft-shell .hero-card,.landing-draft-shell .completion-panel,.landing-draft-shell .page-header,.landing-draft-shell .profile-layout,.landing-draft-shell .subject-card{grid-template-columns:1fr}.landing-draft-shell .hero-card{text-align:center;gap:16px;padding:22px 18px}.landing-draft-shell .mascot{width:70px;height:70px;margin:0 auto;font-size:2.1rem}.landing-draft-shell .level-pill{border-radius:18px;width:100%;min-width:0}.landing-draft-shell .grid.two,.landing-draft-shell .grid.three,.landing-draft-shell .achievement-grid,.landing-draft-shell .playful-achievement-grid,.landing-draft-shell .portal-layout,.landing-draft-shell .profile-grid,.landing-draft-shell .form-grid,.landing-draft-shell .check-grid,.landing-draft-shell .preference-grid,.landing-draft-shell .preference-controls{grid-template-columns:1fr}.landing-draft-shell .study-priority-item{grid-template-columns:1fr;align-items:start}.landing-draft-shell .subject-card{min-height:auto}.landing-draft-shell .subject-card-actions,.landing-draft-shell .subject-skill-row{grid-template-columns:1fr}.landing-draft-shell .subject-skill-actions{grid-template-columns:1fr;justify-content:stretch;display:grid}.landing-draft-shell .subject-skill-actions .primary-button,.landing-draft-shell .subject-skill-actions .secondary-button{justify-content:center;width:100%}.landing-draft-shell .page-header{gap:14px;margin-bottom:20px;display:grid}.landing-draft-shell .page-title h1,.landing-draft-shell .app-shell-card h1{font-size:1.55rem;line-height:1.18}.landing-draft-shell .hero-copy h2,.landing-draft-shell .hero-copy h3{font-size:1.45rem}.landing-draft-shell .hero-actions,.landing-draft-shell .landing-actions,.landing-draft-shell .page-actions{justify-content:stretch;width:100%}.landing-draft-shell .primary-button,.landing-draft-shell .btn-primary,.landing-draft-shell .secondary-button,.landing-draft-shell .btn-secondary,.landing-draft-shell .ghost-button,.landing-draft-shell .btn-ghost{width:100%;min-width:0}.landing-draft-shell .review-item,.landing-draft-shell .performance-item,.landing-draft-shell .alert-card h4,.landing-draft-shell .lesson-segment{grid-template-columns:1fr;align-items:start;display:grid}.landing-draft-shell .practice-shell,.landing-draft-shell .study-grid{width:100%}}@media (width<=520px){.landing-draft-shell .draft-content,.landing-draft-shell .draft-content-narrow,.landing-draft-shell .student-dashboard{width:min(100% - 20px,1160px)}.landing-draft-shell .help-button .label,.landing-draft-shell .ghost-button.compact-action{display:none}.landing-draft-shell .topbar-actions{gap:6px}.landing-draft-shell .app-shell-card,.landing-draft-shell .card,.landing-draft-shell .hero-card,.landing-draft-shell .question-card{padding:16px}}.bncc-portal{background:radial-gradient(circle at 10% 10%,#fbbf242e,#0000 32%),radial-gradient(circle at 90% 20%,#0ea5e924,#0000 35%),#fffef8;border:1px solid #f59e0b}.bncc-portal *{font-family:IBM Plex Sans,sans-serif}.bncc-portal-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.bncc-portal-header h2,.bncc-portal h3,.bncc-portal h4{color:#1f2937;margin-top:0;font-family:Space Grotesk,sans-serif}.bncc-nav{flex-wrap:wrap;gap:.5rem;display:flex}.bncc-service-actions{flex-direction:column;align-items:flex-end;gap:.3rem;margin-top:.25rem;display:flex}.bncc-service-btn{cursor:pointer;color:#475569;white-space:nowrap;background:#f8fafc;border:2px solid #cbd5e1;border-radius:999px;align-items:center;gap:.45rem;padding:.38rem .85rem;font-size:.82rem;font-weight:600;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.bncc-service-btn:disabled{opacity:.65;cursor:default}.bncc-service-btn--online{color:#15803d;background:#f0fdf4;border-color:#16a34a}.bncc-service-btn--online:not(:disabled):hover{background:#dcfce7}.bncc-service-btn--offline{color:#dc2626;background:#fef2f2;border-color:#dc2626}.bncc-service-btn--offline:not(:disabled):hover{background:#fee2e2}.bncc-service-btn--restarting,.bncc-service-btn--checking{color:#b45309;background:#fffbeb;border-color:#d97706}.bncc-service-btn--unknown:not(:disabled):hover{background:#f1f5f9;border-color:#94a3b8}.bncc-service-indicator{background:currentColor;border-radius:50%;flex-shrink:0;width:8px;height:8px}.bncc-service-btn--checking .bncc-service-indicator,.bncc-service-btn--restarting .bncc-service-indicator{animation:1s ease-in-out infinite bncc-pulse}.bncc-service-btn--unknown .bncc-service-indicator{background:#94a3b8}@keyframes bncc-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.bncc-restart-msg{color:#64748b;text-align:right;max-width:220px;font-size:.75rem}.bncc-nav button{color:#0f172a;background:#e2e8f0;border:1px solid #cbd5e1}.bncc-nav button.active{color:#fff;background:#ea580c;border-color:#ea580c}.portal-content{gap:.9rem;display:grid}.bncc-actions{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.catalog-filters input,.catalog-filters select{min-width:160px;max-width:260px}.bncc-import-card code{background:#f1f5f9;border-radius:6px;padding:.05rem .35rem}.bncc-import-grid{grid-template-columns:1.5fr 1fr auto;align-items:end;gap:.6rem;display:grid}.bncc-import-grid label{color:#1e3a8a;gap:.3rem;font-size:.85rem;display:grid}.bncc-checkbox{grid-column:1/span 2;align-items:center;gap:.5rem;display:inline-flex}.bncc-checkbox input{width:auto}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem;display:grid}.kpi-card{background:#fff;border:1px solid #fde68a;border-radius:12px;padding:.75rem}.kpi-card strong{color:#0f766e;font-size:1.35rem;display:block}.subject-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:.75rem}.subject-card ul{gap:.55rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.subject-card li{grid-template-columns:1.3fr 100px 80px;align-items:center;gap:.5rem;display:grid}.catalog-results li{border:1px solid #e2e8f0;border-radius:8px;padding:.75rem;display:block}.catalog-result-head{flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.45rem;display:flex}.catalog-result-head span,.catalog-result-head strong{background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;padding:.16rem .5rem;font-size:.78rem}.catalog-result-head strong{color:#0f766e;background:#ecfdf5;border-color:#99f6e4}.bar{background:#f1f5f9;border-radius:999px;grid-column:1/-1;height:8px;overflow:hidden}.bar div{background:linear-gradient(90deg,#ea580c,#f59e0b);height:100%}.diagram{grid-template-columns:repeat(9,minmax(0,1fr));align-items:center;gap:.35rem;display:grid}.node{text-align:center;background:#fff;border:1px solid #cbd5e1;border-radius:10px;grid-column:span 1;padding:.6rem;font-size:.82rem;font-weight:500}.arrow{text-align:center;color:#334155;font-weight:700}.explain-grid,.llm-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem;display:grid}.explain-grid article,.llm-grid article{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:.75rem}.llm-grid input{width:100%}.llm-diagram .node{background:#f0fdf4;border-color:#86efac}.ops-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.35rem .7rem;display:grid}.ops-grid p,.ops-latest-run p{margin:.2rem 0}.ops-latest-run{border-top:1px dashed #cbd5e1;margin-top:.5rem;padding-top:.5rem}.admin-access-card{background:#fffbeb;border-color:#fbbf24}.admin-access-head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.admin-auth-pill{white-space:nowrap;letter-spacing:.01em;border:1px solid;border-radius:999px;align-items:center;padding:.3rem .62rem;font-size:.78rem;font-weight:700;display:inline-flex}.admin-auth-pill--ok{color:#166534;background:#dcfce7;border-color:#16a34a}.admin-auth-pill--off{color:#92400e;background:#fef3c7;border-color:#f59e0b}.admin-steps{flex-wrap:wrap;gap:.45rem;margin-top:.5rem;margin-bottom:.55rem;display:flex}.admin-step{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:.16rem .5rem;font-size:.75rem}.admin-access-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:.6rem;display:grid}.admin-access-grid label{color:#1e3a8a;gap:.3rem;font-size:.85rem;display:grid}.admin-access-actions{flex-wrap:wrap;gap:.5rem;margin-top:.65rem;display:flex}.admin-access-actions button{border-radius:10px}.otp-six-block{background:#fff;border:1px dashed #f59e0b;border-radius:10px;margin-top:.65rem;padding:.65rem}.otp-six-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.otp-state-badge{border-radius:999px;align-items:center;padding:.18rem .48rem;font-size:.74rem;font-weight:700;display:inline-flex}.otp-state-badge--idle{color:#075985;background:#e0f2fe;border:1px solid #7dd3fc}.otp-state-badge--loading{color:#92400e;background:#fef3c7;border:1px solid #f59e0b}.otp-six-grid{grid-template-columns:repeat(6,minmax(44px,52px));gap:.45rem;margin-top:.45rem;display:grid}.otp-six-input{text-align:center;border:1px solid #cbd5e1;border-radius:10px;height:48px;font-size:1.15rem;font-weight:700;transition:border-color .15s,background-color .15s,transform .15s}.otp-six-input.is-filled{background:#f0fdf4;border-color:#22c55e}.otp-six-input:focus{outline-offset:1px;outline:2px solid #0f766e;transform:translateY(-1px)}.otp-loading{color:#b45309;align-items:center;gap:.45rem;margin-top:.55rem;font-weight:600;display:inline-flex}.otp-loading-dot{background:#f59e0b;border-radius:50%;width:9px;height:9px;animation:.9s ease-in-out infinite otp-bounce}@keyframes otp-bounce{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.62)}}.twofa-enroll-card{background:#fff;border:1px dashed #f59e0b;border-radius:10px;margin-top:.7rem;padding:.65rem}.twofa-qr{background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:180px;height:180px}.semantic-controls{grid-template-columns:1.4fr 120px 1fr auto;align-items:end;gap:.6rem;display:grid}.semantic-controls label{color:#1e3a8a;gap:.3rem;font-size:.85rem;display:grid}.semantic-results{margin-top:.7rem}.semantic-results ul{gap:.55rem;margin:.45rem 0 0;padding:0;list-style:none;display:grid}.semantic-results li{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.55rem}.semantic-results p{margin:.15rem 0}@media (width<=920px){.diagram{grid-template-columns:1fr}.arrow{transform:rotate(90deg)}.subject-card li{grid-template-columns:1fr 1fr}.semantic-controls,.bncc-import-grid{grid-template-columns:1fr}.bncc-checkbox{grid-column:auto}.admin-access-grid{grid-template-columns:1fr}.admin-access-head{flex-direction:column;align-items:flex-start}.admin-access-actions{flex-direction:column}.admin-access-actions button{width:100%}.otp-six-grid{grid-template-columns:repeat(6,minmax(40px,1fr))}}.app{color:#0f172a;width:min(1200px,95vw);margin:1.5rem auto 2.5rem}.hero{background:linear-gradient(120deg,#e0f2fe,#f8fafc);border:1px solid #cbd5e1;border-radius:14px;margin-bottom:1rem;padding:1.2rem 1.4rem}.hero h1{margin:0;font-size:clamp(1.3rem,2vw,1.8rem)}.hero p{margin-top:.5rem;margin-bottom:0}.grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:.9rem;display:grid}.panel{background:#fff;border:1px solid #dbeafe;border-radius:12px;padding:.9rem;box-shadow:0 6px 18px #0f172a0d}.panel.full{grid-column:1/-1}.panel h2{margin-top:0;font-size:1rem}.status p{margin:.2rem 0}.field{flex-direction:column;margin-bottom:.6rem;display:flex}label{color:#1e3a8a;margin-bottom:.2rem;font-size:.85rem}input,select,button{font:inherit}input,select{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.5rem .6rem}button{color:#fff;cursor:pointer;background:#0f766e;border:none;border-radius:10px;margin-top:.25rem;padding:.55rem .8rem}button.secondary{background:#334155}button:hover{filter:brightness(1.05)}.split{grid-template-columns:1fr auto;align-items:end;gap:.5rem;display:grid}.split.trio{grid-template-columns:repeat(3,minmax(0,1fr))}.rules{margin:.7rem 0 0;padding-left:1rem}.harness-flow{background:linear-gradient(#f8fafc,#fff);border:1px solid #cbd5e1;border-radius:12px;margin-top:.8rem;padding:.75rem}.harness-flow h3{margin-top:0;margin-bottom:.55rem;font-size:.95rem}.harness-flow-list{gap:.5rem;margin:0;padding-left:0;list-style:none;display:grid}.harness-flow-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.55rem}.harness-flow-item p{color:#475569;margin:.35rem 0 0;font-size:.84rem}.harness-flow-title-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.harness-flow-badge{color:#1e293b;background:#e2e8f0;border-radius:999px;justify-content:center;align-items:center;width:1.4rem;height:1.4rem;font-size:.76rem;font-weight:700;display:inline-flex}.harness-flow-status{text-transform:uppercase;letter-spacing:.04em;color:#334155;margin-left:auto;font-size:.68rem;font-weight:700}.harness-flow-item--pending{border-color:#e2e8f0}.harness-flow-item--active{background:#f0f9ff;border-color:#0ea5e9}.harness-flow-item--active .harness-flow-badge{color:#fff;background:#0ea5e9}.harness-flow-item--active .harness-flow-status{color:#0369a1}.harness-flow-item--done{background:#f0fdf4;border-color:#22c55e}.harness-flow-item--done .harness-flow-badge{color:#fff;background:#16a34a}.harness-flow-item--done .harness-flow-status{color:#166534}.harness-flow-item--error{background:#fef2f2;border-color:#dc2626}.harness-flow-item--error .harness-flow-badge{color:#fff;background:#dc2626}.harness-flow-item--error .harness-flow-status{color:#b91c1c}.questions{gap:.7rem;margin:.8rem 0;display:grid}.question{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:.6rem}.question span{color:#334155;font-size:.85rem}.small{color:#475569;font-size:.8rem}.exercise-set-view,.exercise-set-complete{background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;margin-top:.8rem;padding:.75rem}.exercise-set-summary{flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.65rem;display:flex}.exercise-set-summary span,.exercise-set-summary strong{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:.25rem .55rem;font-size:.78rem}.exercise-set-items{gap:.65rem;margin:0;padding:0;list-style-position:inside;display:grid}.exercise-set-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.65rem;list-style:none}.exercise-set-item p{margin:.45rem 0}.exercise-set-item-head{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.exercise-set-item-head span{color:#475569;font-size:.78rem}.exercise-set-options{gap:.35rem;display:grid}.exercise-set-option{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:auto 1fr;align-items:start;gap:.45rem;padding:.45rem;display:grid}.exercise-set-option input{margin-top:.2rem}.ok{color:#0369a1;font-weight:600}.error{color:#b91c1c;font-weight:600}hr{border:none;border-top:1px solid #e2e8f0;margin:.9rem 0}@media (width<=640px){.split,.split.trio{grid-template-columns:1fr}.harness-flow-status{margin-left:0}}