:root{--palette-white: #ffffff;--palette-cream: #f7f3ea;--palette-paper: #fffdf8;--palette-sand: #e3d8ca;--palette-navy: #122438;--palette-navy-deep: #0b1728;--palette-navy-soft: #243b53;--palette-ink: #1f2830;--palette-charcoal: #151515;--palette-slate: #687178;--palette-muted: #91a3bb;--palette-pale-blue: #e4edf4;--palette-blue: #2d7cff;--palette-sky: #7dd3fc;--palette-teal: #087f83;--palette-teal-deep: #156064;--palette-teal-soft: #d5eeea;--palette-mint: #5eead4;--palette-coral: #f4604e;--palette-red: #d94836;--palette-red-soft: #fee2e2;--palette-green: #15803d;--palette-green-soft: #dcfce7;--palette-amber: #d97706;--palette-amber-soft: #fef3c7;--palette-purple: #7c3aed;--palette-purple-soft: #ede9fe;--palette-gray: #303030;--palette-silver: #b5b5b5;--font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-38: 38px;--font-mono: ui-monospace, monospace;--text-9: 9px;--text-9-5: 9.5px;--text-10: 10px;--text-11: 11px;--text-12: 12px;--text-12-5: 12.5px;--text-13: 13px;--text-13-5: 13.5px;--text-14: 14px;--text-15: 15px;--text-16: 16px;--text-17: 17px;--text-18: 18px;--text-19: 19px;--text-20: 20px;--text-21: 21px;--text-22: 22px;--text-23: 23px;--text-24: 24px;--text-25: 25px;--text-26: 26px;--text-27: 27px;--text-28: 28px;--text-29: 29px;--text-30: 30px;--text-31: 31px;--text-32: 32px;--text-34: 34px;--text-35: 35px;--text-42: 42px;--text-44: 44px;--text-50: 50px;--font-heading: Georgia, "Times New Roman", serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-control: 8px;--radius-panel: 14px;--rail-width: 64px;--sidebar-width: 250px;--phone-header-height: 56px;--phone-tabs-height: 64px;--content-width: 1440px;--color-background: var(--palette-cream);--color-surface: var(--palette-paper);--color-text: var(--palette-navy);--color-muted: var(--palette-slate);--color-border: var(--palette-sand);--color-accent: var(--palette-teal);--color-primary: var(--palette-coral);--color-on-primary: var(--palette-white);--color-flame: var(--palette-red);--color-flame-fill: var(--palette-coral);--color-sidebar: var(--palette-navy);--color-sidebar-text: var(--palette-white);--color-sidebar-muted: var(--palette-muted);--color-sidebar-active: var(--palette-teal);--color-sidebar-line: var(--palette-navy-soft);font-family:var(--font-body);color:var(--color-text);background:var(--color-background)}html:not([data-theme=light]){--color-background: var(--palette-navy-deep);--color-surface: var(--palette-navy);--color-text: var(--palette-paper);--color-muted: var(--palette-muted);--color-border: var(--palette-navy-soft)}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:28px;padding:26px 18px;background:var(--palette-paper);border-right:1px solid var(--palette-sand)}.brand{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:0;color:var(--palette-ink);font-weight:800;font-size:var(--text-22)}.brand.large{width:fit-content;margin-bottom:18px;font-size:var(--text-26)}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:var(--palette-navy-soft);color:var(--palette-white);font-size:var(--text-14)}nav{display:grid;gap:6px}.sidebar-actions{display:grid;gap:6px}.nav-button{min-height:44px;display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:var(--palette-slate);text-align:left;font-weight:700}.nav-button:hover,.nav-button.active{background:var(--palette-pale-blue);color:var(--palette-navy-soft)}.sidebar-panel,.panel,.auth-card,.example-card,.exercise-preview{border:1px solid var(--palette-sand);border-radius:8px;background:var(--palette-paper);box-shadow:0 18px 36px color-mix(in srgb,var(--palette-gray) 6%,transparent)}.sidebar-panel{margin-top:auto;padding:16px}.sidebar-panel p,.sidebar-panel span,.muted{margin:0;color:var(--palette-slate)}.sidebar-panel strong{display:block;margin:7px 0;color:var(--palette-red);font-size:var(--text-24);line-height:1;word-break:break-word}.main-content{width:min(1180px,100%);margin:0 auto;padding:34px clamp(20px,4vw,54px) 56px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:clamp(24px,5vw,70px);align-items:center;width:min(1120px,100%);margin:0 auto;padding:34px clamp(18px,5vw,56px)}.auth-shell.single{grid-template-columns:minmax(320px,520px);justify-content:center}.auth-intro,.page-stack,.stack,.auth-card form,.record-list,.example-list,.exercise-list{display:grid;gap:16px;margin-top:20px}.auth-card,.panel{padding:clamp(20px,4vw,34px)}.eyebrow{margin:0 0 8px;color:var(--palette-slate);font-size:var(--text-11);font-weight:800;letter-spacing:.11em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{color:var(--palette-ink);font-size:clamp(34px,4vw,58px);line-height:1}h2{color:var(--palette-ink);font-size:var(--text-21);line-height:1.2}.lede{max-width:680px;color:var(--palette-slate);line-height:1.6}.lede-sub{opacity:.75}.nowrap{white-space:nowrap}.auth-principles{display:grid;gap:10px}.auth-principles span,.data-panel{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--palette-teal-soft);border-radius:8px;background:var(--palette-pale-blue);color:var(--palette-teal-deep);font-weight:750}label{display:grid;gap:8px;color:var(--palette-slate);font-weight:800}.input-wrap{min-height:48px;display:flex;align-items:center;gap:10px;border:1px solid var(--palette-sand);border-radius:8px;background:var(--palette-white);padding:0 12px;color:var(--palette-slate)}input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--palette-ink)}.primary-button,.text-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;font-weight:800}.primary-button{border:0;padding:12px 16px;background:var(--palette-red);color:var(--palette-white)}.primary-button:disabled{opacity:.5;cursor:not-allowed}.primary-button.wide{width:100%}.text-button{width:100%;margin-top:18px;border:0;background:transparent;color:var(--palette-teal-deep)}.form-note,.data-panel p{margin:6px 0 0;color:var(--palette-slate);line-height:1.5}.error-message{margin:0;padding:12px;border-radius:8px;background:var(--palette-cream);color:var(--palette-red);font-weight:750}html:not([data-theme=light]) .error-message{background:color-mix(in srgb,var(--palette-red) 16%,transparent);border:1px solid color-mix(in srgb,var(--palette-red) 50%,transparent);color:var(--palette-sand)}.empty-grid,.section-tabs,.progress-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.progress-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{min-height:104px;display:grid;gap:8px;padding:14px;border:1px solid var(--palette-sand);border-radius:8px;background:var(--palette-white)}.metric span,.section-tabs span,.example-card span,.exercise-preview span{color:var(--palette-slate);font-size:var(--text-12)}.metric strong{color:var(--palette-navy-soft);font-size:var(--text-28);line-height:1}.panel.compact{padding:18px}.panel-title{display:flex;justify-content:space-between;gap:16px}.empty-state{display:grid;gap:10px;min-height:172px;align-content:center;padding:22px;border:1px dashed var(--palette-sand);border-radius:8px;background:var(--palette-white);color:var(--palette-slate)}.empty-state h3,.empty-state p{margin:0}.record-list div{display:flex;justify-content:space-between;gap:16px;padding:12px;border:1px solid var(--palette-sand);border-radius:8px;background:var(--palette-white)}.record-count{min-height:172px;display:grid;place-content:center;gap:6px;border:1px solid var(--palette-sand);border-radius:8px;background:var(--palette-white);text-align:center}.record-count strong{color:var(--palette-teal-deep);font-size:var(--text-44);line-height:1}.section-tabs{display:flex;flex-wrap:wrap;gap:8px}.section-tabs.compact{max-width:560px}.section-tabs button{min-height:0;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--palette-sand);border-radius:999px;background:var(--palette-paper);color:var(--palette-navy-soft);text-align:center;padding:9px 16px;font-size:var(--text-14);font-weight:700;cursor:pointer}.section-tabs.compact button{min-height:0}.section-tabs button.selected{border-color:var(--palette-teal-deep);background:var(--palette-pale-blue);color:var(--palette-teal-deep)}.section-tabs strong{font-size:var(--text-14);line-height:1.2}.example-card,.exercise-preview{display:grid;gap:8px;padding:16px}.example-card span,.exercise-preview span{color:var(--palette-teal-deep);font-weight:800;text-transform:uppercase}.example-card p,.exercise-preview p{margin:0;color:var(--palette-gray);line-height:1.55}.exercise-preview h2{margin:0}.choice-pills{display:flex;flex-wrap:wrap;gap:8px}.choice-pills span{padding:7px 9px;border-radius:999px;background:var(--palette-pale-blue);color:var(--palette-teal-deep);text-transform:none}.clean-list{margin:0;padding-left:19px;color:var(--palette-slate);line-height:1.8}.panel-grid{display:grid;gap:14px}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.topic-group{padding:14px;border:1px solid var(--palette-sand);border-radius:8px;background:var(--palette-white)}.topic-group h3{margin:0 0 10px;color:var(--palette-teal-deep);font-size:var(--text-15);text-transform:capitalize}.topic-group--wide{grid-column:1 / -1}.topic-item{display:grid;gap:3px;padding:8px 0;border-top:1px solid var(--palette-red-soft)}.topic-item:first-of-type{border-top:0}.topic-item strong{color:var(--palette-navy-soft);font-size:var(--text-13)}.topic-item span{color:var(--palette-slate);font-size:var(--text-13)}.topic-words{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px 24px}.topic-word{display:flex;align-items:baseline;gap:8px;padding:6px 0;min-width:0}.topic-word strong{color:var(--palette-navy-soft);font-size:var(--text-13);white-space:nowrap}.topic-word span{color:var(--palette-slate);font-size:var(--text-12);overflow-wrap:anywhere}summary{cursor:pointer;font-weight:800}@media(max-width:1040px){.app-shell,.auth-shell,.progress-grid{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;gap:8px;padding:10px;min-width:0}.sidebar>.nav-button{width:auto;flex:0 0 auto}.sidebar-actions{display:flex;gap:8px;align-items:center}.sidebar-actions .nav-button{width:auto;flex:0 0 auto}.sidebar nav{grid-auto-flow:column;overflow-x:auto;min-width:0;flex:1 1 0%}.sidebar-panel{display:none}}@media(max-width:680px){.main-content{padding:24px 14px 42px}.empty-grid,.section-tabs,.topic-grid{grid-template-columns:1fr}}body{background:radial-gradient(circle at 70% -10%,var(--palette-navy-soft) 0,var(--palette-navy-deep) 42%,var(--palette-charcoal) 100%)}.app-shell{grid-template-columns:250px minmax(0,1fr)}.sidebar{background:color-mix(in srgb,var(--palette-navy-deep) 88%,transparent);border-right:1px solid var(--palette-navy-soft);padding:28px 16px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{color:var(--palette-purple-soft)}.brand-mark{border-radius:12px;background:linear-gradient(135deg,var(--palette-mint),var(--palette-blue));box-shadow:0 0 22px color-mix(in srgb,var(--palette-blue) 38%,transparent)}.nav-button{color:var(--palette-muted);border:1px solid transparent}.nav-button:hover,.nav-button.active{color:var(--palette-purple-soft);background:linear-gradient(90deg,color-mix(in srgb,var(--palette-blue) 18%,transparent),color-mix(in srgb,var(--palette-blue) 8%,transparent));border-color:var(--palette-teal-deep)}.sidebar-panel,.panel,.auth-card,.example-card,.exercise-preview{background:color-mix(in srgb,var(--palette-navy-deep) 82%,transparent);border-color:var(--palette-navy-soft);box-shadow:0 20px 60px color-mix(in srgb,var(--palette-charcoal) 20%,transparent)}.sidebar-panel strong{color:var(--palette-mint)}.main-content{max-width:1440px;padding:42px clamp(24px,5vw,72px) 70px}h1,h2,h3{color:var(--palette-white);letter-spacing:-.035em}.page-title{font-size:clamp(38px,5vw,64px)}.lede,.muted,.sidebar-panel p,.sidebar-panel span{color:var(--palette-muted)}.eyebrow{color:var(--palette-mint)}.metric{background:color-mix(in srgb,var(--palette-navy) 80%,transparent);border-color:var(--palette-navy-soft)}.metric strong{color:var(--palette-mint)}.data-panel{background:color-mix(in srgb,var(--palette-teal-deep) 22%,transparent);border-color:var(--palette-teal);color:var(--palette-sky)}.primary-button{border-radius:12px;background:linear-gradient(100deg,var(--palette-coral),var(--palette-coral));box-shadow:0 12px 28px color-mix(in srgb,var(--palette-coral) 25%,transparent);transition:transform .2s,box-shadow .2s}.primary-button:hover{transform:translateY(-2px);box-shadow:0 16px 34px color-mix(in srgb,var(--palette-coral) 36%,transparent)}.empty-state{background:color-mix(in srgb,var(--palette-navy-deep) 55%,transparent);border-color:var(--palette-navy-soft);color:var(--palette-silver)}.record-list div,.topic-item{background:color-mix(in srgb,var(--palette-navy) 80%,transparent);border-color:var(--palette-navy-soft)}html[data-theme=light] .topic-word strong{color:var(--palette-navy-soft)}html[data-theme=light] .topic-word span{color:var(--palette-slate)}.topic-word strong{color:var(--palette-pale-blue)}.topic-word span{color:var(--palette-muted)}.section-tabs button{background:color-mix(in srgb,var(--palette-navy-deep) 82%,transparent);border-color:var(--palette-navy-soft);color:var(--palette-pale-blue)}.section-tabs button.selected{background:color-mix(in srgb,var(--palette-teal) 18%,transparent);border-color:var(--palette-mint);color:var(--palette-sky)}.example-card p,.exercise-preview p,.clean-list{color:var(--palette-teal-soft)}.theme-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--palette-muted);font-weight:700;text-align:left}.theme-toggle:hover{color:var(--palette-purple-soft);background:color-mix(in srgb,var(--palette-blue) 12%,transparent);border-color:var(--palette-teal-deep)}html[data-theme=light]{color:var(--palette-ink);background:var(--palette-cream)}html[data-theme=light] body{background:radial-gradient(circle at 70% -10%,var(--palette-white) 0,var(--palette-cream) 58%,var(--palette-red-soft) 100%)}html[data-theme=light] .sidebar{background:var(--palette-paper);border-right-color:var(--palette-sand)}html[data-theme=light] .brand{color:var(--palette-ink)}html[data-theme=light] .nav-button,.theme-toggle{color:var(--palette-slate)}html[data-theme=light] .nav-button:hover,html[data-theme=light] .nav-button.active,.theme-toggle:hover{background:var(--palette-pale-blue);border-color:var(--palette-teal-soft);color:var(--palette-navy-soft)}html[data-theme=light] .sidebar-panel,html[data-theme=light] .panel,html[data-theme=light] .auth-card,html[data-theme=light] .example-card,html[data-theme=light] .exercise-preview{background:var(--palette-paper);border-color:var(--palette-sand);box-shadow:0 18px 36px color-mix(in srgb,var(--palette-gray) 6%,transparent)}html[data-theme=light] h1,html[data-theme=light] h2,html[data-theme=light] h3{color:var(--palette-ink)}html[data-theme=light] .lede,html[data-theme=light] .muted,html[data-theme=light] .sidebar-panel p,html[data-theme=light] .sidebar-panel span{color:var(--palette-slate)}html[data-theme=light] .metric,html[data-theme=light] .record-list div,html[data-theme=light] .topic-item{background:var(--palette-white);border-color:var(--palette-sand)}html[data-theme=light] .metric strong{color:var(--palette-navy-soft)}html[data-theme=light] .example-card p,html[data-theme=light] .exercise-preview p,html[data-theme=light] .clean-list{color:var(--palette-gray)}html:not([data-theme=light]) .topic-group{background:var(--palette-charcoal);border-color:var(--palette-gray)}html:not([data-theme=light]) .topic-group h3{color:var(--palette-cream)}html:not([data-theme=light]) .topic-item{background:transparent;border-color:var(--palette-gray)}html:not([data-theme=light]) .topic-item strong{color:var(--palette-pale-blue)}html:not([data-theme=light]) .topic-item span{color:var(--palette-muted)}.session-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}html:not([data-theme=light]) .record-count{background:var(--palette-charcoal);border-color:var(--palette-gray)}html:not([data-theme=light]) .record-count strong{color:var(--palette-mint)}html:not([data-theme=light]) .record-count span{color:var(--palette-muted)}@media(max-width:680px){.session-stats{grid-template-columns:1fr}}html[data-theme=light] .section-tabs button{background:var(--palette-paper);border-color:var(--palette-sand);color:var(--palette-navy-soft)}html[data-theme=light] .empty-state{background:var(--palette-white);border-color:var(--palette-sand);color:var(--palette-slate)}html:not([data-theme=light]) body{background:var(--palette-charcoal);color:var(--palette-cream)}html:not([data-theme=light]) .sidebar{background:var(--palette-charcoal);border-right:1px solid var(--palette-gray)}html:not([data-theme=light]) .brand-mark{box-shadow:none}html:not([data-theme=light]) .nav-button:hover,html:not([data-theme=light]) .nav-button.active{background:var(--palette-ink);border-color:var(--palette-gray)}html:not([data-theme=light]) .sidebar-panel{background:var(--palette-charcoal);border-color:var(--palette-gray);box-shadow:none}html:not([data-theme=light]) .panel,html:not([data-theme=light]) .exercise-preview,html:not([data-theme=light]) .example-card{background:var(--palette-charcoal);border-color:var(--palette-gray);box-shadow:none}html:not([data-theme=light]) h1,html:not([data-theme=light]) h2,html:not([data-theme=light]) h3{color:var(--palette-cream)}html:not([data-theme=light]) .lede,html:not([data-theme=light]) .muted{color:var(--palette-muted)}html:not([data-theme=light]) .metric{background:var(--palette-charcoal);border-color:var(--palette-gray)}html:not([data-theme=light]) .metric strong{color:var(--palette-white)}html:not([data-theme=light]) .primary-button{background:var(--palette-cream);color:var(--palette-charcoal);box-shadow:none}html:not([data-theme=light]) .primary-button:hover{box-shadow:none;transform:translateY(-1px)}html:not([data-theme=light]) .section-tabs button{background:var(--palette-charcoal);border-color:var(--palette-gray)}html:not([data-theme=light]) .section-tabs button.selected{background:var(--palette-ink);border-color:var(--palette-cream);color:var(--palette-white)}html:not([data-theme=light]) .mcq-options button{background:var(--palette-charcoal);border-color:var(--palette-gray);color:var(--palette-pale-blue)}html:not([data-theme=light]) .mcq-options button:hover:not(:disabled){background:var(--palette-ink);border-color:var(--palette-silver)}html:not([data-theme=light]) .session-toolbar{color:var(--palette-slate)}html:not([data-theme=light]) .reset-button{border-color:var(--palette-gray);color:var(--palette-silver)}.level-guide{display:grid;gap:16px}.level-guide h2{margin:0;font-size:var(--text-24)}.guide-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.guide-columns>div{padding:14px;border:1px solid var(--palette-gray);border-radius:10px;background:var(--palette-charcoal)}.guide-columns strong{color:var(--palette-mint);font-size:var(--text-12);text-transform:uppercase;letter-spacing:.08em}.guide-columns p{margin:7px 0 0;color:var(--palette-silver);line-height:1.5}.level-guide small{color:var(--palette-muted)}.level-guide a{color:var(--palette-sky)}html[data-theme=light] .guide-columns>div{background:var(--palette-white);border-color:var(--palette-sand)}html[data-theme=light] .guide-columns p,html[data-theme=light] .level-guide small{color:var(--palette-slate)}html[data-theme=light] .level-guide a{color:var(--palette-teal-deep)}.content-module{display:grid;gap:14px}.content-module>summary{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid var(--palette-gray);border-radius:11px;background:var(--palette-charcoal);color:var(--palette-cream);cursor:pointer;font-weight:700}.content-module>summary small{color:var(--palette-slate);font-family:inherit;font-size:var(--text-11);font-weight:400}.content-module[open]>summary{border-color:var(--palette-slate)}.button-centered{width:max-content;margin:0 auto}.concept-map{display:grid;gap:18px}.map-flow{display:grid;grid-template-columns:130px 1fr;gap:18px;align-items:center}.map-root{display:grid;place-items:center;align-content:center;min-height:82px;border:1px solid var(--palette-mint);border-radius:50%;background:color-mix(in srgb,var(--palette-teal-deep) 20%,transparent);color:var(--palette-teal-soft);font-family:var(--font-mono);font-size:var(--text-24);font-weight:800}.map-root small{color:var(--palette-muted);font-size:var(--text-10);font-weight:400}.map-branches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.map-node{padding:11px 12px;border:1px solid var(--palette-gray);border-radius:9px;background:var(--palette-charcoal);color:var(--palette-teal-soft);font-size:var(--text-13)}.map-node span{margin-right:8px;color:var(--palette-mint);font-family:var(--font-mono);font-size:var(--text-11)}html[data-theme=light] .content-module>summary{background:var(--palette-paper);border-color:var(--palette-sand);color:var(--palette-navy-soft)}html[data-theme=light] .map-root{background:var(--palette-pale-blue);color:var(--palette-teal-deep);border-color:var(--palette-teal-deep)}html[data-theme=light] .map-node{background:var(--palette-white);border-color:var(--palette-sand);color:var(--palette-gray)}html[data-theme=light] .map-node span{color:var(--palette-teal-deep)}.wide-content .roadmap-canvas{min-height:calc(100vh - 310px);align-content:space-evenly}.wide-content .concept-map{width:100%}.main-content.wide-content{width:min(1440px,100%)}.curriculum{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}.curriculum-heading{display:flex;justify-content:space-between;align-items:end;gap:12px}.curriculum-heading{grid-column:1}.curriculum-heading h2{margin:0}.curriculum-count{color:var(--palette-slate);font-size:var(--text-12)}.concept-list{display:grid;gap:8px}.concept-row{display:grid;grid-template-columns:36px 1fr 22px;gap:12px;align-items:center;padding:13px 14px;border:1px solid var(--palette-gray);border-radius:10px;background:var(--palette-charcoal);color:var(--palette-pale-blue);text-align:left;cursor:pointer}.concept-row:hover,.concept-row.selected{border-color:var(--palette-mint);background:color-mix(in srgb,var(--palette-teal-deep) 20%,transparent)}.concept-number{color:var(--palette-mint);font-family:var(--font-mono);font-size:var(--text-12)}.concept-row strong,.concept-row small{display:block}.concept-row small{margin-top:3px;color:var(--palette-muted);font-size:var(--text-12)}.concept-arrow{color:var(--palette-slate);font-size:var(--text-22)}.concept-detail{display:grid;gap:18px;margin:0 0 6px;padding:18px;border:1px solid var(--palette-gray);border-radius:12px;background:var(--palette-charcoal);animation:concept-open .16s ease-out}@keyframes concept-open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.concept-detail h2{margin:0;font-size:var(--text-30)}.concept-subtitle{margin:6px 0 0;color:var(--palette-silver)}.theory-blocks{display:grid;gap:10px}.theory-card{padding:14px 16px;border:1px solid var(--palette-gray);border-radius:10px;background:var(--palette-charcoal)}.theory-card strong{color:var(--palette-mint);font-size:var(--text-12);text-transform:uppercase;letter-spacing:.08em}.theory-card p{margin:8px 0 0;color:var(--palette-pale-blue);line-height:1.55}.theory-card code{display:block;margin-top:8px;color:var(--palette-sand);white-space:pre-wrap}.theory-card.tip{background:color-mix(in srgb,var(--palette-teal-deep) 16%,transparent)}.theory-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--palette-gray);border-radius:10px;overflow:hidden}.theory-table span{padding:10px 12px;border-right:1px solid var(--palette-gray);border-bottom:1px solid var(--palette-gray);color:var(--palette-pale-blue);font-size:var(--text-13)}.related-vocab{display:grid;gap:8px}.related-vocab>strong{color:var(--palette-mint);font-size:var(--text-12);text-transform:uppercase}.related-vocab div{display:flex;flex-wrap:wrap;gap:8px}.related-vocab span{padding:6px 9px;border-radius:7px;background:var(--palette-ink);color:var(--palette-pale-blue);font-size:var(--text-12)}.concept-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:8px}.concept-footer small{color:var(--palette-muted);line-height:1.6}.concept-footer a{display:block;color:var(--palette-sky)}html[data-theme=light] .concept-row,html[data-theme=light] .theory-card{background:var(--palette-white);border-color:var(--palette-sand);color:var(--palette-navy-soft)}html[data-theme=light] .concept-row small,html[data-theme=light] .concept-subtitle{color:var(--palette-slate)}html[data-theme=light] .theory-card p,html[data-theme=light] .theory-table span{color:var(--palette-gray)}html[data-theme=light] .theory-table,html[data-theme=light] .theory-table span{border-color:var(--palette-sand)}html[data-theme=light] .related-vocab span{background:var(--palette-pale-blue);color:var(--palette-teal-deep)}html[data-theme=light] .concept-footer small{color:var(--palette-slate)}html[data-theme=light] .concept-footer a{color:var(--palette-teal-deep)}.concept-placeholder{min-height:260px;display:grid;place-content:center;gap:8px;padding:24px;border:1px dashed var(--palette-navy-soft);border-radius:12px;color:var(--palette-muted);text-align:center}.concept-placeholder span{color:var(--palette-mint);font-size:var(--text-24)}.concept-placeholder strong{color:var(--palette-pale-blue)}.concept-placeholder p{margin:0;font-size:var(--text-13);line-height:1.5}.roadmap-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;gap:12px}.roadmap-levels{display:flex;flex-wrap:wrap;gap:7px}.roadmap-levels button{min-width:42px;padding:7px 10px;border:1px solid var(--palette-navy-soft);border-radius:7px;background:var(--palette-charcoal);color:var(--palette-silver);font-size:var(--text-12);font-weight:800;cursor:pointer}.roadmap-levels button.selected,.roadmap-levels button:hover{border-color:var(--palette-mint);background:var(--palette-teal-deep);color:var(--palette-white)}.map-only-page{min-height:calc(100vh - 56px);display:grid}.map-only-page .concept-map{min-height:calc(100vh - 56px);border:0;border-radius:0;background:transparent;padding:0}.map-only-page .roadmap-canvas{min-height:calc(100vh - 145px);border-radius:0}.concept-modal-scroll{height:100%;overflow-y:auto;max-width:900px;margin:0 auto;padding:6px 12px 30px}.concept-modal .concept-detail{max-width:860px;margin:0 auto;border:0;background:transparent;padding:0 0 30px}.concept-modal-close{position:absolute;top:14px;right:24px;width:34px;height:34px;border:1px solid var(--palette-slate);border-radius:8px;background:var(--palette-ink);color:var(--palette-white);font-size:var(--text-24);line-height:1;cursor:pointer}.concept-modal-close:hover{border-color:var(--palette-mint);color:var(--palette-mint)}html[data-theme=light] .concept-modal{background:var(--palette-paper);border-top-color:var(--palette-sand);box-shadow:0 -18px 50px color-mix(in srgb,var(--palette-gray) 18%,transparent)}html[data-theme=light] .concept-modal-close{background:var(--palette-white);border-color:var(--palette-teal-soft);color:var(--palette-navy-soft)}html[data-theme=light] .roadmap-levels button{background:var(--palette-white);border-color:var(--palette-teal-soft);color:var(--palette-slate)}html[data-theme=light] .roadmap-levels button.selected,html[data-theme=light] .roadmap-levels button:hover{background:var(--palette-teal);color:var(--palette-white);border-color:var(--palette-teal-deep)}.roadmap-heading h2{margin:0}.roadmap-badge{padding:6px 9px;border:1px solid var(--palette-navy-soft);border-radius:999px;color:var(--palette-muted);font-size:var(--text-11)}.roadmap-canvas{position:relative;display:grid;min-height:250px;border:1px solid var(--palette-ink);border-radius:12px;background-color:var(--palette-charcoal);background-image:radial-gradient(var(--palette-gray) 1px,transparent 1px);background-size:18px 18px}.roadmap-spine{display:none}.roadmap-node{position:relative;z-index:1;display:grid;gap:4px;min-height:70px;padding:12px;border:1px solid var(--palette-slate);border-radius:9px;background:var(--palette-slate);color:var(--palette-white);text-align:left;box-shadow:0 5px 0 var(--palette-navy-soft);cursor:pointer;transition:.16s ease}.roadmap-node:hover{transform:translateY(-3px);border-color:var(--palette-sky);box-shadow:0 8px 0 var(--palette-navy-soft)}.roadmap-node.active{border-color:var(--palette-mint);background:var(--palette-teal-deep)}.roadmap-lesson{margin-top:18px}.roadmap-lesson .concept-detail{background:var(--palette-charcoal)}.content-view-toggle{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin:-6px 0 -4px;color:var(--palette-muted);font-size:var(--text-12)}.content-view-toggle button{padding:8px 12px;border:1px solid var(--palette-navy-soft);border-radius:8px;background:var(--palette-charcoal);color:var(--palette-pale-blue);font-size:var(--text-12);font-weight:700;cursor:pointer}.content-view-toggle button:hover{border-color:var(--palette-mint);color:var(--palette-teal-soft)}.roadmap-node span{color:var(--palette-teal-soft);font-family:var(--font-mono);font-size:var(--text-10)}.roadmap-node strong{font-size:var(--text-13)}.roadmap-node small{color:var(--palette-teal-soft);font-size:var(--text-10);text-transform:uppercase}.roadmap-node-1{margin-top:28px}.roadmap-node-2{margin-top:8px}html[data-theme=light] .roadmap-badge{border-color:var(--palette-teal-soft);color:var(--palette-slate)}html[data-theme=light] .roadmap-canvas{border-color:var(--palette-sand);background-color:var(--palette-cream);background-image:radial-gradient(var(--palette-sand) 1px,transparent 1px)}html[data-theme=light] .roadmap-node{background:var(--palette-slate);border-color:var(--palette-slate);color:var(--palette-white)}html[data-theme=light] .roadmap-node.active{border-color:var(--palette-teal-deep);background:var(--palette-teal)}html[data-theme=light] .roadmap-lesson .concept-detail{background:var(--palette-paper)}html[data-theme=light] .content-view-toggle button{background:var(--palette-white);border-color:var(--palette-teal-soft);color:var(--palette-navy-soft)}html[data-theme=light] .concept-detail{background:var(--palette-paper);border-color:var(--palette-sand)}html[data-theme=light] .concept-placeholder{border-color:var(--palette-teal-soft);color:var(--palette-slate)}html[data-theme=light] .concept-placeholder strong{color:var(--palette-navy-soft)}.app-shell{grid-template-columns:64px minmax(0,1fr)}.sidebar{width:64px;overflow:hidden;z-index:20;transition:width .18s ease,box-shadow .18s ease}.sidebar:hover{width:250px;box-shadow:14px 0 36px color-mix(in srgb,var(--palette-charcoal) 28%,transparent)}.brand{white-space:nowrap}.brand span:last-child,.nav-button span,.sidebar-panel,.theme-toggle span{opacity:0;pointer-events:none;transition:opacity .12s ease}.sidebar:hover .brand span:last-child,.sidebar:hover .nav-button span,.sidebar:hover .sidebar-panel,.sidebar:hover .theme-toggle span{opacity:1;pointer-events:auto}.sidebar nav{width:228px}.sidebar .brand,.sidebar-panel{width:228px}.theme-toggle{width:228px;white-space:nowrap}html[data-theme=light] .sidebar:hover{box-shadow:14px 0 36px color-mix(in srgb,var(--palette-gray) 14%,transparent)}@media(max-width:1040px){.app-shell{grid-template-columns:1fr}.sidebar{width:100%;overflow:visible}.sidebar:hover{width:100%;box-shadow:none}.sidebar .brand span:last-child,.sidebar .nav-button span,.sidebar .theme-toggle span{display:none}.sidebar nav,.sidebar .brand,.theme-toggle{width:auto}.sidebar-panel{display:none}}@media(max-width:680px){.guide-columns{grid-template-columns:1fr}}@media(max-width:680px){.map-flow,.map-branches{grid-template-columns:1fr}}@media(max-width:900px){.curriculum{grid-template-columns:1fr}.curriculum-heading,.concept-list,.concept-detail,.concept-placeholder{grid-column:1}}@media(max-width:680px){.roadmap-canvas{grid-template-columns:1fr;padding:16px}.roadmap-node{margin-left:12px}.roadmap-node-1,.roadmap-node-2{margin-top:0}}@media(max-width:680px){.concept-modal{left:0;height:82vh;padding:22px 14px 24px}.concept-modal-close{right:14px}}.mcq-options{display:grid;gap:9px;margin-top:4px}.session-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:-4px;color:var(--palette-muted);font-size:var(--text-13);font-weight:700}.reset-button{padding:8px 12px;border:1px solid var(--palette-teal-deep);border-radius:9px;background:transparent;color:var(--palette-muted);font-size:var(--text-12);font-weight:800;cursor:pointer}.reset-button:hover{border-color:var(--palette-mint);color:var(--palette-sky);background:color-mix(in srgb,var(--palette-teal-deep) 20%,transparent)}.mcq-options button{padding:12px 14px;border:1px solid var(--palette-teal-deep);border-radius:10px;background:color-mix(in srgb,var(--palette-navy) 80%,transparent);color:var(--palette-pale-blue);text-align:left;cursor:pointer;transition:.18s ease}.mcq-options button:hover:not(:disabled){border-color:var(--palette-mint);background:color-mix(in srgb,var(--palette-teal-deep) 30%,transparent);transform:translate(3px)}.mcq-options button.correct{border-color:var(--palette-mint);background:color-mix(in srgb,var(--palette-teal) 25%,transparent);color:var(--palette-teal-soft)}.mcq-options button.incorrect{border-color:var(--palette-coral);background:color-mix(in srgb,var(--palette-red) 23%,transparent);color:var(--palette-sand)}.mcq-options button:disabled{cursor:default;opacity:.92}.mcq-feedback{display:grid;gap:3px;margin-top:3px;padding:11px 13px;border-radius:10px;font-size:var(--text-13)}.mcq-feedback.correct{background:color-mix(in srgb,var(--palette-teal) 16%,transparent);color:var(--palette-teal-soft)}.mcq-feedback.incorrect{background:color-mix(in srgb,var(--palette-red) 16%,transparent);color:var(--palette-sand)}.retry-button{width:max-content;margin-top:5px;padding:7px 11px;border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;font-size:var(--text-12);font-weight:800;cursor:pointer}.retry-button:hover{background:color-mix(in srgb,var(--palette-white) 10%,transparent)}html[data-theme=light] .mcq-options button{background:var(--palette-white);border-color:var(--palette-teal-soft);color:var(--palette-navy-soft)}html[data-theme=light] .session-toolbar{color:var(--palette-slate)}html[data-theme=light] .reset-button{border-color:var(--palette-teal-soft);color:var(--palette-teal-deep)}html[data-theme=light] .reset-button:hover{border-color:var(--palette-teal-deep);background:var(--palette-pale-blue)}html[data-theme=light] .mcq-options button:hover:not(:disabled){background:var(--palette-pale-blue);border-color:var(--palette-teal-deep)}html[data-theme=light] .mcq-options button.correct{background:var(--palette-pale-blue);color:var(--palette-teal-deep)}html[data-theme=light] .mcq-options button.incorrect{background:var(--palette-cream);color:var(--palette-red)}.concept-map.has-modal .roadmap-canvas{margin-left:0;width:100%;transform:none}.concept-map.has-modal .roadmap-heading{margin-left:0}.concept-map.has-modal .roadmap-node{min-height:82px;font-size:var(--text-14)}.concept-modal{position:fixed;z-index:50;left:0;top:0;bottom:0;width:50vw;height:100vh;padding:28px 24px;background:var(--palette-charcoal);border-right:1px solid var(--palette-navy-soft);box-shadow:18px 0 50px color-mix(in srgb,var(--palette-charcoal) 38%,transparent)}.concept-modal-scroll{max-width:640px}@media(max-width:680px){.concept-map.has-modal .roadmap-canvas,.concept-map.has-modal .roadmap-heading{margin-left:0;width:100%;transform:none}.concept-modal{left:0;width:100vw}}.roadmap-canvas{grid-template-columns:repeat(5,minmax(120px,1fr));grid-template-rows:repeat(8,78px);gap:34px 28px;align-content:center;padding:38px 7%;overflow:hidden}.roadmap-connectors{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible;transform:none!important}.roadmap-connectors-a2{transform:none}.roadmap-connectors path{fill:none;stroke:var(--palette-slate);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:.82;filter:drop-shadow(0 0 2px color-mix(in srgb,var(--palette-blue) 25%,transparent))}.roadmap-node{z-index:1}html[data-theme=light] .roadmap-connectors path{stroke:var(--palette-muted);opacity:.72}.map-toolbar{position:relative;z-index:3;display:flex;justify-content:flex-end;align-items:center;gap:10px;min-height:42px;padding:4px 22px 0;color:var(--palette-muted);font-size:var(--text-12)}.map-toolbar button{padding:8px 12px;border:1px solid var(--palette-navy-soft);border-radius:8px;background:var(--palette-charcoal);color:var(--palette-pale-blue);font-size:var(--text-12);font-weight:700;cursor:pointer}.map-toolbar button:hover{border-color:var(--palette-mint);color:var(--palette-teal-soft)}.roadmap-table-page{min-height:calc(100vh - 105px);padding:8px clamp(18px,4vw,60px) 40px}.roadmap-table{margin-top:18px;border:1px solid var(--palette-gray);border-radius:12px;overflow:hidden;background:var(--palette-charcoal)}.roadmap-table-head,.roadmap-table-row{display:grid;grid-template-columns:1.2fr .8fr 2fr;gap:18px;align-items:center;padding:16px 20px}.roadmap-table-head{color:var(--palette-muted);font-size:var(--text-11);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--palette-gray)}.roadmap-table-row{border:0;border-bottom:1px solid var(--palette-ink);color:var(--palette-pale-blue);text-align:left;font:inherit;background:none;width:100%;cursor:pointer}.roadmap-table-row:last-child{border-bottom:0}.roadmap-table-row:hover{background:var(--palette-navy)}.roadmap-table-row.active{background:var(--palette-navy-soft);box-shadow:inset 3px 0 0 var(--palette-mint)}.roadmap-table-row span{display:flex;gap:12px;align-items:center;font-weight:700}.roadmap-table-row b{color:var(--palette-sky);font:11px ui-monospace,monospace}.roadmap-table-row small{color:var(--palette-sky);text-transform:uppercase;font-size:var(--text-10)}.roadmap-table-row p{margin:0;color:var(--palette-muted);font-size:var(--text-13)}html[data-theme=light] .map-toolbar{color:var(--palette-slate)}html[data-theme=light] .map-toolbar button{background:var(--palette-white);border-color:var(--palette-teal-soft);color:var(--palette-navy-soft)}html[data-theme=light] .roadmap-table{background:var(--palette-paper);border-color:var(--palette-sand)}html[data-theme=light] .roadmap-table-head{border-color:var(--palette-sand)}html[data-theme=light] .roadmap-table-row{border-color:var(--palette-red-soft);color:var(--palette-navy-soft)}html[data-theme=light] .roadmap-table-row:hover{background:var(--palette-pale-blue)}html[data-theme=light] .roadmap-table-row.active{background:var(--palette-teal-soft);box-shadow:inset 3px 0 0 var(--palette-teal-deep)}html[data-theme=light] .roadmap-table-row p{color:var(--palette-slate)}@media(max-width:680px){.map-toolbar{padding-right:14px}.roadmap-table-head{display:none}.roadmap-table-row{grid-template-columns:1fr;gap:6px}.roadmap-connectors{transform:none}}.reading-passage{margin:12px 0 14px;padding:14px 16px;border:1px solid var(--palette-gray);border-radius:10px;background:var(--palette-charcoal)}.reading-passage strong{display:block;margin-bottom:6px;color:var(--palette-mint);font-size:var(--text-11);letter-spacing:.08em;text-transform:uppercase}.reading-passage p{margin:0;color:var(--palette-teal-soft);line-height:1.6;white-space:pre-wrap}html[data-theme=light] .reading-passage{background:var(--palette-cream);border-color:var(--palette-sand)}html[data-theme=light] .reading-passage p{color:var(--palette-navy-soft)}.roadmap-heading .roadmap-levels,.roadmap-table-page .roadmap-levels{display:flex;flex-wrap:wrap;gap:8px;width:auto}.roadmap-heading .roadmap-levels button,.roadmap-table-page .roadmap-levels button{min-width:0;min-height:0;padding:8px 16px;border-radius:999px;text-align:center}.roadmap-heading .roadmap-levels button,.roadmap-table-page .roadmap-levels button{background:var(--palette-charcoal);border:1px solid var(--palette-gray);color:var(--palette-pale-blue);font-family:inherit;font-size:var(--text-13);font-weight:700}.roadmap-heading .roadmap-levels button.selected,.roadmap-table-page .roadmap-levels button.selected{background:var(--palette-ink);border-color:var(--palette-mint);color:var(--palette-white)}.roadmap-heading .roadmap-levels button:hover,.roadmap-table-page .roadmap-levels button:hover{border-color:var(--palette-mint);background:var(--palette-ink);color:var(--palette-white)}html[data-theme=light] .roadmap-heading .roadmap-levels button,html[data-theme=light] .roadmap-table-page .roadmap-levels button{background:var(--palette-paper);border-color:var(--palette-sand);color:var(--palette-navy-soft)}html[data-theme=light] .roadmap-heading .roadmap-levels button.selected,html[data-theme=light] .roadmap-table-page .roadmap-levels button.selected{background:var(--palette-pale-blue);border-color:var(--palette-teal-deep);color:var(--palette-teal-deep)}.map-only-page{width:100%}.map-only-page{row-gap:32px}.map-only-page .concept-map,.map-only-page .roadmap-table-page{width:100%;max-width:none}.roadmap-table-page{padding-left:0;padding-right:0}.roadmap-node{min-height:74px;align-self:center;justify-self:center;width:100%;max-width:235px;padding:10px 14px 14px;border:1px solid var(--palette-blue);border-radius:9px;background:linear-gradient(145deg,var(--palette-navy-soft),var(--palette-navy-soft));box-shadow:0 3px 0 var(--palette-purple),inset 0 0 18px color-mix(in srgb,var(--palette-blue) 15%,transparent);text-align:center}.roadmap-node:after{content:"";position:absolute;left:16px;right:16px;bottom:8px;height:4px;border-radius:9px;background:linear-gradient(90deg,var(--palette-pale-blue),var(--palette-sky))}.roadmap-node strong{font-size:var(--text-15)}.roadmap-node small{font-size:var(--text-9);color:var(--palette-sky)}.roadmap-node i{display:none}.roadmap-node-1{grid-column:3;grid-row:1}.roadmap-node-2{grid-column:3;grid-row:2}.roadmap-node-3{grid-column:2;grid-row:3}.roadmap-node-4{grid-column:1;grid-row:4}.roadmap-node-5{grid-column:2;grid-row:4}.roadmap-node-6{grid-column:2;grid-row:5}.roadmap-node-7{grid-column:4;grid-row:3}.roadmap-node-8{grid-column:4;grid-row:4}.roadmap-node-9{grid-column:3;grid-row:5}.roadmap-node-10{grid-column:4;grid-row:5}.roadmap-node-11{grid-column:5;grid-row:5}.roadmap-node-12{grid-column:3;grid-row:6}.roadmap-node-13{grid-column:3;grid-row:7}.roadmap-node-14{grid-column:2;grid-row:8}.roadmap-node-15{grid-column:4;grid-row:8}.roadmap-a2 .roadmap-node-1{grid-column:3;grid-row:1}.roadmap-a2 .roadmap-node-2{grid-column:3;grid-row:2}.roadmap-a2 .roadmap-node-3{grid-column:2;grid-row:3}.roadmap-a2 .roadmap-node-4{grid-column:1;grid-row:4}.roadmap-a2 .roadmap-node-5{grid-column:3;grid-row:4}.roadmap-a2 .roadmap-node-6{grid-column:4;grid-row:4}.roadmap-a2 .roadmap-node-7{grid-column:3;grid-row:5}.roadmap-b1 .roadmap-node-1{grid-column:3;grid-row:1}.roadmap-b1 .roadmap-node-2{grid-column:3;grid-row:2}.roadmap-b1 .roadmap-node-3{grid-column:2;grid-row:3}.roadmap-b1 .roadmap-node-4{grid-column:1;grid-row:4}.roadmap-b1 .roadmap-node-5{grid-column:3;grid-row:4}.roadmap-b1 .roadmap-node-6{grid-column:4;grid-row:4}.roadmap-b1 .roadmap-node-7{grid-column:3;grid-row:5}@media(max-width:680px){.roadmap-canvas{grid-template-columns:1fr;grid-template-rows:none;gap:14px;padding:18px;overflow:auto}.roadmap-node-1,.roadmap-node-2,.roadmap-node-3,.roadmap-node-4,.roadmap-node-5,.roadmap-node-6,.roadmap-node-7,.roadmap-node-8,.roadmap-node-9,.roadmap-node-10,.roadmap-node-11,.roadmap-node-12,.roadmap-node-13,.roadmap-node-14,.roadmap-node-15{grid-column:1;grid-row:auto}}.main-content{width:min(1440px,100%)}@media(max-width:680px){.map-only-page{row-gap:22px}}.mcq-card{display:grid;gap:12px}.session-runner{display:grid;gap:14px}.session-progress{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:var(--text-13);color:inherit}.session-nav{display:flex;gap:10px;justify-content:space-between}.queue-kind{font-size:var(--text-11);font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--palette-mint) 14%,transparent);color:var(--palette-mint);border:1px solid color-mix(in srgb,var(--palette-mint) 40%,transparent)}.queue-kind-review{background:color-mix(in srgb,var(--palette-amber) 14%,transparent);color:var(--palette-amber);border-color:color-mix(in srgb,var(--palette-amber) 40%,transparent)}.queue-kind-weak{background:color-mix(in srgb,var(--palette-coral) 14%,transparent);color:var(--palette-coral);border-color:color-mix(in srgb,var(--palette-coral) 40%,transparent)}.queue-kind-exam{background:color-mix(in srgb,var(--palette-sky) 14%,transparent);color:var(--palette-sky);border-color:color-mix(in srgb,var(--palette-sky) 40%,transparent)}.tab-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.word-order-answer{display:flex;flex-wrap:wrap;gap:8px;min-height:52px;padding:12px;border:1px dashed currentColor;border-radius:10px}.word-order-bank{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.word-token{padding:8px 14px;border:1px solid var(--palette-teal-deep);border-radius:999px;background:color-mix(in srgb,var(--palette-navy) 80%,transparent);color:var(--palette-pale-blue);cursor:pointer}.word-token.placed{background:color-mix(in srgb,var(--palette-mint) 18%,transparent);border-color:var(--palette-mint)}.free-text-input{width:100%;padding:12px 14px;border:1px solid var(--palette-teal-deep);border-radius:10px;background:color-mix(in srgb,var(--palette-navy) 60%,transparent);color:inherit;font:inherit;resize:vertical}.free-text-input::placeholder{color:var(--palette-muted);opacity:1}html[data-theme=light] .free-text-input{background:var(--palette-white);border-color:var(--palette-silver);color:var(--palette-navy-soft);box-shadow:inset 0 1px 2px color-mix(in srgb,var(--palette-navy-soft) 6%,transparent)}html[data-theme=light] .free-text-input::placeholder{color:var(--palette-slate)}.audio-player{margin:8px 0}.audio-player audio{width:100%}.rubric-box{padding:12px 14px;border:1px solid var(--palette-gray);border-radius:10px;background:color-mix(in srgb,var(--palette-white) 3%,transparent)}.rubric-box ul{margin:8px 0 0;padding-left:18px;display:grid;gap:6px;font-size:var(--text-13)}.stub-badge{display:inline-block;font-size:var(--text-10);font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--palette-amber) 15%,transparent);color:var(--palette-amber);border:1px solid color-mix(in srgb,var(--palette-amber) 40%,transparent);margin-top:6px}.concept-map-scroll{overflow-x:auto}.roadmap-edge{fill:none;stroke:var(--palette-muted);stroke-width:2;opacity:.7}.roadmap-anchor{fill:var(--palette-mint)}.concept-card{position:relative}.concept-card.stub{opacity:.85}.topic-list{display:grid;gap:10px;margin-top:12px}.topic-card{padding:12px 14px;border:1px solid var(--palette-gray);border-radius:10px}.topic-card h3{margin:0 0 4px;font-size:var(--text-15)}.placement-banner{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid color-mix(in srgb,var(--palette-mint) 40%,transparent);border-radius:12px;background:color-mix(in srgb,var(--palette-mint) 8%,transparent);margin:14px 0}.placement-banner div{flex:1}.placement-banner p{margin:4px 0 0;font-size:var(--text-13);opacity:.8}.skill-row{display:flex;align-items:center;gap:12px;padding:8px 0}.skill-row .bar{flex:1;height:8px;border-radius:999px;background:color-mix(in srgb,var(--palette-white) 8%,transparent);overflow:hidden}.skill-row .fill{height:100%;background:var(--palette-mint);border-radius:999px}.timer-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--palette-gray);background:var(--palette-charcoal);color:var(--palette-mint);font-size:var(--text-12);font-weight:800;white-space:nowrap}.checklist{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}.checklist button{display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;padding:12px 14px;border:1px solid var(--palette-gray);border-radius:10px;background:var(--palette-charcoal);color:var(--palette-pale-blue);cursor:pointer}.checklist button:hover{border-color:var(--palette-mint)}.checklist .checkbox{flex:none;width:20px;height:20px;margin-top:2px;border:2px solid var(--palette-mint);border-radius:6px;display:grid;place-items:center}.checklist button.checked .checkbox{background:var(--palette-mint)}.checklist button.checked .checkbox:after{content:"";width:10px;height:6px;border-left:2px solid var(--palette-charcoal);border-bottom:2px solid var(--palette-charcoal);transform:rotate(-45deg) translateY(-1px)}.checklist button.checked strong{text-decoration:line-through;opacity:.6}.checklist strong{display:block;font-size:var(--text-14)}.checklist small{display:block;margin-top:3px;color:var(--palette-muted);font-size:var(--text-13)}.steps-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.step-card{padding:14px;border:1px solid var(--palette-gray);border-radius:10px;background:var(--palette-charcoal);display:grid;gap:6px;align-content:start}.step-number{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--palette-mint) 15%,transparent);color:var(--palette-mint);font-size:var(--text-13);font-weight:800}.step-card strong{font-size:var(--text-14);color:var(--palette-cream)}.step-card p{margin:0;color:var(--palette-muted);font-size:var(--text-13);line-height:1.5}@media(max-width:680px){.steps-row{grid-template-columns:1fr}}html[data-theme=light] .timer-chip{background:var(--palette-pale-blue);border-color:var(--palette-teal-soft);color:var(--palette-teal-deep)}html[data-theme=light] .checklist button{background:var(--palette-white);border-color:var(--palette-sand);color:var(--palette-navy-soft)}html[data-theme=light] .checklist small{color:var(--palette-slate)}html[data-theme=light] .step-card{background:var(--palette-white);border-color:var(--palette-sand)}html[data-theme=light] .step-card strong{color:var(--palette-ink)}html[data-theme=light] .step-card p{color:var(--palette-slate)}.exercise-card-wrap{display:flex;flex-direction:column}.report-button{align-self:flex-end;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;margin-top:12px;padding:8px 12px;border:1px solid var(--palette-mint);border-radius:9px;background:color-mix(in srgb,var(--palette-mint) 12%,transparent);color:var(--palette-teal-soft);font-size:var(--text-13);font-weight:700}.report-button:hover{background:color-mix(in srgb,var(--palette-mint) 22%,transparent)}.report-button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.report-button svg{flex:none}.report-form{margin-top:10px;padding:12px;border:1px solid var(--palette-gray);border-radius:10px;display:flex;flex-direction:column;gap:10px;background:var(--palette-charcoal)}.report-form label{display:flex;flex-direction:column;gap:6px;font-size:var(--text-13);font-weight:600}.report-form select,.report-form textarea{font:inherit;font-weight:400;padding:8px 10px;border:1px solid var(--palette-gray);border-radius:8px;background:var(--palette-charcoal);color:inherit}.report-actions{display:flex;justify-content:flex-end;gap:8px}.report-thanks{margin-top:10px;font-size:var(--text-13);opacity:.7;text-align:right}html[data-theme=light] .report-form,html[data-theme=light] .report-form select,html[data-theme=light] .report-form textarea{border-color:var(--palette-sand);background:var(--palette-white)}html[data-theme=light] .report-button{background:var(--palette-pale-blue);border-color:var(--palette-teal-deep);color:var(--palette-teal-deep)}html[data-theme=light] .report-button:hover{background:var(--palette-teal-soft)}@media(max-width:680px){.topic-search input{width:130px}}.review-key-form{display:grid;gap:14px}.review-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.review-toolbar p{margin:0}.review-actions{display:flex;gap:6px;align-items:center}.review-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.review-pill{padding:4px 10px;border-radius:999px;background:var(--palette-ink);color:var(--palette-teal-soft);font-size:var(--text-12);font-weight:700}.review-pill.flagged{display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb,var(--palette-red) 20%,transparent);color:var(--palette-sand)}.review-item h3{margin:0 0 6px;font-size:var(--text-19)}.review-prompt{font-size:var(--text-16);line-height:1.55;margin:0 0 8px}.review-expected{border:1px solid var(--palette-gray);border-radius:10px;padding:12px 14px;background:var(--palette-charcoal);margin:12px 0}.review-expected strong{display:block;font-size:var(--text-11);text-transform:uppercase;letter-spacing:.09em;color:var(--palette-mint);margin-bottom:6px}.review-expected p{margin:0}.review-choices{margin:0;padding-left:18px;display:grid;gap:4px}.review-choices li.correct{font-weight:800}.review-note{width:100%;box-sizing:border-box;margin-top:4px;padding:10px 12px;border-radius:8px;border:1px solid var(--palette-gray);background:var(--palette-charcoal);color:var(--palette-purple-soft);font:inherit;font-size:var(--text-14)}.review-note::placeholder{color:var(--palette-slate)}.review-item-actions{display:flex;gap:8px;align-items:center;margin-top:12px;flex-wrap:wrap}.review-item-actions .text-button,.review-toolbar .text-button{width:auto;margin-top:0;padding:10px 12px}.review-danger{display:inline-flex;align-items:center;gap:6px;color:var(--palette-sand)}.review-danger:hover{color:var(--palette-sand)}html[data-theme=light] .review-pill{background:var(--palette-pale-blue);color:var(--palette-teal-deep)}html[data-theme=light] .review-pill.flagged{background:var(--palette-cream);color:var(--palette-red)}html[data-theme=light] .review-expected{background:var(--palette-paper);border-color:var(--palette-sand)}html[data-theme=light] .review-expected strong{color:var(--palette-teal-deep)}html[data-theme=light] .review-note{background:var(--palette-white);border-color:var(--palette-sand);color:var(--palette-gray)}html[data-theme=light] .review-note::placeholder{color:var(--palette-muted)}html[data-theme=light] .review-danger,html[data-theme=light] .review-danger:hover{color:var(--palette-red)}.speech-controls,.speech-feedback{display:grid;gap:10px;padding:12px 14px;border:1px solid var(--palette-gray);border-radius:10px}.speech-controls audio{width:100%}.speech-feedback{background:color-mix(in srgb,var(--palette-mint) 7%,transparent)}.speech-feedback p{white-space:pre-wrap}.speech-token-row{display:grid;gap:5px}.speech-tokens{display:flex;flex-wrap:wrap;gap:6px}.speech-word{padding:3px 6px;border-radius:5px;border:1px solid transparent}.speech-word-matched{background:color-mix(in srgb,var(--palette-teal) 20%,transparent);border-color:var(--palette-teal)}.speech-word-missed{background:color-mix(in srgb,var(--palette-red) 20%,transparent);border-color:var(--palette-red);text-decoration:underline}.speech-word-extra{background:color-mix(in srgb,var(--palette-amber) 18%,transparent);border-color:var(--palette-amber);text-decoration:underline dotted}html[data-theme=light] .speech-controls,html[data-theme=light] .speech-feedback{border-color:var(--palette-sand)}.exercise-preview.speaking-lesson{gap:20px;padding:24px;border:1px solid var(--palette-gray);border-radius:14px;background:var(--palette-charcoal)}.speaking-lesson-heading{display:grid;gap:5px}.speaking-lesson .speaking-kicker{margin:0;color:var(--palette-mint);font-size:var(--text-11);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.speaking-lesson-heading h2{margin:0;color:var(--palette-cream);font-size:clamp(20px,2vw,26px);line-height:1.3}.speaking-route{display:flex;gap:22px;border-bottom:1px solid var(--palette-navy-soft)}.speaking-lesson .speaking-route button{position:relative;padding:0 2px 12px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--palette-silver);font:inherit;font-size:var(--text-14);font-weight:650;cursor:pointer}.speaking-lesson .speaking-route button.active{border-bottom-color:var(--palette-mint);color:var(--palette-paper)}.speaking-lesson .speaking-route button:hover:not(:disabled){color:var(--palette-white)}.speaking-lesson .speaking-route button:disabled{opacity:.55;cursor:default}.speaking-step{display:grid;gap:13px}.speaking-step-intro{display:grid;gap:4px}.speaking-step-intro h3{margin:0;color:var(--palette-cream);font-size:var(--text-15)}.speaking-lesson .speaking-step-intro p{margin:0;color:var(--palette-silver);font-size:var(--text-14)}.speaking-phrase-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.speaking-lesson .speaking-phrase{display:flex;align-items:start;gap:12px;min-width:0;min-height:102px;padding:15px;border:1px solid var(--palette-navy-soft);border-radius:11px;background:var(--palette-ink);color:var(--palette-pale-blue);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease}.speaking-lesson .speaking-phrase:hover:not(:disabled){border-color:var(--palette-mint);background:var(--palette-ink)}.speaking-lesson .speaking-phrase.selected{border-color:var(--palette-mint);background:var(--palette-ink)}.speaking-lesson .speaking-phrase:disabled{opacity:.65;cursor:default}.speaking-lesson .speaking-choice-mark{display:grid;place-items:center;flex:none;width:20px;height:20px;margin-top:1px;border:1.5px solid var(--palette-muted);border-radius:50%;background:transparent;color:var(--palette-navy-deep);font-size:var(--text-13);font-weight:800;text-transform:none}.speaking-lesson .speaking-phrase.selected .speaking-choice-mark{border-color:var(--palette-mint);background:var(--palette-mint)}.speaking-phrase-copy{display:grid;gap:6px;min-width:0}.speaking-lesson .speaking-phrase-copy strong{color:var(--palette-paper);font-size:var(--text-15);font-weight:700;line-height:1.45;text-transform:none}.speaking-lesson .speaking-phrase-copy small{color:var(--palette-silver);font-size:var(--text-13);font-weight:400;line-height:1.4;text-transform:none}.speaking-lesson .speaking-tip{margin:0;color:var(--palette-silver);font-size:var(--text-13)}.speaking-lesson .speaking-tip strong{color:var(--palette-teal-soft)}.speaking-lesson .speaking-task{margin:0;padding:15px 18px;border-left:3px solid var(--palette-mint);border-radius:0 7px 7px 0;background:var(--palette-ink);color:var(--palette-cream);font-size:var(--text-16);line-height:1.6}.speaking-lesson .speaking-task-note,.speaking-lesson .speaking-privacy{margin:0;color:var(--palette-silver);font-size:var(--text-13)}.speaking-prep,.speaking-followups{padding:12px 15px;border:1px solid var(--palette-navy-soft);border-radius:9px;background:var(--palette-ink);font-size:var(--text-13)}.speaking-prep ul,.speaking-followups ul{margin:7px 0 0;padding-left:19px}.speaking-followups summary{cursor:pointer;font-weight:700}.speaking-action{display:grid;gap:14px}.speaking-lesson .speech-controls{display:grid;justify-items:start;gap:10px;width:100%;padding:0;border:0;background:none}.speaking-lesson .speech-controls audio{width:min(100%,560px)}.speaking-button-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.speaking-button-row p{margin:0 8px 0 0}.speaking-lesson .primary-button{min-height:42px;padding:9px 16px;border:0;border-radius:8px;background:var(--palette-mint);color:var(--palette-navy-deep);box-shadow:none;font-size:var(--text-13);font-weight:800}.speaking-lesson .primary-button:hover:not(:disabled){background:var(--palette-sky);box-shadow:none;transform:none}.speaking-lesson .text-button{width:auto;min-height:42px;margin:0;padding:8px 10px;border:0;background:transparent;color:var(--palette-teal-soft);font-size:var(--text-13);font-weight:700}.speaking-lesson .text-button:hover:not(:disabled){color:var(--palette-white);text-decoration:underline}.speaking-lesson .speech-feedback{display:grid;gap:12px;padding:15px 17px;border:1px solid var(--palette-teal-deep);border-radius:10px;background:var(--palette-ink)}.speaking-lesson .speech-feedback>strong{color:var(--palette-cream)}.speaking-lesson .speech-token-row{display:grid;gap:6px}.speaking-lesson .speech-token-row>strong{color:var(--palette-teal-soft);font-size:var(--text-13)}.speaking-lesson .speech-tokens{display:flex;flex-wrap:wrap;gap:6px}.speaking-lesson .speech-word{padding:4px 7px;color:var(--palette-paper);font-size:var(--text-14);font-weight:600;text-transform:none}.speaking-lesson .speech-word-matched{background:color-mix(in srgb,var(--palette-teal) 25%,transparent);border-color:var(--palette-teal)}.speaking-lesson .speech-word-missed{background:color-mix(in srgb,var(--palette-red) 24%,transparent);border-color:var(--palette-coral)}.speaking-lesson .speech-word-extra{background:color-mix(in srgb,var(--palette-amber) 20%,transparent);border-color:var(--palette-amber)}.speaking-lesson .speaking-feedback-note{margin:0;color:var(--palette-silver);font-size:var(--text-12)}.speaking-usage{width:max-content;color:var(--palette-muted);font-size:var(--text-12)}.speaking-usage summary{cursor:pointer}.speaking-usage p{padding-top:5px}.speaking-lesson button:focus-visible,.speaking-usage summary:focus-visible{outline:2px solid var(--palette-teal-soft);outline-offset:3px}html[data-theme=light] .exercise-preview.speaking-lesson{border-color:var(--palette-teal-soft);background:var(--palette-white)}html[data-theme=light] .speaking-lesson .speaking-kicker{color:var(--palette-teal-deep)}html[data-theme=light] .speaking-lesson-heading h2,html[data-theme=light] .speaking-step-intro h3{color:var(--palette-ink)}html[data-theme=light] .speaking-route{border-color:var(--palette-teal-soft)}html[data-theme=light] .speaking-lesson .speaking-route button{color:var(--palette-slate)}html[data-theme=light] .speaking-lesson .speaking-route button.active{color:var(--palette-teal-deep);border-color:var(--palette-teal)}html[data-theme=light] .speaking-lesson .speaking-step-intro p,html[data-theme=light] .speaking-lesson .speaking-tip,html[data-theme=light] .speaking-lesson .speaking-task-note,html[data-theme=light] .speaking-lesson .speaking-privacy{color:var(--palette-slate)}html[data-theme=light] .speaking-lesson .speaking-phrase{border-color:var(--palette-teal-soft);background:var(--palette-paper)}html[data-theme=light] .speaking-lesson .speaking-phrase.selected{border-color:var(--palette-teal);background:var(--palette-pale-blue)}html[data-theme=light] .speaking-lesson .speaking-phrase-copy strong{color:var(--palette-ink)}html[data-theme=light] .speaking-lesson .speaking-phrase-copy small{color:var(--palette-slate)}html[data-theme=light] .speaking-lesson .speaking-tip strong{color:var(--palette-navy-soft)}html[data-theme=light] .speaking-lesson .speaking-task{color:var(--palette-ink);background:var(--palette-pale-blue);border-color:var(--palette-teal)}html[data-theme=light] .speaking-prep,html[data-theme=light] .speaking-followups{border-color:var(--palette-teal-soft);background:var(--palette-paper)}html[data-theme=light] .speaking-lesson .primary-button{background:var(--palette-teal);color:var(--palette-white)}html[data-theme=light] .speaking-lesson .primary-button:hover:not(:disabled){background:var(--palette-teal-deep)}html[data-theme=light] .speaking-lesson .text-button{color:var(--palette-teal-deep)}html[data-theme=light] .speaking-lesson .speech-feedback{border-color:var(--palette-sand);background:var(--palette-paper)}html[data-theme=light] .speaking-lesson .speech-feedback>strong,html[data-theme=light] .speaking-lesson .speech-token-row>strong{color:var(--palette-ink)}html[data-theme=light] .speaking-lesson .speech-word{color:var(--palette-ink)}html[data-theme=light] .speaking-lesson .speaking-feedback-note{color:var(--palette-slate)}@media(max-width:760px){.speaking-phrase-list{grid-template-columns:1fr}.exercise-preview.speaking-lesson{padding:18px}.speaking-route{gap:16px}}.auth-page{min-height:100vh;overflow:hidden;padding:25px clamp(24px,5vw,66px) 42px;background:radial-gradient(circle at 42% 44%,color-mix(in srgb,var(--palette-amber-soft) 32%,transparent),transparent 20%),linear-gradient(135deg,var(--palette-paper) 0%,var(--palette-paper) 58%,var(--palette-cream) 100%);color:var(--palette-navy)}.auth-page .auth-topbar{width:min(1160px,100%);display:flex;align-items:center;justify-content:space-between;margin:0 auto}.auth-page .brand{color:var(--palette-navy)}.auth-page .brand.large{margin-bottom:0;font-size:var(--text-25);letter-spacing:-.04em}.auth-page .brand-mark{width:45px;height:45px;border-radius:13px;background:linear-gradient(145deg,var(--palette-mint),var(--palette-blue));box-shadow:0 9px 18px color-mix(in srgb,var(--palette-blue) 22%,transparent);font-size:var(--text-17)}.auth-page .brand:after{content:"FRENCH LEARNING PLATFORM";position:absolute;margin:31px 0 0 -101px;color:var(--palette-slate);font-size:var(--text-9);font-weight:700;letter-spacing:.16em;white-space:nowrap}.auth-page .brand:after{display:none}.auth-language{display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:8px 12px;border:1px solid var(--palette-teal-soft);border-radius:11px;background:color-mix(in srgb,var(--palette-white) 76%,transparent);color:var(--palette-navy-soft);font-size:var(--text-13);font-weight:750}.auth-language-chevron{transform:rotate(90deg);color:var(--palette-muted)}.auth-page .auth-shell{position:relative;min-height:calc(100vh - 110px);width:min(1160px,100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(370px,422px);gap:clamp(42px,7vw,92px);align-items:center;margin:0 auto;padding:42px 0 30px}.auth-page .auth-intro{position:relative;min-height:590px;display:block;padding-top:70px}.auth-kicker{margin:0 0 27px;color:var(--palette-teal);font-size:var(--text-12);font-weight:850;letter-spacing:.16em}.auth-hero-title{position:relative;z-index:2;max-width:490px;margin:0;color:var(--palette-navy);font-size:clamp(50px,5.25vw,72px);font-weight:850;letter-spacing:-.07em;line-height:.94}.auth-hero-line{display:block}.auth-title-accent{width:137px;height:7px;margin:10px 0 17px 98px;border-radius:99px;background:var(--palette-mint);transform:rotate(-3deg)}.auth-hero-copy{max-width:410px;margin:0 0 32px;color:var(--palette-slate);font-size:var(--text-17);line-height:1.5}.auth-page .auth-principles{position:relative;z-index:3;max-width:360px;gap:18px}.auth-principle{display:flex;align-items:center;gap:14px}.auth-page .auth-principle>span{padding:0;border:0;border-radius:0;background:transparent;color:inherit;font-weight:400}.auth-page .auth-principle>span:last-child{color:inherit}.auth-principle>span:last-child{display:grid;gap:3px}.auth-principle strong{color:var(--palette-navy);font-size:var(--text-14)}.auth-principle small{color:var(--palette-slate);font-size:var(--text-13)}.auth-principle-icon,.auth-card-icon{display:grid;place-items:center;flex:none;border-radius:13px}.auth-principle-icon{width:47px;height:47px}.auth-principle-icon--coral,.auth-card-icon--coral{background:var(--palette-cream);color:var(--palette-coral)}.auth-principle-icon--blue,.auth-card-icon--blue{background:var(--palette-purple-soft);color:var(--palette-blue)}.auth-principle-icon--mint,.auth-card-icon--mint{background:var(--palette-pale-blue);color:var(--palette-teal)}.auth-practice-art{position:absolute;z-index:1;top:65px;right:-12px;width:355px;height:510px;pointer-events:none}.auth-art-orb{position:absolute;border-radius:50%}.auth-art-orb--mint{width:160px;height:160px;top:88px;right:8px;background:color-mix(in srgb,var(--palette-teal-soft) 30%,transparent)}.auth-art-orb--peach{width:180px;height:180px;top:206px;left:18px;background:color-mix(in srgb,var(--palette-amber-soft) 25%,transparent)}.auth-art-orb--blue{width:160px;height:160px;bottom:22px;left:18px;background:color-mix(in srgb,var(--palette-teal-soft) 30%,transparent)}.auth-practice-card{position:absolute;display:grid;align-items:center;grid-template-columns:35px 1fr auto;gap:8px;width:250px;min-height:126px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--palette-white) 76%,transparent);border-radius:17px;background:color-mix(in srgb,var(--palette-white) 76%,transparent);box-shadow:0 13px 28px color-mix(in srgb,var(--palette-slate) 13%,transparent);color:var(--palette-navy-soft);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.auth-practice-card strong{font-size:var(--text-12)}.auth-card-icon{width:34px;height:34px}.auth-card-line{grid-column:2;width:51px;height:4px;border-radius:5px;background:var(--palette-sand)}.auth-card-check{color:var(--palette-teal);font-size:var(--text-23)}.auth-sentence{grid-column:1 / -1;margin-top:4px;padding:10px;border:1px solid var(--palette-pale-blue);border-radius:10px;background:color-mix(in srgb,var(--palette-white) 64%,transparent);font-size:var(--text-14);line-height:1.35}.auth-sound{color:var(--palette-slate);justify-self:end}.auth-practice-card--daily{top:30px;left:79px;transform:rotate(-7deg)}.auth-practice-card--progress{top:202px;left:125px;z-index:2;min-height:137px;transform:rotate(4deg)}.auth-practice-card--example{bottom:34px;left:55px;z-index:3;min-height:134px;transform:rotate(-5deg)}.auth-card-arrow{justify-self:end;color:var(--palette-slate);font-size:var(--text-23)}.auth-progress-ring{display:grid;place-items:center;width:67px;height:67px;grid-row:2 / 4;border:7px solid var(--palette-mint);border-left-color:var(--palette-blue);border-radius:50%;font-size:var(--text-16);font-weight:800}.auth-progress-copy{display:grid;gap:2px;align-self:center}.auth-progress-copy b{font-size:var(--text-16)}.auth-progress-copy small{color:var(--palette-slate);line-height:1.25}.auth-sentence small{display:block;margin-top:3px;color:var(--palette-muted);font-size:var(--text-11)}.auth-page .auth-card{position:relative;z-index:4;width:100%;padding:32px 34px 28px;border:1px solid var(--palette-sand);border-radius:14px;background:color-mix(in srgb,var(--palette-white) 78%,transparent);box-shadow:0 18px 42px color-mix(in srgb,var(--palette-navy-soft) 8%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-page .auth-card h2{margin:0 0 10px;color:var(--palette-navy);font-size:var(--text-31);letter-spacing:-.055em}.auth-card-subtitle{max-width:330px;margin:0 0 25px;color:var(--palette-slate);font-size:var(--text-16);line-height:1.4}.auth-page .auth-card form{gap:18px}.auth-name-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:480px){.auth-name-row{grid-template-columns:1fr}}.auth-page .auth-card label{gap:8px;color:var(--palette-navy);font-size:var(--text-14)}.auth-page .input-wrap{min-height:50px;border-color:var(--palette-teal-soft);border-radius:9px;color:var(--palette-muted)}.auth-page .input-wrap:focus-within{border-color:var(--palette-mint);box-shadow:0 0 0 3px color-mix(in srgb,var(--palette-mint) 12%,transparent)}.auth-page .input-wrap input::placeholder{color:var(--palette-muted)}.auth-page .primary-button{min-height:50px;border-radius:10px;background:linear-gradient(100deg,var(--palette-coral),var(--palette-coral));box-shadow:0 12px 22px color-mix(in srgb,var(--palette-coral) 20%,transparent)}.auth-page .primary-button:hover{transform:translateY(-1px);box-shadow:0 15px 27px color-mix(in srgb,var(--palette-coral) 28%,transparent)}.auth-forgot{align-self:end;margin-top:-8px;color:var(--palette-blue);font-size:var(--text-13);font-weight:700}.auth-divider{display:flex;align-items:center;gap:11px;margin:22px 0;color:var(--palette-muted);font-size:var(--text-13)}.auth-divider span{height:1px;flex:1;background:var(--palette-teal-soft)}.auth-secondary{width:100%;min-height:49px;border:1px solid var(--palette-silver);border-radius:9px;background:transparent;color:var(--palette-navy);font-size:var(--text-14);font-weight:800}.auth-secondary:hover{border-color:var(--palette-slate);background:var(--palette-white)}.auth-security-note{margin:19px 0 0;text-align:center;font-size:var(--text-11)}html:not([data-theme=light]) .auth-page .auth-hero-title{color:var(--palette-navy)}html:not([data-theme=light]) .auth-page .brand{color:var(--palette-navy)}html:not([data-theme=light]) .auth-page .brand-mark{color:var(--palette-white)}html:not([data-theme=light]) .auth-page .auth-card h2{color:var(--palette-navy)}html:not([data-theme=light]) .auth-page .auth-card-subtitle{color:var(--palette-slate)}html:not([data-theme=light]) .auth-page .primary-button{background:linear-gradient(100deg,var(--palette-coral),var(--palette-coral));color:var(--palette-white);box-shadow:0 12px 22px color-mix(in srgb,var(--palette-coral) 20%,transparent)}html:not([data-theme=light]) .auth-page .auth-principle strong{color:var(--palette-navy)}html:not([data-theme=light]) .auth-page .auth-principle small{color:var(--palette-slate)}@media(max-width:1040px){.auth-page .auth-shell{grid-template-columns:minmax(0,1fr) minmax(340px,410px);gap:28px}.auth-practice-art{right:-72px;opacity:.62}}@media(max-width:820px){.auth-page{overflow:visible;padding:22px 18px 34px}.auth-page .auth-shell{min-height:0;grid-template-columns:1fr;padding-top:42px}.auth-page .auth-intro{min-height:0;padding-top:0}.auth-practice-art{display:none}.auth-hero-title{font-size:clamp(46px,12vw,66px)}.auth-page .auth-card{max-width:480px;justify-self:center}}@media(max-width:480px){.auth-page .brand.large{font-size:var(--text-22)}.auth-page .brand:after{display:none}.auth-language{padding:8px 10px}.auth-page .auth-card{padding:26px 20px 23px}.auth-page .auth-card h2{font-size:var(--text-27)}}.auth-page .auth-brand-wrap{position:relative}.auth-page .auth-brand-subtitle{position:absolute;left:78px;bottom:-1px;color:var(--palette-slate);font-size:var(--text-10);font-weight:700;letter-spacing:.14em;white-space:nowrap}.auth-page .auth-shell{min-height:calc(100vh - 128px);grid-template-columns:minmax(0,1fr) minmax(420px,520px);gap:clamp(54px,8vw,120px);padding:34px 0 42px}.auth-page .auth-intro{min-height:0;padding-top:0}.auth-page .auth-kicker{margin-bottom:38px}.auth-page .auth-hero-title{font-size:clamp(56px,6vw,84px);line-height:.98;letter-spacing:-.075em}.auth-page .auth-hero-copy{max-width:620px;margin:38px 0 52px;font-size:var(--text-24);line-height:1.45}.auth-page .auth-principles,.auth-page .auth-practice-art{display:none}.auth-practice-panel{display:grid;grid-template-columns:92px 1fr 30px;align-items:center;gap:24px;width:100%;max-width:765px;min-height:172px;padding:28px 30px;border:1px solid var(--palette-sand);border-radius:14px;background:color-mix(in srgb,var(--palette-white) 46%,transparent);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.auth-practice-panel:hover{border-color:var(--palette-silver);box-shadow:0 12px 24px color-mix(in srgb,var(--palette-slate) 10%,transparent);transform:translateY(-2px)}.auth-practice-icon{display:grid;place-items:center;width:82px;height:82px;border-radius:20px;background:var(--palette-pale-blue);color:var(--palette-teal-deep)}.auth-practice-copy{display:grid;gap:7px}.auth-practice-label{color:var(--palette-slate);font-size:var(--text-12);font-weight:800;letter-spacing:.12em}.auth-practice-copy strong{color:var(--palette-navy);font-size:var(--text-20)}.auth-practice-copy small{color:var(--palette-slate);font-size:var(--text-16)}.auth-practice-arrow{color:var(--palette-slate)}.auth-page .auth-card{padding:46px 48px 42px;border-radius:14px}.auth-page .auth-card h2{font-size:var(--text-42);line-height:1.05}.auth-page .auth-card-subtitle{margin-bottom:38px;font-size:var(--text-24)}.auth-page .auth-card form{gap:24px}.auth-page .auth-card label{font-size:var(--text-16)}.auth-page .input-wrap{min-height:64px;padding:0 17px;border-radius:11px}.auth-page .input-wrap input{font-size:var(--text-20)}.auth-page .primary-button{min-height:66px;font-size:var(--text-20)}.auth-page .auth-divider{margin:30px 0;font-size:var(--text-16)}.auth-page .auth-secondary{min-height:66px;font-size:var(--text-19)}.auth-page .auth-secondary span{color:var(--palette-blue)}@media(max-width:1040px){.auth-page .auth-shell{grid-template-columns:minmax(0,1fr) minmax(370px,460px);gap:38px}.auth-page .auth-card{padding:34px 32px}.auth-page .auth-card h2{font-size:var(--text-34)}.auth-page .auth-card-subtitle{font-size:var(--text-19)}}@media(max-width:820px){.auth-page .auth-shell{min-height:0;grid-template-columns:1fr;padding-top:65px}.auth-page .auth-hero-copy{font-size:var(--text-19);margin:28px 0 34px}.auth-practice-panel,.auth-page .auth-card{max-width:none}}@media(max-width:480px){.auth-page .auth-brand-subtitle{display:none}.auth-page .auth-hero-title{font-size:var(--text-50)}.auth-practice-panel{grid-template-columns:58px 1fr 20px;gap:14px;padding:18px}.auth-practice-icon{width:58px;height:58px;border-radius:15px}.auth-practice-copy strong{font-size:var(--text-16)}.auth-practice-copy small{font-size:var(--text-13)}}@media(min-width:821px){.auth-page{height:100vh;min-height:0;padding-top:20px;padding-bottom:20px}.auth-page .auth-shell{min-height:0;height:calc(100vh - 82px);padding-top:18px;padding-bottom:18px}}.auth-page .auth-hero-title{font-size:clamp(46px,4.5vw,64px)}.auth-page .auth-hero-copy{margin-top:27px;margin-bottom:34px;font-size:var(--text-18)}.auth-practice-panel{min-height:136px;padding:22px 26px}.auth-practice-icon{width:68px;height:68px}.auth-practice-copy strong{font-size:var(--text-17)}.auth-practice-copy small{font-size:var(--text-14)}.auth-page .auth-card{padding:30px 32px 28px}.auth-page .auth-card h2{font-size:var(--text-34)}.auth-page .auth-card-subtitle{margin-bottom:26px;font-size:var(--text-18)}.auth-page .auth-card form{gap:16px}.auth-page .auth-card label{font-size:var(--text-14)}.auth-page .input-wrap{min-height:50px}.auth-page .input-wrap input{font-size:var(--text-16)}.auth-page .primary-button{min-height:52px;font-size:var(--text-16)}.auth-page .auth-divider{margin:20px 0;font-size:var(--text-14)}.auth-page .auth-secondary{min-height:50px;font-size:var(--text-16)}html:not([data-theme=light]) .auth-page{background:var(--palette-charcoal);color:var(--palette-cream)}html:not([data-theme=light]) .auth-page .brand,html:not([data-theme=light]) .auth-page .auth-brand-subtitle{color:var(--palette-cream)}html:not([data-theme=light]) .auth-page .auth-kicker{color:var(--palette-mint)}html:not([data-theme=light]) .auth-page .auth-hero-title{color:var(--palette-cream)}html:not([data-theme=light]) .auth-page .auth-hero-copy{color:var(--palette-muted)}html:not([data-theme=light]) .auth-page .auth-practice-panel{border-color:var(--palette-gray);background:var(--palette-charcoal);color:var(--palette-cream)}html:not([data-theme=light]) .auth-page .auth-practice-panel:hover{border-color:var(--palette-slate);box-shadow:none}html:not([data-theme=light]) .auth-page .auth-practice-icon{background:var(--palette-ink);color:var(--palette-mint)}html:not([data-theme=light]) .auth-page .auth-practice-label,html:not([data-theme=light]) .auth-page .auth-practice-copy small{color:var(--palette-slate)}html:not([data-theme=light]) .auth-page .auth-practice-copy strong{color:var(--palette-cream)}html:not([data-theme=light]) .auth-page .auth-practice-arrow{color:var(--palette-silver)}html:not([data-theme=light]) .auth-page .auth-card{border-color:var(--palette-gray);background:var(--palette-charcoal);box-shadow:none}html:not([data-theme=light]) .auth-page .auth-card h2{color:var(--palette-cream)}html:not([data-theme=light]) .auth-page .auth-card-subtitle{color:var(--palette-muted)}html:not([data-theme=light]) .auth-page .auth-card label{color:var(--palette-sand)}html:not([data-theme=light]) .auth-page .input-wrap{border-color:var(--palette-gray);background:var(--palette-charcoal);color:var(--palette-slate)}html:not([data-theme=light]) .auth-page .input-wrap input{color:var(--palette-cream)}html:not([data-theme=light]) .auth-page .input-wrap input::placeholder{color:var(--palette-slate)}html:not([data-theme=light]) .auth-page .input-wrap input::selection{background:var(--palette-teal-deep);color:var(--palette-white)}html:not([data-theme=light]) .auth-page .input-wrap input:-webkit-autofill,html:not([data-theme=light]) .auth-page .input-wrap input:-webkit-autofill:hover,html:not([data-theme=light]) .auth-page .input-wrap input:-webkit-autofill:focus{-webkit-text-fill-color:var(--palette-cream);-webkit-box-shadow:0 0 0 1000px var(--palette-charcoal) inset;box-shadow:0 0 0 1000px var(--palette-charcoal) inset;caret-color:var(--palette-cream)}html:not([data-theme=light]) .auth-page .primary-button{background:var(--palette-cream);color:var(--palette-charcoal);box-shadow:none}html:not([data-theme=light]) .auth-page .primary-button:hover{background:var(--palette-white);box-shadow:none}html:not([data-theme=light]) .auth-page .auth-divider{color:var(--palette-slate)}html:not([data-theme=light]) .auth-page .auth-divider span{background:var(--palette-gray)}html:not([data-theme=light]) .auth-page .auth-secondary{border-color:var(--palette-gray);background:var(--palette-charcoal);color:var(--palette-cream)}html:not([data-theme=light]) .auth-page .auth-secondary:hover{border-color:var(--palette-slate);background:var(--palette-ink)}.auth-page .auth-brand-wrap{display:grid;justify-items:start;gap:9px}.auth-page .auth-brand-wrap .brand{position:static}.auth-page .auth-brand-wrap .brand span:last-child{opacity:1;pointer-events:auto;transform:translateY(2px)}.auth-page .auth-brand-subtitle{position:static;grid-column:1 / -1;margin:0;color:var(--palette-slate)}.auth-page .auth-brand-wrap{grid-template-columns:56px auto;column-gap:13px;row-gap:8px}.auth-page .auth-brand-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:11px;background:linear-gradient(145deg,var(--palette-mint),var(--palette-blue));color:var(--palette-white);font-size:var(--text-18);font-weight:800;box-shadow:0 8px 18px color-mix(in srgb,var(--palette-blue) 22%,transparent)}.auth-page .auth-brand-name{align-self:center;color:var(--palette-navy);font-size:var(--text-29);letter-spacing:-.05em}html:not([data-theme=light]) .auth-page .auth-brand-name{color:var(--palette-cream)}html:not([data-theme=light]) .auth-page .auth-brand-subtitle{color:var(--palette-slate)}@media(min-width:821px){.auth-page{padding-top:55px}.auth-page .auth-intro{top:-72px}.auth-page .auth-card{top:-110px}}.learn-view .eyebrow{font-size:var(--text-15);font-weight:600;letter-spacing:.08em;margin-bottom:10px}.learn-view .page-title{font-size:var(--text-34);margin-bottom:12px}.learn-view h2{font-size:var(--text-28);margin:0 0 10px}.learn-view .lede{font-size:var(--text-16);margin-bottom:10px}.learn-view .exercise-preview{padding:16px 18px}.learn-view .exercise-preview h2{font-size:var(--text-20);margin-bottom:8px}.learn-view{max-width:1160px;margin:0 auto}.learn-overview-intro{max-width:720px;padding:10px 0 2px}.learn-overview-intro>span,.learn-section-intro>span,.learn-list-heading span{display:block;color:var(--palette-teal-deep);font-size:var(--text-11);font-weight:800;letter-spacing:.13em}.learn-overview-intro h1{margin:10px 0 12px;max-width:680px;font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-.045em}.learn-overview-intro>p{margin:0;max-width:610px;color:var(--palette-slate);font-size:var(--text-16);line-height:1.55}.learn-skill-content{margin-top:26px}.learn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0 34px}.learn-grid .card{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:22px;text-align:left;min-height:142px}.learn-card-copy{display:grid;gap:5px}.learn-grid .learn-card-level{margin:0;font-size:var(--text-32);line-height:1;letter-spacing:-.04em;color:var(--palette-ink)}.learn-grid .learn-card-subtitle{margin:0;font-size:var(--text-12);color:var(--palette-slate)}.learn-grid .learn-card-count{margin:10px 0 0;font-size:var(--text-13);font-weight:700;color:var(--palette-teal-deep)}.card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 12px;border:1px solid var(--palette-sand);border-radius:14px;background:var(--palette-paper);color:inherit;text-align:center;box-shadow:0 18px 36px color-mix(in srgb,var(--palette-gray) 6%,transparent)}html:not([data-theme=light]) .card{background:var(--palette-charcoal);border-color:var(--palette-gray);box-shadow:none}.card-clickable{cursor:pointer;transition:border-color .15s ease,transform .15s ease}.card-clickable:hover{border-color:var(--palette-teal-deep);transform:translateY(-2px)}html:not([data-theme=light]) .card-clickable:hover{border-color:var(--palette-muted)}.card-title{font-size:var(--text-22);letter-spacing:.02em;margin:0}.card-subtitle{font-size:var(--text-12);color:var(--palette-slate);margin:0}html:not([data-theme=light]) .card-subtitle{color:var(--palette-muted)}.card-meta{font-size:var(--text-12);color:var(--palette-slate);margin:0}html:not([data-theme=light]) .card-meta{color:var(--palette-muted)}.progress-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.progress-ring .ring-track{fill:none;stroke:var(--palette-sand)}html:not([data-theme=light]) .progress-ring .ring-track{stroke:var(--palette-gray)}.progress-ring .ring-fill{fill:none;stroke:var(--palette-teal-deep)}.progress-ring .ring-label{position:absolute;font-size:var(--text-15);color:var(--palette-teal-deep)}.learn-back{margin-bottom:18px}.learn-back .text-button{width:auto;min-height:36px;margin:0;padding:6px 4px;border:0;background:transparent;box-shadow:none;color:var(--palette-teal-deep)}.learn-level-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:center;overflow:hidden;position:relative;padding:30px 34px;border:1px solid var(--palette-teal-soft);border-radius:20px;background:linear-gradient(125deg,var(--palette-pale-blue),var(--palette-paper) 70%)}.learn-level-hero:after{content:"";position:absolute;width:300px;height:300px;right:11%;top:-190px;border:1px solid color-mix(in srgb,var(--palette-teal-deep) 13%,transparent);border-radius:50%;pointer-events:none}.learn-level-kicker{display:inline-block;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--palette-teal-deep) 10%,transparent);color:var(--palette-teal-deep);font-size:var(--text-11);font-weight:800;letter-spacing:.12em}.learn-level-copy h1{margin:14px 0 9px;font-size:clamp(30px,3.5vw,44px);line-height:1.08;letter-spacing:-.045em;color:var(--palette-ink)}.learn-level-copy>p{max-width:560px;margin:0;color:var(--palette-slate);font-size:var(--text-15);line-height:1.5}.learn-hero-action{display:grid;justify-items:start;min-width:178px;position:relative;z-index:1}.learn-hero-action>strong{color:var(--palette-teal-deep);font-size:var(--text-35);line-height:1;letter-spacing:-.04em}.learn-hero-action>p{margin:3px 0 14px;color:var(--palette-slate);font-size:var(--text-12)}.learn-hero-action .primary-button{min-height:42px;padding:9px 14px;margin:0;font-size:var(--text-13)}.learn-section-intro{margin:28px 0 14px}.learn-section-intro h2{margin:7px 0 0;font-size:var(--text-20);letter-spacing:-.025em}.learn-skill-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.learn-skill-tabs button{min-width:0;display:flex;align-items:center;gap:12px;padding:17px 18px;border:1px solid var(--palette-teal-soft);border-radius:14px;background:var(--palette-white);color:var(--palette-navy-soft);text-align:left;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}.learn-skill-tabs button:hover{border-color:var(--palette-muted);transform:translateY(-2px)}.learn-skill-tabs button:focus-visible,.clip-play-button:focus-visible{outline:2px solid var(--palette-mint);outline-offset:3px}.learn-skill-tabs button.selected{border-color:var(--palette-teal);background:var(--palette-pale-blue);color:var(--palette-teal-deep);box-shadow:0 0 0 1px color-mix(in srgb,var(--palette-teal) 16%,transparent) inset}.learn-skill-tabs button>svg{flex:none}.learn-skill-tabs button>span{display:grid;gap:3px;min-width:0}.learn-skill-tabs strong{font-size:var(--text-15);line-height:1.1}.learn-skill-tabs small{font-size:var(--text-11);color:var(--palette-slate)}.learn-skill-tabs button.selected small{color:var(--palette-teal-deep)}.learn-list-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:15px}.learn-list-heading h2{margin:6px 0 0;font-size:var(--text-21);letter-spacing:-.025em}.learn-list-heading .learn-list-instruction{margin:5px 0 0;color:var(--palette-slate);font-size:var(--text-13)}.learn-list-heading>p{margin:0 0 2px;color:var(--palette-slate);font-size:var(--text-12)}.learn-activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.learn-activity-list{display:grid;gap:16px}.learn-activity-grid .exercise-card-wrap,.learn-activity-list .exercise-card-wrap{min-width:0}.learn-page-controls{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin:24px 0}.learn-page-controls>p{margin:0;font-size:var(--text-12);color:var(--palette-slate)}.learn-page-controls .text-button{width:auto;min-height:38px;margin:0;padding:7px 14px}.learn-view .report-button{min-height:32px;margin-top:5px;padding:5px 8px;border-color:transparent;background:transparent;color:var(--palette-teal-deep);font-size:var(--text-11)}html[data-theme=light] .learn-view .report-button{border-color:transparent;background:transparent;color:var(--palette-teal-deep)}.exercise-preview.pronunciation-card{padding:18px;gap:0}.pronunciation-drill{display:grid;gap:14px}.pronunciation-copy{display:grid;gap:3px}.pronunciation-copy>span{color:var(--palette-teal-deep);font-size:var(--text-10);letter-spacing:.12em}.pronunciation-title{margin:3px 0 0;font-size:var(--text-19);letter-spacing:-.025em;line-height:1.2;color:var(--palette-ink)}.pronunciation-hint{margin:0;color:var(--palette-slate);font-size:var(--text-13);line-height:1.4}.pronunciation-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pronunciation-controls .text-button{width:auto;min-height:42px;margin:0;padding:8px 14px;border-color:var(--palette-teal-soft);background:transparent;color:var(--palette-teal-deep);font-size:var(--text-13)}.clip-player{display:grid;gap:6px}.clip-play-button{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:4px 12px 4px 5px;border:1px solid var(--palette-teal-deep);border-radius:999px;background:var(--palette-teal-deep);color:var(--palette-white);font:inherit;font-size:var(--text-13);font-weight:800;cursor:pointer}.clip-play-button:hover{background:var(--palette-navy-soft)}.pronunciation-card .clip-play-button span{color:inherit;font-size:var(--text-13);text-transform:none}.clip-play-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--palette-white) 18%,transparent);color:var(--palette-white)}.clip-wave{display:flex;align-items:center;gap:2px;margin-left:5px;height:18px}.clip-wave i{display:block;width:2px;height:6px;border-radius:2px;background:currentColor;opacity:.65}.clip-wave i:nth-child(2),.clip-wave i:nth-child(4){height:13px}.clip-wave i:nth-child(3){height:18px}.clip-play-button.is-playing .clip-wave i{animation:clip-pulse .5s ease-in-out infinite alternate}.clip-play-button.is-playing .clip-wave i:nth-child(2n){animation-delay:.18s}@keyframes clip-pulse{to{transform:scaleY(.4)}}.clip-error{margin:0;color:var(--palette-red);font-size:var(--text-12)}.pronunciation-reveal{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--palette-teal-soft)}.pronunciation-card .pronunciation-answer-label{color:var(--palette-slate);font-size:var(--text-10);letter-spacing:.1em}.pronunciation-word{color:var(--palette-ink);font-size:var(--text-22);letter-spacing:-.03em}.pronunciation-mark-row{display:flex;flex-wrap:wrap;gap:7px;margin-left:auto}.pronunciation-mark-row>button{flex:none;width:auto;min-height:36px;margin:0;padding:7px 12px;font-size:var(--text-12)}.pronunciation-mark-row>.retry-button{border-color:var(--palette-silver)}.pronunciation-card .mcq-feedback{margin-top:0}html:not([data-theme=light]) .learn-overview-intro>p,html:not([data-theme=light]) .learn-level-copy>p{color:var(--palette-silver)}html:not([data-theme=light]) .learn-grid .learn-card-level{color:var(--palette-paper)}html:not([data-theme=light]) .learn-grid .learn-card-subtitle,html:not([data-theme=light]) .learn-list-heading>p{color:var(--palette-muted)}html:not([data-theme=light]) .learn-list-heading .learn-list-instruction{color:var(--palette-silver)}html:not([data-theme=light]) .learn-page-controls>p{color:var(--palette-silver)}html:not([data-theme=light]) .learn-grid .learn-card-count{color:var(--palette-mint)}html:not([data-theme=light]) .learn-back .text-button{color:var(--palette-mint)}html:not([data-theme=light]) .learn-level-hero{border-color:var(--palette-teal-deep);background:linear-gradient(125deg,var(--palette-ink),var(--palette-charcoal) 72%)}html:not([data-theme=light]) .learn-level-kicker{background:color-mix(in srgb,var(--palette-mint) 13%,transparent);color:var(--palette-sky)}html:not([data-theme=light]) .learn-level-copy h1{color:var(--palette-paper)}html:not([data-theme=light]) .learn-hero-action>strong{color:var(--palette-sky)}html:not([data-theme=light]) .learn-hero-action>p{color:var(--palette-silver)}html:not([data-theme=light]) .learn-section-intro>span,html:not([data-theme=light]) .learn-list-heading span,html:not([data-theme=light]) .learn-overview-intro>span{color:var(--palette-mint)}html:not([data-theme=light]) .learn-skill-tabs button{border-color:var(--palette-gray);background:var(--palette-charcoal);color:var(--palette-cream)}html:not([data-theme=light]) .learn-skill-tabs button:hover{border-color:var(--palette-muted)}html:not([data-theme=light]) .learn-skill-tabs button.selected{border-color:var(--palette-mint);background:var(--palette-ink);color:var(--palette-sky);box-shadow:0 0 0 1px color-mix(in srgb,var(--palette-mint) 16%,transparent) inset}html:not([data-theme=light]) .learn-skill-tabs small{color:var(--palette-silver)}html:not([data-theme=light]) .learn-skill-tabs button.selected small{color:var(--palette-teal-soft)}html:not([data-theme=light]) .learn-view .report-button{color:var(--palette-sky);background:transparent;border-color:transparent}html:not([data-theme=light]) .pronunciation-copy>span{color:var(--palette-mint)}html:not([data-theme=light]) .pronunciation-title,html:not([data-theme=light]) .pronunciation-word{color:var(--palette-paper)}html:not([data-theme=light]) .pronunciation-hint{color:var(--palette-silver)}html:not([data-theme=light]) .pronunciation-controls .text-button{border-color:var(--palette-teal-deep);background:var(--palette-ink);color:var(--palette-teal-soft)}html:not([data-theme=light]) .clip-play-button{border-color:var(--palette-mint);background:var(--palette-sky);color:var(--palette-ink)}html:not([data-theme=light]) .clip-play-button:hover{background:var(--palette-teal-soft)}html:not([data-theme=light]) .clip-play-icon{background:color-mix(in srgb,var(--palette-ink) 13%,transparent);color:var(--palette-ink)}html:not([data-theme=light]) .clip-error{color:var(--palette-sand)}html:not([data-theme=light]) .pronunciation-reveal{border-color:var(--palette-gray)}html:not([data-theme=light]) .pronunciation-card .pronunciation-answer-label{color:var(--palette-silver)}html:not([data-theme=light]) .pronunciation-mark-row>.retry-button{border-color:var(--palette-muted)}@media(max-width:850px){.learn-grid,.learn-skill-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.learn-level-hero{grid-template-columns:1fr;gap:18px;padding:24px}.learn-hero-action{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.learn-hero-action>p{margin:0 auto 0 0}.learn-grid,.learn-activity-grid{grid-template-columns:1fr}.learn-skill-tabs button{padding:13px}.learn-list-heading{align-items:start}.learn-list-heading>p{display:none}.pronunciation-mark-row{width:100%;margin-left:0}}@media(prefers-reduced-motion:reduce){.clip-play-button.is-playing .clip-wave i{animation:none}.learn-skill-tabs button,.card-clickable{transition:none}}.streak-chip{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--palette-sand);border-radius:8px;background:var(--palette-cream)}.streak-chip svg{flex:none}.streak-chip-text strong{display:block;font-size:var(--text-14);line-height:1.15;color:var(--palette-ink)}.streak-chip-text span{display:block;font-size:var(--text-12);color:var(--palette-slate)}@media(min-width:1041px){.streak-chip{width:228px;flex:none;transition:background .12s ease,border-color .12s ease}.sidebar:not(:hover) .streak-chip{background:transparent;border-color:transparent}.streak-chip-text{opacity:0;transition:opacity .12s ease}.sidebar:hover .streak-chip-text,.sidebar:focus-within .streak-chip-text{opacity:1}}.streak-hero{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:18px}.streak-flame-badge{width:64px;height:64px;flex:none;display:grid;place-items:center;border-radius:16px;background:color-mix(in srgb,var(--palette-amber) 14%,transparent)}.streak-big{font-size:var(--text-34);font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--palette-ink)}.streak-big small{font-size:var(--text-15);font-weight:700;letter-spacing:0;color:var(--palette-slate)}.streak-sub{margin:5px 0 0;font-size:var(--text-13-5);color:var(--palette-slate)}.streak-sub strong{color:var(--palette-teal-deep)}.streak-today-pill{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--palette-sand);border-radius:999px;background:var(--palette-cream);color:var(--palette-teal-deep);font-size:var(--text-12-5);font-weight:700}.streak-empty{display:flex;align-items:center;gap:14px;margin-top:18px;padding:14px 16px;border:1px dashed var(--palette-sand);border-radius:10px;color:var(--palette-slate);font-size:var(--text-13-5)}.streak-empty strong{display:block;font-size:var(--text-14);color:var(--palette-ink)}.streak-empty .flame-off{flex:none;opacity:.35;filter:grayscale(1)}.streak-stats4 .session-stats{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:680px){.streak-stats4 .session-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.heat-wrap{overflow-x:auto;margin-top:14px;padding-bottom:4px}.heat-months{display:grid;grid-auto-flow:column;grid-auto-columns:11px;gap:3px;height:14px;margin:0 0 5px 30px;font-size:var(--text-11);color:var(--palette-slate)}.heat-body{display:flex;gap:6px}.heat-days{display:grid;grid-template-rows:repeat(7,11px);gap:3px;width:24px;font-size:var(--text-9-5);color:var(--palette-slate)}.heat-days span{line-height:11px}.heat-grid{display:grid;grid-template-rows:repeat(7,11px);grid-auto-flow:column;grid-auto-columns:11px;gap:3px}.heat-cell{width:11px;height:11px;border-radius:2.5px;background:var(--palette-red-soft)}.heat-cell.l1{background:var(--palette-teal-soft)}.heat-cell.l2{background:var(--palette-mint)}.heat-cell.l3{background:var(--palette-teal)}.heat-cell.l4{background:var(--palette-teal-deep)}.heat-cell.today{outline:2px solid var(--palette-teal-deep);outline-offset:0}.heat-cell.future{background:transparent}.heat-legend{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:8px;font-size:var(--text-11);color:var(--palette-slate)}.heat-legend .heat-cell{width:10px;height:10px}.streak-note{margin-top:10px}html:not([data-theme=light]) .streak-chip{background:var(--palette-charcoal);border-color:var(--palette-gray)}html:not([data-theme=light]) .streak-chip-text strong{color:var(--palette-cream)}html:not([data-theme=light]) .streak-chip-text span{color:var(--palette-muted)}html:not([data-theme=light]) .streak-flame-badge{background:color-mix(in srgb,var(--palette-coral) 16%,transparent)}html:not([data-theme=light]) .streak-big{color:var(--palette-cream)}html:not([data-theme=light]) .streak-big small{color:var(--palette-muted)}html:not([data-theme=light]) .streak-sub{color:var(--palette-muted)}html:not([data-theme=light]) .streak-sub strong{color:var(--palette-mint)}html:not([data-theme=light]) .streak-today-pill{background:var(--palette-charcoal);border-color:var(--palette-gray);color:var(--palette-mint)}html:not([data-theme=light]) .streak-empty{border-color:var(--palette-gray);color:var(--palette-muted)}html:not([data-theme=light]) .streak-empty strong{color:var(--palette-cream)}html:not([data-theme=light]) .heat-months,html:not([data-theme=light]) .heat-days,html:not([data-theme=light]) .heat-legend{color:var(--palette-muted)}html:not([data-theme=light]) .heat-cell{background:var(--palette-ink)}html:not([data-theme=light]) .heat-cell.l1{background:var(--palette-navy-soft)}html:not([data-theme=light]) .heat-cell.l2{background:var(--palette-teal)}html:not([data-theme=light]) .heat-cell.l3{background:var(--palette-teal)}html:not([data-theme=light]) .heat-cell.l4{background:var(--palette-mint)}html:not([data-theme=light]) .heat-cell.today{outline-color:var(--palette-mint)}html:not([data-theme=light]) .heat-cell.future{background:transparent}.loading-spinner{display:flex;align-items:center;gap:.75rem;padding:1.5rem 1rem;color:var(--palette-mint)}.loading-spinner--centered{flex-direction:column;justify-content:center;text-align:center;min-height:172px}.loading-spinner__icon{animation:franco-spin 1s linear infinite;flex:none}.loading-spinner__label{margin:0;font-size:.95rem;color:var(--palette-muted)}@keyframes franco-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-spinner__icon{animation:none}}html[data-theme=light] .loading-spinner{color:var(--palette-teal)}html[data-theme=light] .loading-spinner__label{color:var(--palette-slate)}html[data-theme] body{background:var(--color-background);color:var(--color-text)}html[data-theme] .brand{color:var(--color-text)}.brand span:last-child{opacity:1;pointer-events:auto}html[data-theme] .sidebar .brand{color:var(--color-sidebar-text)}html[data-theme] .brand-mark{width:32px;height:32px;border-radius:var(--radius-control);background:var(--color-accent);color:var(--palette-white);box-shadow:none}.app-shell{grid-template-columns:var(--rail-width) minmax(0,1fr)}html[data-theme] .sidebar{position:sticky;top:0;height:100dvh;width:var(--rail-width);padding:var(--space-6) var(--space-4);gap:var(--space-6);flex-direction:column;align-items:stretch;background:var(--color-sidebar);border-right:1px solid var(--color-sidebar-line);-webkit-backdrop-filter:none;backdrop-filter:none;overflow:hidden}html[data-theme] .sidebar:is(:hover,:focus-within){width:var(--sidebar-width);box-shadow:14px 0 36px color-mix(in srgb,var(--palette-navy-deep) 20%,transparent)}.sidebar nav{display:grid;width:calc(var(--sidebar-width) - 2 * var(--space-4));padding-block:var(--space-4);gap:var(--space-2);border-block:1px solid var(--color-sidebar-line);flex:none}.sidebar .brand{width:calc(var(--sidebar-width) - 2 * var(--space-4))}html[data-theme] .sidebar .nav-button,html[data-theme] .sidebar .theme-toggle{min-height:40px;padding:var(--space-2) 7px;gap:var(--space-4);color:var(--color-sidebar-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-control);font-size:var(--text-14);font-weight:500}.sidebar .nav-button svg,.sidebar .theme-toggle svg{flex:0 0 auto}html[data-theme] .sidebar .nav-button:is(:hover,.active),html[data-theme] .sidebar .theme-toggle:hover{color:var(--color-sidebar-text);background:color-mix(in srgb,var(--color-sidebar-active) 20%,transparent);border-color:var(--color-sidebar-active)}.sidebar .brand span:last-child,.sidebar .nav-label,.sidebar .theme-toggle span,.sidebar-actions .nav-button span,.user-details,.user-chevron{opacity:0;pointer-events:none;white-space:nowrap;transition:opacity .12s ease}.sidebar .brand span:last-child,.sidebar .nav-label,.sidebar .theme-toggle span{display:inline}.sidebar:is(:hover,:focus-within) .brand span:last-child,.sidebar:is(:hover,:focus-within) .nav-label,.sidebar:is(:hover,:focus-within) .theme-toggle span,.sidebar:is(:hover,:focus-within) .sidebar-actions .nav-button span,.sidebar:is(:hover,:focus-within) .user-details,.sidebar:is(:hover,:focus-within) .user-chevron{opacity:1;pointer-events:auto}.sidebar-actions{margin-top:auto;display:grid;gap:var(--space-2)}.sidebar .theme-toggle,.sidebar-actions .nav-button{width:calc(var(--sidebar-width) - 2 * var(--space-4))}.user-menu{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;padding:var(--space-4) 0 0;border:0;border-top:1px solid var(--color-sidebar-line);width:calc(var(--sidebar-width) - 2 * var(--space-4));background:transparent;color:var(--color-sidebar-text);text-align:left}.user-avatar{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:var(--color-accent);color:var(--palette-white);font-size:var(--text-13);font-weight:600}.user-details{min-width:0;flex:1;display:grid;gap:var(--space-1)}.user-details strong{overflow:hidden;text-overflow:ellipsis;font-size:var(--text-13);font-weight:600}.user-details small{color:var(--color-sidebar-muted);font-size:var(--text-11)}.user-chevron{flex:0 0 auto}html[data-theme] .main-content{min-width:0;width:100%;max-width:var(--content-width);padding:42px clamp(var(--space-6),5vw,72px) 70px;margin:0 auto}.phone-tabs{display:none}html[data-theme] .panel,html[data-theme] .exercise-preview,html[data-theme] .example-card,html[data-theme] .auth-card{background:var(--color-surface);border-color:var(--color-border);border-radius:var(--radius-panel);box-shadow:none}html[data-theme] h1,html[data-theme] h2,html[data-theme] h3{color:var(--color-text)}html[data-theme] .lede,html[data-theme] .muted{color:var(--color-muted)}html[data-theme] .eyebrow{color:var(--color-accent)}html[data-theme] .primary-button{background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-control);box-shadow:none}html[data-theme] .primary-button:hover{box-shadow:none;transform:translateY(-1px)}:is(button,a,input,textarea,summary):focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.sidebar button:focus-visible{outline-color:var(--palette-mint);outline-offset:-2px}@media(max-width:680px){.app-shell{display:block;padding-top:var(--phone-header-height);padding-bottom:calc(var(--phone-tabs-height) + env(safe-area-inset-bottom))}html[data-theme] .sidebar,html[data-theme] .sidebar:is(:hover,:focus-within){position:fixed;inset:0 0 auto;width:100%;height:var(--phone-header-height);padding:var(--space-3) var(--space-4);flex-direction:row;justify-content:space-between;align-items:center;gap:var(--space-4);overflow:visible;box-shadow:none}.sidebar nav,.sidebar-actions{display:none}.sidebar .brand{width:auto;font-size:var(--text-16)}.sidebar .brand span:last-child{display:inline;opacity:1;pointer-events:auto}.sidebar .user-menu{padding:0;width:32px;border:0}.sidebar .user-details,.sidebar .user-chevron{display:none}.phone-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;position:fixed;inset:auto 0 0;z-index:30;min-height:var(--phone-tabs-height);padding:var(--space-2) var(--space-1) calc(var(--space-2) + env(safe-area-inset-bottom));background:var(--color-surface);border-top:1px solid var(--color-border)}html[data-theme] .phone-tabs .nav-button{display:flex;flex-direction:column;justify-content:center;gap:var(--space-1);padding:var(--space-1) 0;width:100%;min-width:0;font-size:var(--text-10);font-weight:500;background:transparent;color:var(--color-muted);border:0}.phone-tabs .nav-label{opacity:1;pointer-events:auto}html[data-theme] .phone-tabs .nav-button.active{color:var(--color-accent)}html[data-theme] .main-content{padding:var(--space-6) var(--space-4) var(--space-8)}}@media(prefers-reduced-motion:reduce){.sidebar,.sidebar span,.user-chevron{transition:none}}.home-page{display:grid;gap:var(--space-8)}.home-greeting{display:flex;justify-content:space-between;gap:var(--space-6);align-items:flex-start}.home-kicker{color:var(--color-accent);font-size:var(--text-10);letter-spacing:.12em;font-weight:600;margin:0 0 var(--space-2)}.home-greeting h1{font-family:var(--font-heading);font-size:var(--text-38);font-weight:500;letter-spacing:-.02em;margin:0 0 var(--space-3)}.home-subtitle{margin:0 0 var(--space-2);color:var(--color-text);font-size:var(--text-18);font-weight:600}.home-intro{margin:0;color:var(--color-muted);font-size:var(--text-14)}.streak-card{width:180px;flex:0 0 180px;display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface)}.streak-card>svg{color:var(--color-flame)}.streak-card div{display:flex;align-items:baseline;gap:var(--space-2)}.streak-card strong{font-size:var(--text-38);line-height:1;color:var(--color-text)}.streak-card span{font-size:var(--text-12);font-weight:600}.streak-card small{font-size:var(--text-11);color:var(--color-muted)}.home-plan{border-top:1px solid var(--color-border);padding-top:var(--space-6)}.home-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-2)}.home-section-heading h2{margin:0;font-size:var(--text-14);font-weight:600;letter-spacing:0}.home-section-heading>span{color:var(--color-muted);font-size:var(--text-12)}.home-plan-row{display:flex;align-items:flex-start;gap:var(--space-4);width:100%;text-align:left;padding:var(--space-4) var(--space-1);border:0;border-bottom:1px dashed var(--color-border);background:transparent;color:var(--color-text)}.home-plan-row svg{flex:0 0 auto;color:var(--color-accent);margin-top:2px}.home-plan-row>span:not(.home-time){display:grid;min-width:0;gap:var(--space-1)}.home-plan-row strong{font-size:var(--text-14);font-weight:600}.home-plan-row small{font-size:var(--text-12);color:var(--color-muted);line-height:1.6}.home-plan-row .home-time{margin-left:auto;white-space:nowrap;padding-left:var(--space-3)}.home-plan .primary-button{margin-top:var(--space-6);min-height:48px;justify-content:center}.home-continue{padding-block:var(--space-2) var(--space-6);border-bottom:1px solid var(--color-border)}.home-continue-row{display:flex;align-items:center;gap:var(--space-4)}.home-continue-row>svg{color:var(--color-accent);flex:0 0 auto}.home-continue-row>div{flex:1;min-width:0}.home-continue-row h2{font-size:var(--text-18);margin:0 0 var(--space-1);font-weight:600;letter-spacing:0}.home-continue-row small{color:var(--color-muted);font-size:var(--text-12);line-height:1.6}html[data-theme] .home-continue-row .text-button{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-accent);font-size:var(--text-14);white-space:nowrap;width:auto;flex:0 0 auto;margin-left:auto}.home-skill-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}.skill-card{min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface)}.skill-card-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.skill-card h3{font-family:var(--font-heading);font-size:var(--text-24);font-weight:500;margin:0 0 var(--space-1);letter-spacing:0}.skill-card-heading span{color:var(--color-accent);text-transform:uppercase;font-size:var(--text-10);letter-spacing:.1em;font-weight:600}.skill-card p{color:var(--color-muted);font-size:var(--text-12);line-height:1.7;margin:var(--space-3) 0}.skill-card small{color:var(--color-muted);font-size:var(--text-11)}.skill-card .progress-ring{flex:0 0 52px}html[data-theme] .skill-card .ring-track{stroke:var(--color-border)}html[data-theme] .skill-card .ring-fill{stroke:var(--color-accent)}html[data-theme] .skill-card .ring-label{color:var(--color-text);font-size:var(--text-12)}@media(max-width:1100px){.home-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.home-page{gap:var(--space-6)}.home-greeting{flex-direction:column;gap:var(--space-4)}.home-greeting h1{font-size:var(--text-28)}.home-subtitle{font-size:var(--text-16)}.home-intro{font-size:var(--text-12);line-height:1.7}.streak-card{width:100%;flex-basis:auto}.home-section-heading>span{font-size:var(--text-10)}.home-plan-row{gap:var(--space-2)}.home-plan-row strong{font-size:var(--text-12)}.home-plan-row small{font-size:var(--text-11)}.home-continue-row{flex-wrap:wrap;gap:var(--space-2)}.home-continue-row>div{flex-basis:calc(100% - 40px)}html[data-theme] .home-continue-row .text-button{margin-left:var(--space-8)}.home-skill-grid{gap:var(--space-2)}.skill-card{padding:var(--space-3)}.skill-card-heading{flex-wrap:wrap}}