/* Shared native surface language: VizoraTheme radius, system font and sky accent. */
:root{--bg:#f4f7fc;--surface:#fff;--surface2:#edf2fa;--ink:#17243a;--muted:#5c6d83;--line:#e1e8f2;--radius:24px;--shadow:0 8px 30px #1f447008;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
[data-theme=dark]{--bg:#090e1a;--surface:#141b29;--surface2:#1b2638;--ink:#f1f5fc;--muted:#a9b8cc;--line:#2b374a;--shadow:0 10px 35px #0002}
[data-accent=blue]{--accent:#0d8ff5;--accent-soft:#e5f3ff}[data-theme=dark][data-accent=blue]{--accent:#65b9ff;--accent-soft:#17334c}
h1,h2,h3{font-family:ui-rounded,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}h1{font-weight:760;letter-spacing:-1px}.card{border-color:var(--line)}.primary{border-radius:16px}.nav-item{border-radius:18px}.nav-item.active{box-shadow:0 4px 14px #0d8ff50a}.sidebar{background:var(--surface)}.topbar{background:var(--bg)}.ft-card-links a{background:var(--surface);border-color:var(--line);border-radius:20px}.course-symbol{border-radius:16px}.course-card{transition:transform .16s,box-shadow .16s}.course-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #1937520d}.hero{isolation:isolate}.hero>div{position:relative;z-index:1;max-width:62%}.hero-companion{position:absolute;right:3%;bottom:3%;width:30%;height:94%;display:flex;align-items:flex-end;justify-content:center;filter:drop-shadow(0 12px 18px #0003)}
.native-hero-art{display:block;width:100%;height:100%;object-fit:contain;object-position:center;max-width:100%}.hero-companion img{transition:transform .2s}.hero-companion:hover img{transform:translateY(-4px)}.learning-start{display:flex;gap:24px;align-items:center;justify-content:space-between;margin:0 0 24px;background:linear-gradient(120deg,var(--surface),var(--accent-soft))}.learning-start>div{min-width:0}.learning-start-avatar{width:128px;height:128px;border-radius:32px;background:var(--surface);flex-shrink:0}.learning-start h2{margin-bottom:10px}.native-wardrobe{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:22px;align-items:start}.native-stage{position:sticky;top:20px;background:radial-gradient(ellipse at 50% 44%,var(--accent-soft),var(--surface) 72%);overflow:hidden}.native-stage h2{margin-bottom:0}.native-stage-art{height:clamp(330px,55vh,530px);padding:8px;margin:8px 0 18px}.native-stage-art img{animation:native-breathe 5.6s ease-in-out infinite;transform-origin:bottom center}.native-stage-art.is-face{height:clamp(280px,43vh,420px)}.native-stage .note{margin-top:18px}.native-hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0 28px}.native-hero-choice,.native-outfit{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;border:1px solid var(--line);border-radius:20px;background:var(--surface2);color:var(--ink);padding:10px;min-height:44px}.native-hero-choice img{height:170px}.native-hero-choice strong{font-size:13px;margin:8px 0 4px;overflow-wrap:anywhere}.native-hero-choice[aria-pressed=true],.native-outfit[aria-pressed=true]{border:2px solid var(--accent);background:var(--accent-soft)}.native-outfits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px}.native-outfit img{height:125px}.native-outfit span{font-size:12px;margin-top:8px}.native-stage [aria-pressed=true]{border-color:var(--accent);color:var(--accent)}
.native-welcome{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 210px;align-items:center;overflow:hidden;background:linear-gradient(130deg,#112c53,#2650a4);color:white;padding:30px}.native-welcome h2{font-size:clamp(25px,3vw,36px)}.native-welcome p{color:#d6e7ff;max-width:650px;font-size:15px}.native-welcome .eyebrow{color:#9fd8ff}.welcome-founder{width:100%;height:270px;object-fit:contain;filter:drop-shadow(0 10px 20px #07173255)}.welcome-steps{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.welcome-steps span{border-radius:20px;padding:7px 12px;background:#ffffff12;color:#bbcce8;font-size:12px}.welcome-steps span.active{background:#ffffff27;color:#fff}.welcome-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:22px}.welcome-map article{display:flex;gap:14px;align-items:flex-start}.welcome-map h3{margin-bottom:6px}.welcome-map p{margin:0}.welcome-map .course-symbol{flex-shrink:0}.welcome-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.welcome-course{display:flex;flex-direction:column;text-align:left;gap:8px;padding:17px;border:1px solid var(--line);border-radius:18px;color:var(--ink);background:var(--surface);min-height:100px}.welcome-course[aria-pressed=true]{background:var(--accent-soft);border:2px solid var(--accent)}.welcome-course small{font-size:12px}.welcome-first{margin:25px 0;padding:20px;border-radius:18px;background:var(--surface2)}.welcome-first p{margin:10px 0 0}.welcome-content>#welcome-status{margin:15px 0}.auth-founder{position:relative;border-radius:28px;overflow:hidden;min-height:520px;background:#102642;grid-row:span 2}.auth-founder>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.auth-founder:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 20%,#07162ce8)}.auth-founder>div{position:absolute;z-index:1;bottom:30px;left:26px;right:26px;color:white}.auth-founder p,.auth-founder .eyebrow{color:#d2e8ff}.auth-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
@keyframes native-breathe{0%,100%{transform:scaleY(1) rotate(-.25deg)}50%{transform:scaleY(1.008) rotate(.25deg)}}
@media(max-width:950px){.native-wardrobe{grid-template-columns:1fr}.native-stage{position:static}.native-stage-art{height:420px}.auth-layout{grid-template-columns:1fr}.auth-founder{min-height:280px;grid-row:auto}.auth-founder>img{object-position:center 35%}.native-welcome{grid-template-columns:minmax(0,1fr) 150px}.welcome-founder{height:240px}}
@media(max-width:600px){.card{border-radius:24px}.native-welcome{padding:24px;grid-template-columns:1fr}.welcome-founder{position:absolute;right:-20px;top:8px;width:115px;height:160px;opacity:.35;pointer-events:none}.welcome-copy{position:relative;z-index:1}.native-welcome h2{padding-right:55px}.welcome-map{grid-template-columns:1fr}.welcome-course-grid{grid-template-columns:1fr}.learning-start{gap:12px;padding:22px}.learning-start-avatar{width:72px;height:72px;border-radius:22px}.learning-start h2{font-size:22px}.learning-start p{font-size:13px}.learning-start .row{gap:8px}.native-stage-art{height:390px}.native-hero-choice img{height:160px}.native-outfit img{height:110px}.hero>div{max-width:72%}.hero-companion{right:-2%;width:34%;height:70%}.hero h2{font-size:27px}.hero .ornament{font-size:9px}.auth-founder{min-height:255px}.auth-founder h2{font-size:24px}.auth-founder>div{bottom:20px;left:22px}.auth-founder p:last-child{font-size:13px}.sidebar{padding-bottom:env(safe-area-inset-bottom,0px);height:calc(72px + env(safe-area-inset-bottom,0px))}.workspace{margin-bottom:calc(72px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){.native-stage-art img{animation:none}.course-card,.hero-companion img{transition:none}.course-card:hover,.hero-companion:hover img{transform:none}}

.welcome-course-grid{max-height:460px;overflow:auto;padding:2px;overscroll-behavior:contain;scrollbar-width:thin}
[data-theme=dark] .primary,[data-theme=dark] .card a.primary{color:#0a2037}
@media(max-width:600px){.topbar{height:92px;align-items:flex-start;padding-top:13px;position:relative}.mobile-brand{white-space:nowrap;line-height:36px}.top-actions .pill{position:absolute;left:18px;top:58px;max-width:calc(100% - 36px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions .icon-button{flex-shrink:0}}
.attention-toolbar{padding:18px;margin-bottom:22px}.attention-toolbar p{font-size:13px;margin:7px 0}.attention-toolbar output{font-variant-numeric:tabular-nums;font-weight:700}.attention-toolbar #attention-controls{margin-top:16px}.attention-toolbar #attention-stepper{padding-top:12px}.attention-toolbar #attention-status:empty{display:none}
[data-attention=on] .hero-companion,[data-attention=on] .stats,[data-attention=on] .hero .ornament{display:none}[data-attention=on] .hero{background:var(--surface);color:var(--ink)}[data-attention=on] .hero p{color:var(--muted)}[data-attention=on] .hero>div{max-width:100%}[data-attention=on] .native-hero-art{animation:none!important}[data-attention=on] .course-card:hover{transform:none}[data-attention=on] .lesson-shell,[data-attention=on] .english-level-shell{max-width:760px}[data-attention=on] .question{border-top:0}[data-attention=on] .lesson-header .badge-row{display:none}

.english-level-shell{max-width:1000px;margin:auto}.english-exercise{padding:22px 0;border-bottom:1px solid var(--line)}.english-level-shell .lesson-row{width:100%;text-align:left}.english-level-shell .prose[lang=en]{line-height:1.9}.english-level-shell .primary{white-space:normal;text-align:left}

[data-attention=on] .english-level-shell:has(#el-unit-content)>section.card:not(.attention-toolbar){display:none}.attention-help{padding:10px 13px;margin-top:12px}.attention-help summary{font-size:12px}.attention-help p{max-width:650px}

.twelve-week-route {margin-bottom:24px;padding:18px;border:1px solid var(--border);border-radius:20px}.week-block {margin-top:10px;padding:12px;background:var(--surface);border-radius:12px}.week-block li {margin:10px 0}.week-block summary {min-height:28px;cursor:pointer}