:root,html[data-theme=dark]{--page:#000;--rail:#000;--surface:#0a0a0a;--surface-raised:#121212;--surface-soft:#1a1a1a;--line:#222;--line-strong:#333;--text:#f8f4ff;--muted:#a9a1b5;--muted-strong:#d7d0e0;--accent:#4169e8;--accent-strong:#2f52c4;--accent-soft:#1b2642;--cyan:#28c6ce;--green:#6fd27e;--green-soft:#173326;--amber:#e7b349;--red:#e45e68;--red-soft:#3a202b;--shadow:0 18px 46px #0000003d;--top-bar-bg:#000000eb;--search-pill-bg:#050505;--search-pill-border:#1a1a1a;--input-bg:#0a0a0a;--mobile-rail-bg:#000000f5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light]{--page:#f2f6fa;--rail:#fff;--surface:#fff;--surface-raised:#eaeff4;--surface-soft:#e5eaef;--line:#e5eaef;--line-strong:#7c8fac;--text:#2a3547;--muted:#5a6a85;--muted-strong:#2a3547;--accent:#4169e8;--accent-strong:#3359d2;--accent-soft:#ecf2ff;--cyan:#0e729f;--green:#088068;--green-soft:#e6fffa;--amber:#9c6400;--red:#be452b;--red-soft:#fdede8;--shadow:0 12px 24px -4px #919eab1f;--top-bar-bg:#f2f6faeb;--search-pill-bg:#fff;--search-pill-border:#e5eaef;--input-bg:#fff;--mobile-rail-bg:#fffffff5;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--page);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.45}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 65%, transparent);outline-offset:3px}button:disabled{cursor:not-allowed}h1,h2,h3,p{margin:0}h1,h2,h3,strong{letter-spacing:-.025em}h1{font-size:clamp(1.8rem,2.35vw,2.35rem);line-height:1.08}h2{font-size:1.28rem;line-height:1.18}h3{font-size:.98rem;line-height:1.25}.student-shell{background:var(--page);grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.side-rail{border-right:1px solid var(--line);background:var(--rail);flex-direction:column;height:100vh;padding:24px 20px 20px;display:flex;position:sticky;top:0}.rail-brand,.mobile-brand,.account-card,.top-bar,.nav-link,.search-pill,.top-context,.top-avatar,.hero-meta,.section-heading-row,.card-title-row,.catalog-card-topline,.access-banner,.skill-overview-card,.top-page-title,.experience-identity,.skill-tile,.insight-strip,.skill-list-row,.metric-cell{align-items:center;display:flex}.rail-brand{gap:10px;padding:0 2px 42px}.rail-brand strong,.mobile-brand strong{font-size:.98rem;display:block}.rail-brand span{color:var(--muted);margin-top:1px;font-size:.68rem;display:block}.quick-study-button{background:var(--accent);color:#fff;border-radius:17px;align-items:center;gap:11px;min-height:56px;margin:0 0 38px;padding:0 18px;font-weight:650;display:flex}.quick-study-button:hover{background:var(--accent-strong)}.brand-mark{color:#f4f0ff;flex:none;align-items:center;height:40px;display:flex}.brand-mark svg,.brand-mark img{object-fit:contain;width:auto;max-height:100%}.brand-mark-small{height:31px}.side-nav{gap:5px;display:grid}.nav-link{min-height:54px;color:var(--muted-strong);border:1px solid #0000;border-radius:28px;gap:14px;padding:0 18px;font-weight:600;transition:background .16s,border-color .16s,color .16s}.nav-link:hover{border-color:var(--line);background:var(--surface);color:var(--text)}.nav-link-active{background:var(--surface-soft);color:var(--text);border-color:#0000}.nav-icon{color:currentColor;place-items:center;width:23px;display:grid}.nav-icon svg{width:21px;height:21px}.rail-spacer{flex:1}.account-card{border-top:1px solid var(--line);gap:10px;padding:18px 8px 14px}.account-avatar{color:#172118;background:linear-gradient(145deg,#c9f58f,#6bda70);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.account-copy{flex:1;min-width:0}.account-copy strong,.account-copy span{display:block}.account-copy strong{font-size:.84rem}.account-copy span{color:var(--muted);font-size:.71rem}.icon-button,.top-avatar{cursor:pointer}.icon-button{border:1px solid var(--line);width:32px;height:32px;color:var(--muted);background:0 0;border-radius:9px;place-items:center;display:grid}.icon-button:hover{border-color:var(--line-strong);color:var(--text)}.rail-footer{color:#746b7e;padding:5px 8px 0;font-size:.68rem}.workspace{min-width:0}.top-bar{z-index:3;border-bottom:1px solid var(--line);background:var(--top-bar-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);gap:14px;min-height:64px;padding:0 20px 0 16px;position:sticky;top:0}.top-page-title{color:var(--text);font-size:.98rem;font-weight:700}.top-bar-spacer{flex:1}.mobile-brand{gap:8px;display:none}.search-pill{border:1px solid var(--search-pill-border);background:var(--search-pill-bg);min-width:300px;color:var(--muted-strong);border-radius:999px;justify-content:flex-start;gap:10px;padding:10px 15px}.search-pill>svg{color:var(--text)}.search-pill kbd{color:var(--muted);margin-left:auto;font-size:.72rem}.top-context{border:1px solid var(--line);min-height:44px;color:var(--muted-strong);white-space:nowrap;background:0 0;border-radius:999px;gap:8px;padding:0 16px;font-size:.84rem}.top-context:hover{border-color:var(--line-strong);color:var(--text)}.main-content{width:min(100%,880px);margin:0 auto;padding:34px 24px 72px}.page-stack{gap:25px;display:grid}.page-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.page-heading h1{margin-top:5px}.page-heading p:not(.eyebrow){max-width:660px;color:var(--muted);margin-top:10px}.page-heading-mark{border:1px solid var(--line);background:var(--surface);width:52px;height:52px;color:var(--accent);border-radius:14px;place-items:center;display:grid}.eyebrow{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:800}.button{white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:.84rem;font-weight:750;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.button:not(:disabled){cursor:pointer}.button:not(:disabled):hover{transform:translateY(-1px)}.button-primary{background:var(--accent);color:#100d18}.button-primary:hover{background:var(--accent-strong)}.button-accent{border-color:color-mix(in srgb, var(--accent) 25%, transparent);background:var(--accent-soft);color:var(--accent)}.button-muted{border-color:var(--line);background:var(--surface-soft);color:var(--muted)}.button-wide{width:100%}.text-button,.text-link{color:var(--accent);background:0 0;border:0;font-weight:700}.text-button{cursor:pointer;padding:4px 0}.text-button:hover,.text-link:hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}.access-banner{border:1px solid var(--line);min-height:48px;color:var(--muted-strong);border-radius:12px;justify-content:flex-start;gap:10px;padding:11px 15px;font-size:.82rem}.access-banner-loading{background:var(--surface)}.access-banner-unlocked{background:var(--green-soft);color:var(--green);border-color:#6fd27e3b}.access-banner-locked{border-color:color-mix(in srgb, var(--accent) 19%, transparent);background:var(--surface-soft);color:var(--muted-strong)}.access-banner-error{background:var(--red-soft);color:#ffc3c8;border-color:#e45e684d;justify-content:space-between}.banner-icon-pulse{color:var(--accent);animation:1.2s ease-in-out infinite pulse;display:inline-flex}.home-hero{border:1px solid var(--line);background:var(--surface);min-height:245px;box-shadow:var(--shadow);border-radius:15px;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:26px;padding:30px 34px;display:grid;overflow:hidden}.hero-copy{max-width:680px}.hero-copy h2{max-width:560px;margin-top:7px;font-size:clamp(1.7rem,3.2vw,2.7rem)}.hero-copy>p:not(.eyebrow){max-width:590px;color:var(--muted);margin-top:13px}.hero-meta{flex-wrap:wrap;gap:8px;margin-top:22px}.hero-meta span{border:1px solid var(--line);color:var(--muted-strong);background:#ffffff08;border-radius:8px;padding:7px 10px;font-size:.76rem}.hero-emblem{border:12px solid var(--line-strong);border-right-color:var(--accent);border-bottom-color:var(--accent-strong);background:var(--surface-raised);width:160px;height:160px;box-shadow:0 0 0 10px color-mix(in srgb, var(--accent) 5%, transparent);border-radius:50%;justify-self:end;place-items:center;display:grid}.hero-emblem-mark{width:68px;height:68px;color:var(--text);place-items:center;display:grid}.hero-emblem small{color:var(--muted);margin-top:-20px;font-size:.68rem}.home-section{gap:16px;display:grid}.section-heading-row{justify-content:space-between;gap:16px}.section-heading-row h2{margin-top:5px}.section-count{color:var(--muted);font-size:.76rem}.skill-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.skill-overview-card{border:1px solid var(--line);background:var(--surface);border-radius:13px;gap:11px;min-height:86px;padding:13px;transition:border-color .16s,background .16s}.skill-overview-card:hover{border-color:var(--line-strong);background:var(--surface-raised)}.skill-overview-icon,.task-icon,.study-pack-icon{background:var(--accent-soft);color:var(--accent);border-radius:11px;flex:none;place-items:center;display:grid}.skill-overview-icon{width:40px;height:40px}.skill-overview-card strong,.skill-overview-card small{display:block}.skill-overview-card strong{font-size:.86rem}.skill-overview-card small{color:var(--muted);margin-top:3px;font-size:.7rem}.card-arrow{color:var(--muted);margin-left:auto;display:grid}.catalog-list{gap:24px;display:grid}.catalog-section{gap:14px;display:grid}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.catalog-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-content:start;gap:12px;min-height:192px;padding:17px;display:grid}.catalog-card-ready{border-color:color-mix(in srgb, var(--accent) 32%, transparent);background:linear-gradient(160deg, color-mix(in srgb, var(--accent-soft) 55%, transparent), var(--surface))}.catalog-card-topline{justify-content:space-between;gap:12px}.task-icon{width:39px;height:39px}.catalog-card h3{min-height:2.5em}.catalog-card p{min-height:1.4em;color:var(--muted);font-size:.76rem}.catalog-action{width:max-content;min-width:126px;margin-top:auto}.state-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:.66rem;font-weight:750;display:inline-flex}.state-badge-locked{color:var(--muted);background:#b5acc61f}.state-badge-ready{background:var(--green-soft);color:var(--green)}.inline-notice,.catalog-note,.quiet-note{color:var(--muted);font-size:.78rem}.inline-notice{border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);background:var(--accent-soft);color:var(--muted-strong);border-radius:10px;padding:11px 13px}.study-pack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.study-pack-card{border:1px solid var(--line);background:var(--surface);border-radius:15px;grid-template-columns:auto minmax(0,1fr);gap:14px;min-height:205px;padding:19px;display:grid}.study-pack-card-ready{border-color:color-mix(in srgb, var(--accent) 30%, transparent);background:linear-gradient(155deg, color-mix(in srgb, var(--accent-soft) 45%, transparent), var(--surface))}.study-pack-icon{width:43px;height:43px}.study-pack-copy{flex-direction:column;gap:12px;min-width:0;display:flex}.card-title-row{justify-content:space-between;align-items:flex-start;gap:10px}.study-pack-copy p{color:var(--muted);font-size:.8rem}.study-pack-copy .button{width:max-content;margin-top:auto}.progress-panel{border:1px solid var(--line);background:var(--surface);min-height:350px;box-shadow:var(--shadow);border-radius:15px;grid-template-columns:minmax(240px,.9fr) minmax(0,1.1fr);align-items:center;gap:20px;padding:30px;display:grid}.progress-visual{place-items:center;display:grid}.progress-ring{border:14px solid var(--line-strong);border-right-color:var(--accent);width:210px;height:210px;color:var(--muted);border-radius:50%;place-items:center;font-size:2.2rem;display:grid}.empty-state{gap:10px;max-width:420px;display:grid}.empty-icon{background:var(--accent-soft);width:46px;height:46px;color:var(--accent);border-radius:14px;place-items:center;display:grid}.empty-state p{color:var(--muted)}.reference-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:15px}.experience-card{overflow:hidden}.experience-header{grid-template-columns:minmax(0,1fr) 1fr;gap:16px;padding:24px;display:grid}.experience-identity{gap:16px}.experience-identity h1{font-size:1.45rem}.experience-identity p{color:var(--muted-strong);align-items:center;gap:6px;margin-top:7px;font-size:.82rem;display:flex}.experience-identity p svg{color:var(--accent)}.experience-ring{border:10px solid #746f7c;border-right-color:var(--accent);border-bottom-color:var(--accent);background:var(--surface-raised);width:91px;height:91px;color:var(--text);border-radius:50%;flex:none;place-items:center;display:grid}.experience-ring svg,.experience-ring img{object-fit:contain;width:48px;height:auto}.skill-matrix{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.skill-tile{border:1px solid var(--line);min-height:66px;color:var(--muted-strong);text-align:center;border-radius:14px;flex-direction:column;justify-content:center;gap:2px}.skill-tile svg{color:var(--accent)}.skill-tile strong{color:var(--text);font-size:.78rem}.skill-tile span{font-size:.74rem}.insight-strip{background:var(--surface-soft);color:var(--muted-strong);border-radius:9px;gap:11px;margin:0 16px 16px;padding:14px 16px;font-size:.76rem;line-height:1.25}.insight-strip svg{color:var(--accent);flex:none}.reference-section{gap:13px;display:grid}.reference-section>h2{font-size:1rem}.recommendation-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.recommendation-card{border:1px solid var(--line);background:var(--surface);border-radius:13px;align-content:start;gap:12px;min-height:163px;padding:17px;display:grid}.recommendation-card h3{font-size:.93rem}.recommendation-card p{color:var(--muted);font-size:.75rem}.recommendation-topline{justify-content:space-between;align-items:center;gap:10px;display:flex}.recommendation-icon{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.recommendation-card .button{width:max-content;min-height:36px;margin-top:auto;padding-inline:13px;font-size:.75rem}.skills-list{border:1px solid var(--line);background:var(--surface);border-radius:13px;overflow:hidden}.skill-list-row{border-bottom:1px solid var(--line);gap:12px;min-height:68px;padding:12px 16px}.skill-list-row:last-child{border-bottom:0}.skill-list-icon{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.skill-list-copy{flex:1;min-width:0}.skill-list-copy strong,.skill-list-copy span{display:block}.skill-list-copy strong{font-size:.86rem}.skill-list-copy span{color:var(--muted);font-size:.7rem}.skill-list-action{color:var(--muted);margin-left:auto;display:grid}.home-skill-list{border:1px solid var(--line);background:var(--surface);border-radius:13px;overflow:hidden}.home-skill-section+.home-skill-section{border-top:1px solid var(--line)}.home-skill-heading{align-items:center;gap:12px;min-height:68px;padding:12px 16px;display:flex}.home-skill-heading .state-badge{margin-left:auto}.home-skill-task-list{border-top:1px solid var(--line)}.skill-task-row{border:0;border-bottom:1px solid var(--line);width:100%;min-height:61px;color:var(--text);text-align:left;background:0 0;align-items:center;gap:12px;padding:11px 16px 11px 62px;display:flex}.skill-task-row:last-child{border-bottom:0}.skill-task-row:not(:disabled):hover{background:var(--surface-raised)}.skill-task-row-ready{cursor:pointer}.skill-task-icon{background:var(--accent-soft);width:30px;height:30px;color:var(--muted);border-radius:50%;flex:none;place-items:center;display:grid}.skill-task-row-ready .skill-task-icon{color:var(--accent)}.skill-task-copy{flex:1;min-width:0;display:block}.skill-task-copy strong,.skill-task-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.skill-task-copy strong{font-size:.82rem}.skill-task-copy span{color:var(--muted);margin-top:2px;font-size:.7rem}.progress-reference{gap:24px;display:grid}.progress-overview{overflow:hidden}.progress-overview-header{text-align:center;gap:6px;padding:24px;display:grid}.progress-overview-header h1{font-size:1.7rem;font-weight:500}.progress-overview-header p{color:var(--muted);font-size:.82rem}.metric-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.metric-cell{border-right:1px solid var(--line);text-align:center;flex-direction:column;justify-content:center;gap:2px;min-height:81px}.metric-cell:nth-child(3n){border-right:0}.metric-cell:nth-child(n+4){border-top:1px solid var(--line)}.metric-cell svg{color:var(--accent)}.metric-cell span{color:var(--muted-strong);font-size:.72rem}.metric-cell strong{font-size:.85rem}.metric-empty{color:var(--muted);font-weight:500}.metric-value{color:var(--text);font-weight:600}.progress-load-state,.progress-error{color:var(--muted-strong);border-radius:8px;margin:0 24px 16px;padding:10px 12px;font-size:.78rem}.progress-error{color:#f39a9f;background:#e0646a1f;justify-content:space-between;align-items:center;gap:12px;display:flex}.progress-history{gap:12px;display:grid}.progress-history-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.progress-history-heading h2{font-size:1.05rem}.progress-history-heading span{color:var(--muted);font-size:.75rem}.progress-history-list{border:1px solid var(--line);background:var(--surface);border-radius:13px;display:grid;overflow:hidden}.progress-history-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;align-items:center;gap:18px;padding:15px 17px;display:grid}.progress-history-row:last-child{border-bottom:0}.progress-history-row>div:first-child,.progress-history-stat{gap:4px;min-width:0;display:grid}.progress-history-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.progress-history-row span{color:var(--muted);font-size:.72rem}.progress-history-stat{grid-template-columns:repeat(2,auto);gap:12px}.progress-history-row .state-badge{white-space:nowrap}.progress-section-card{grid-template-columns:1fr 1.25fr;gap:15px;display:grid}.progress-skill-card{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:13px;place-items:center;min-height:260px;padding:24px;display:grid}.progress-empty-ring{border:10px solid var(--line-strong);border-right-color:var(--accent);width:145px;height:145px;color:var(--muted);border-radius:50%;place-items:center;font-size:1.7rem;display:grid}.progress-skill-card p{color:var(--muted);margin-top:15px;font-size:.76rem}.practice-session,.session-overview,.session-state-card{max-width:760px;margin:0 auto}.session-progress-row{align-items:center;gap:14px;margin-bottom:28px;display:flex}.session-progress-row .icon-button{border:0;font-size:1.45rem}.session-progress{background:var(--line);border-radius:999px;flex:1;height:7px;overflow:hidden}.session-progress span{border-radius:inherit;background:var(--accent);height:100%;transition:width .18s;display:block}.session-counter{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.78rem}.session-task-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.session-task-header h1{margin-top:5px;font-size:clamp(1.55rem,3vw,2.15rem)}.session-task-header p{color:var(--muted);margin-top:8px}.session-timer{border:1px solid var(--line);background:var(--surface);min-width:78px;color:var(--muted-strong);font-variant-numeric:tabular-nums;text-align:center;border-radius:10px;padding:10px 12px}.session-task-card,.confidence-panel,.session-overview,.session-state-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:16px}.session-task-card{gap:20px;padding:24px;display:grid}.session-task-prompt{color:var(--muted-strong);font-size:.96rem}.task-choice-list{gap:10px;display:grid}.task-choice{border:1px solid var(--line);background:var(--surface-raised);min-height:54px;color:var(--muted-strong);text-align:left;cursor:pointer;border-radius:11px;align-items:center;gap:12px;padding:12px 15px;display:flex}.task-choice:hover{border-color:var(--line-strong)}.task-choice-selected{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.task-choice-marker{border:1px solid var(--line-strong);width:22px;height:22px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:.8rem;display:grid}.task-choice-selected .task-choice-marker{border-color:var(--accent)}.task-order-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.task-order-row{border:1px solid var(--line);background:var(--surface-raised);border-radius:11px;align-items:center;gap:12px;padding:12px;display:flex}.task-order-index{background:var(--surface-soft);width:26px;height:26px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:.78rem;display:grid}.task-order-text{min-width:0;color:var(--muted-strong);flex:1}.task-order-actions{gap:5px;display:flex}.task-order-actions .icon-button{width:30px;height:30px}.task-blank-panel,.task-text-panel{gap:16px;display:grid}.task-blank-text,.task-source-text{background:var(--surface-raised);color:var(--muted-strong);border-radius:10px;padding:16px;line-height:1.7}.task-blank-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.task-blank-field{color:var(--muted);gap:6px;font-size:.75rem;display:grid}.task-blank-field select,.task-answer-textarea{border:1px solid var(--line-strong);background:var(--input-bg);min-height:48px;color:var(--text);border-radius:9px;padding:10px 12px}.task-drop-slot{border:1px dashed var(--line-strong);background:var(--surface-raised);min-height:54px;color:var(--muted);cursor:pointer;border-radius:10px}.task-drop-slot-filled{border-style:solid;border-color:var(--accent);color:var(--text)}.task-word-bank{flex-wrap:wrap;gap:8px;display:flex}.task-word{border:1px solid var(--line-strong);background:var(--surface-soft);color:var(--muted-strong);cursor:grab;border-radius:8px;padding:8px 12px}.task-word-active{border-color:var(--accent);color:var(--text)}.task-highlight-text{background:var(--surface-raised);color:var(--muted-strong);border-radius:10px;padding:18px;line-height:2.1}.task-highlight-text button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;margin:0 3px;padding:2px 4px}.task-highlight-text button:hover,.task-token-selected{background:var(--accent-soft)!important;color:var(--accent)!important}.task-answer-textarea{resize:vertical;outline:none;min-height:190px}.task-answer-textarea:focus{border-color:var(--accent)}.task-character-count{color:var(--muted);text-align:right;font-size:.72rem}.task-recording-panel{gap:16px;display:grid}.task-recording-status{border:1px solid var(--line);background:var(--surface-raised);color:var(--muted-strong);border-radius:10px;align-items:center;gap:10px;padding:14px 16px;display:flex}.recording-indicator{background:var(--line-strong);border-radius:50%;flex:none;width:11px;height:11px}.recording-indicator-recording{background:#e45e68;animation:1s ease-in-out infinite pulse;box-shadow:0 0 0 5px #e45e6826}.recording-indicator-uploading{background:var(--amber);animation:1s ease-in-out infinite pulse}.recording-indicator-recorded{background:var(--green)}.task-recording-duration{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto}.task-recording-message{background:var(--red-soft);color:#ffc1c6;border:1px solid #e45e6847;border-radius:9px;padding:10px 12px;font-size:.8rem}.task-recording-actions{align-items:center;gap:12px;display:flex}.task-recording-ready{color:var(--green);font-size:.78rem}.task-unsupported{border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);background:var(--surface-soft);color:var(--muted-strong);border-radius:11px;gap:8px;padding:22px;display:grid}.task-unsupported p{color:var(--muted);font-size:.82rem}.confidence-panel{gap:12px;margin-top:14px;padding:16px 18px;display:grid}.confidence-panel>p{color:var(--muted-strong);font-size:.82rem;font-weight:700}.confidence-hint{border:1px solid color-mix(in srgb, var(--accent) .32, transparent);background:color-mix(in srgb, var(--accent) .08, transparent);border-radius:10px;justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 14px;display:flex}.confidence-hint strong{font-size:.78rem}.confidence-hint p{color:var(--muted);margin-top:3px;font-size:.72rem;line-height:1.45}.confidence-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.confidence-option{border:1px solid var(--line);background:var(--surface-raised);min-height:42px;color:var(--muted);cursor:pointer;border-radius:9px;font-size:.75rem}.confidence-option:hover,.confidence-selected{border-color:currentColor}.confidence-low{color:#e98289}.confidence-medium{color:#e7b349}.confidence-high{color:var(--green)}.session-footer-actions{justify-content:space-between;align-items:center;gap:15px;margin-top:18px;display:flex}.session-primary-actions,.session-actions{align-items:center;gap:10px;display:flex}.session-overview,.session-state-card{text-align:center;justify-items:center;gap:16px;padding:46px 32px;display:grid}.session-overview-mark{background:var(--accent-soft);width:72px;height:72px;color:var(--accent);border-radius:22px;place-items:center;display:grid}.session-overview h1,.session-state-card h1{font-size:clamp(1.7rem,4vw,2.4rem)}.session-overview>p,.session-state-card>p{max-width:480px;color:var(--muted)}.session-overview-stats{border:1px solid var(--line);background:var(--line);border-radius:11px;justify-content:center;gap:1px;width:min(100%,420px);margin:8px 0;display:flex;overflow:hidden}.session-overview-stats span{background:var(--surface-raised);flex:1;gap:4px;padding:15px;display:grid}.session-overview-stats strong{color:var(--text)}.session-overview-stats small{color:var(--muted);font-size:.7rem}.session-state-card>svg{color:var(--accent)}.shell-loading,.error-page,.auth-page{background:var(--page);place-items:center;min-height:100vh;padding:24px;display:grid}.loading-panel,.auth-card{text-align:center;justify-items:center;gap:14px;display:grid}.loading-panel{color:var(--muted)}.loading-dot{background:var(--accent);width:9px;height:9px;box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 12%, transparent);border-radius:50%;animation:1.2s ease-in-out infinite pulse;display:inline-block}.route-loading{min-height:35vh;color:var(--muted);justify-content:center;align-items:center;gap:12px;display:flex}.auth-card{border:1px solid var(--line);background:var(--surface);width:min(100%,430px);box-shadow:var(--shadow);text-align:left;border-radius:18px;justify-items:stretch;gap:18px;padding:36px}.auth-card .brand-mark{justify-content:center;height:54px}.auth-card .eyebrow,.auth-card h1,.auth-description{text-align:center}.auth-description,.auth-footnote{color:var(--muted);font-size:.83rem}.auth-form{gap:9px;display:grid}.auth-form label{color:var(--muted-strong);font-size:.78rem;font-weight:700}.auth-form input{border:1px solid var(--line-strong);background:var(--input-bg);width:100%;min-height:47px;color:var(--text);border-radius:10px;outline:none;padding:0 13px}.auth-form input::placeholder{color:#756b86}.auth-form input:focus{border-color:var(--accent)}.form-error{background:var(--red-soft);color:#ffc1c6;border:1px solid #e45e6847;border-radius:9px;padding:10px 12px;font-size:.8rem}.auth-footnote{text-align:center;font-size:.72rem}@keyframes pulse{0%,to{opacity:.4;transform:scale(.88)}50%{opacity:1;transform:scale(1)}}@media (max-width:1100px){.student-shell{grid-template-columns:232px minmax(0,1fr)}.side-rail{padding-inline:15px}.top-bar{padding-right:16px}.main-content{padding:30px 22px 64px}.skill-overview-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.study-pack-grid{grid-template-columns:1fr}.search-pill{min-width:230px}}@media (max-width:760px){.student-shell{padding-bottom:82px;display:block}.side-rail{z-index:10;width:100%;height:auto;padding:8px 10px max(8px, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--mobile-rail-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-right:0;flex-direction:row;position:fixed;inset:auto 0 0}.rail-brand,.quick-study-button,.rail-spacer,.account-card,.rail-footer{display:none}.side-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;width:100%;display:grid}.nav-link{text-align:center;border-radius:11px;flex-direction:column;justify-content:center;gap:4px;min-height:62px;padding:4px 2px;font-size:.66rem}.nav-link-active{background:var(--surface-soft)}.nav-icon{width:auto}.top-bar{min-height:68px;padding:0 16px}.mobile-brand{min-width:0;display:flex}.mobile-brand strong{text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.top-page-title,.top-bar-spacer{display:none}.search-pill{min-width:0;margin-left:auto;padding:8px 10px}.search-pill span,.search-pill kbd,.top-context span{display:none}.top-context{min-height:38px;padding:0 9px}.main-content{width:100%;padding:26px 16px 42px}.page-heading{gap:15px}.page-heading-mark{border-radius:13px;width:47px;height:47px}.page-heading-home{display:grid}.home-hero{grid-template-columns:1fr;min-height:0;padding:24px}.hero-emblem{display:none}.skill-overview-grid,.catalog-grid{grid-template-columns:1fr}.progress-panel{text-align:center;grid-template-columns:1fr;min-height:0;padding:24px}.empty-state{justify-items:center;margin:0 auto}.progress-ring{width:160px;height:160px}.experience-header{grid-template-columns:1fr;padding:18px}.skill-matrix{grid-template-columns:repeat(2,1fr)}.recommendation-row,.progress-section-card{grid-template-columns:1fr}.progress-history-row{grid-template-columns:1fr;gap:8px}.progress-history-stat{grid-template-columns:1fr 1fr}.skill-task-row{padding-inline:16px}.session-task-header{flex-direction:column}.session-timer{align-self:flex-start}.session-footer-actions{flex-direction:column;align-items:stretch}.session-primary-actions{justify-content:flex-end}}@media (max-width:480px){h1{font-size:1.8rem}.auth-card{padding:28px 22px}.access-banner{flex-direction:column;align-items:flex-start;gap:8px}.access-banner-unlocked,.access-banner-locked,.access-banner-loading{flex-direction:row;align-items:center}.catalog-card,.study-pack-card{padding:15px}.study-pack-card{grid-template-columns:1fr}.study-pack-icon{width:39px;height:39px}.experience-identity{align-items:flex-start}.experience-ring{border-width:8px;width:72px;height:72px}.experience-ring svg,.experience-ring img{object-fit:contain;width:36px;height:auto}.metric-cell{min-height:72px}.session-task-card{padding:18px}.session-overview,.session-state-card{padding:34px 20px}.confidence-options,.task-blank-slots{grid-template-columns:1fr}}