@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:600 800;font-display:swap;src:url(/fonts/BricolageGrotesque-variable.woff2) format("woff2")}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/InstrumentSans-variable.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/JetBrainsMono-variable.woff2) format("woff2")}:root{--ink: #131a3a;--indigo: #2e3a8c;--indigo-lo: #e8eaf8;--marigold: #f5a524;--paper: #f7f8fc;--surface: #ffffff;--slate: #6a7191;--emerald: #12b981;--emerald-text: #0b7a54;--coral: #e5484d;--coral-text: #d24246;--marigold-text: #8a5d13;--marigold-graphic: #c8871d;--color-primary: var(--indigo);--color-primary-dark: #212a6b;--color-primary-soft: var(--indigo-lo);--color-gold: var(--marigold);--color-gold-soft: #fdf0d8;--color-gold-ink: var(--marigold-text);--color-gold-ink-strong: #6d480f;--color-gold-strong: var(--marigold-graphic);--color-bg: var(--paper);--color-surface: var(--surface);--color-surface-alt: #eef0f7;--color-ink: var(--ink);--color-ink-soft: #4a5170;--color-ink-faint: var(--slate);--color-border: #dfe2ee;--color-error: var(--coral-text);--color-error-soft: #fdeaea;--color-success: var(--emerald-text);--color-success-soft: #e5f5ee;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(19, 26, 58, .06);--shadow-md: 0 4px 18px rgba(19, 26, 58, .1);--font-display: "Bricolage Grotesque", Georgia, serif;--font-body: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-sans: var(--font-body);--max-width: 640px;--nav-height: 62px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.015em;margin:0;line-height:1.15;text-wrap:balance}h1{font-size:1.6rem}h2{font-size:1.25rem}h3{font-size:1.08rem}h4{font-size:.95rem}p{margin:0 0 var(--space-3)}p:last-child{margin-bottom:0}a{color:var(--color-primary)}button,input,select,textarea{font-family:inherit;font-size:1rem}.icon{flex-shrink:0;vertical-align:-.18em}.mascot{display:inline-block;animation:mascot-bob 3.2s ease-in-out infinite}@keyframes mascot-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.mascot-wave{animation:mascot-wave 1.6s ease-in-out infinite;transform-box:view-box}@keyframes mascot-wave{0%,to{rotate:0deg}35%{rotate:-14deg}65%{rotate:10deg}}.tabular-nums,.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.page{max-width:var(--max-width);margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-7)}@media (max-width: 480px){.page{padding:var(--space-5) var(--space-3) var(--space-6)}}.stack,[class^=stack-],[class*=" stack-"]{display:flex;flex-direction:column}.stack-1{gap:var(--space-1)}.stack-2{gap:var(--space-2)}.stack-3{gap:var(--space-3)}.stack-4{gap:var(--space-4)}.stack-5{gap:var(--space-5)}.row{display:flex;align-items:center;gap:var(--space-3)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.text-muted{color:var(--color-ink-soft)}.text-faint{color:var(--color-ink-faint);font-size:.85rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-weight:700;font-size:.95rem;padding:.7rem 1.25rem;min-height:48px;border-radius:var(--radius-md);border:1.5px solid transparent;cursor:pointer;transition:transform .08s ease,opacity .15s ease,background .15s ease;white-space:nowrap}.btn:active{transform:scale(.98)}.btn-primary,.btn-gold{box-shadow:0 3px #131a3a47}.btn-primary:active:not(:disabled),.btn-gold:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #131a3a47}.btn-primary:disabled,.btn-gold:disabled{box-shadow:none}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-ghost{background:transparent;border-color:var(--color-primary);color:var(--color-primary)}.btn-ghost:hover:not(:disabled){background:var(--color-primary-soft)}.btn-gold{background:var(--color-gold);color:var(--color-gold-ink-strong)}.btn-gold:hover:not(:disabled){filter:brightness(.96)}.btn-plain{background:var(--color-surface);border-color:var(--color-border);color:var(--color-ink-soft)}.btn-plain:hover:not(:disabled){background:var(--color-surface-alt)}.btn-text{display:inline-flex;align-items:center;background:none;border:none;padding:var(--space-2) 0;min-height:44px;color:var(--color-primary);font-weight:700;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.btn-block{display:flex;width:100%}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field-label{font-weight:700;font-size:.9rem}.input,select.input{width:100%;padding:.65rem .85rem;min-height:48px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink)}.input:focus{border-color:var(--color-primary)}.input::placeholder{color:var(--color-ink-faint)}fieldset.field-group{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}fieldset.field-group legend{font-weight:700;font-size:.9rem;padding:0;margin-bottom:var(--space-1)}.radio-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;min-height:48px}.radio-option:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-soft)}.radio-option input{accent-color:var(--color-primary);width:18px;height:18px;flex-shrink:0}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.alert{border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:.9rem}.alert-error{background:var(--color-error-soft);color:var(--color-error)}.alert-success{background:var(--color-success-soft);color:var(--color-success)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.78rem;font-weight:700;padding:.2rem .6rem;border-radius:var(--radius-full)}.badge-success{background:var(--color-success-soft);color:var(--color-success)}.badge-neutral{background:var(--color-surface-alt);color:var(--color-ink-soft)}.badge-gold{background:var(--color-gold-soft);color:var(--color-gold-ink)}.app-shell{min-height:100dvh;display:flex;flex-direction:column;background:var(--color-bg)}.app-main{flex:1;padding-bottom:calc(var(--nav-height) + 28px + env(safe-area-inset-bottom,0px))}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--color-bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.topbar-stat{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-weight:700;font-size:.9rem;font-variant-numeric:tabular-nums}.topbar-stat--streak{color:var(--color-gold-ink)}.topbar-stat--xp{color:var(--color-primary)}.topbar-stat--xp.is-counting{animation:xp-bump .8s ease-out}@keyframes xp-bump{0%{transform:scale(1)}25%{transform:scale(1.18);color:var(--color-gold-ink)}to{transform:scale(1)}}.streak-chip{display:inline-flex;align-items:center;gap:var(--space-1);min-height:44px;margin:-6px 0;padding:0 var(--space-3);border:none;border-radius:var(--radius-full);background:var(--color-gold-soft);color:var(--color-gold-ink);font-family:var(--font-mono);font-weight:700;font-size:.9rem;font-variant-numeric:tabular-nums;cursor:pointer}.streak-chip.is-cold{background:var(--color-surface-alt);color:var(--color-ink-faint)}.streak-pop-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0a0c1a40}.streak-pop{position:fixed;top:64px;right:12px;z-index:41;width:min(320px,calc(100vw - 24px));padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 12px 34px #131a3a33;animation:streak-pop-in .22s cubic-bezier(.22,1,.36,1)}@keyframes streak-pop-in{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.streak-pop-headline{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--color-gold-ink)}.bottom-nav{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:min(calc(100% - 24px),420px);z-index:30;display:grid;grid-template-columns:repeat(5,1fr);padding:5px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-surface) 86%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--color-border);box-shadow:0 8px 28px #131a3a29,0 2px 6px #131a3a14}.nav-indicator{position:absolute;top:5px;bottom:5px;left:5px;width:calc((100% - 10px)/5);border-radius:var(--radius-full);background:var(--color-primary-soft);transform:translate(calc(var(--nav-index, 0) * 100%));transition:transform .35s cubic-bezier(.3,1.35,.5,1),opacity .2s ease;pointer-events:none}.nav-indicator.is-hidden{opacity:0}.nav-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:54px;padding:var(--space-1);border:none;background:none;cursor:pointer;color:var(--color-ink-faint);font-size:.66rem;font-weight:600;text-decoration:none;transition:color .15s ease}.nav-item .nav-icon{display:flex;align-items:center;justify-content:center;height:26px;line-height:1}.nav-item.is-active{color:var(--color-primary);font-weight:700}.screen-anim{min-height:100%}.screen-anim.from-right{animation:screen-from-right .24s cubic-bezier(.22,1,.36,1)}.screen-anim.from-left{animation:screen-from-left .24s cubic-bezier(.22,1,.36,1)}@keyframes screen-from-right{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:translate(0)}}@keyframes screen-from-left{0%{opacity:0;transform:translate(-26px)}to{opacity:1;transform:translate(0)}}.waveform{display:flex;align-items:center;justify-content:center;gap:2px;height:26px;width:100%}.waveform-bar{flex:1;min-width:2px;max-width:9px;border-radius:var(--radius-full);background:var(--color-border);transition:background .25s ease,transform .25s ease}.waveform-bar.is-filled{background:var(--color-primary)}.waveform-bar.is-current{background:var(--color-marigold, var(--color-gold));transform:scaleY(1.35)}.waveform--sm{height:14px;gap:1.5px}.waveform--sm .waveform-bar{max-width:6px}.progress-track{flex:1;height:14px;border-radius:var(--radius-full);background:var(--color-surface-alt);border:1px solid var(--color-border);overflow:hidden}.progress-fill{position:relative;height:100%;border-radius:var(--radius-full);background:var(--color-primary);transition:width .35s cubic-bezier(.22,1,.36,1)}.progress-fill:after{content:"";position:absolute;left:6px;right:6px;top:3px;height:3px;border-radius:var(--radius-full);background:#ffffff4d}.home-hero{position:relative;display:flex;overflow:hidden;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;padding:var(--space-5);box-shadow:var(--shadow-md)}.home-hero-text{flex:1;min-width:0;align-items:flex-start}.home-greeting{font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.015em}.home-goal-line{font-size:.9rem;opacity:.92}.home-goal-meter{width:min(220px,100%)}.home-hero .waveform-bar{background:#ffffff47}.home-hero .waveform-bar.is-filled{background:#fff}.home-hero .waveform-bar.is-current{background:var(--marigold)}.home-hero-mascot{align-self:flex-end;margin:0 calc(-1 * var(--space-2)) calc(-1 * var(--space-6)) var(--space-2)}.btn-inverse{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:700;font-size:.95rem;padding:.7rem 1.25rem;min-height:48px;border-radius:var(--radius-md);border:none;background:#fff;color:var(--color-primary);cursor:pointer;transition:transform .08s ease,opacity .15s ease;max-width:100%}.btn-inverse:active{transform:scale(.98)}.home-next-line{font-size:.85rem;font-weight:600;opacity:.92}.track-tiles{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.track-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-4);min-height:132px;border:none;border-radius:var(--radius-lg);color:#fff;text-align:left;cursor:pointer;box-shadow:var(--shadow-md);transition:transform .08s ease}.track-tile-go{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#ffffff2e}.track-tile:active{transform:scale(.98)}.track-tile--grammar{background:linear-gradient(150deg,var(--color-primary),var(--color-primary-dark))}.track-tile--speaking{background:linear-gradient(150deg,#6a46b0,#4f3387)}.track-tile-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:#ffffff29}.track-tile-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700}.track-tile-sub{font-size:.82rem;opacity:.92}.track-tile-bar{width:100%;height:6px;margin-top:auto;border-radius:var(--radius-full);background:#ffffff38;overflow:hidden}.track-tile-bar>span{display:block;height:100%;border-radius:var(--radius-full);background:var(--marigold)}.starter{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);border:1.5px dashed color-mix(in srgb,var(--color-primary) 60%,transparent)}.starter-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.starter-step{display:flex;align-items:center;gap:var(--space-3);min-height:48px}.starter-check{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border-radius:50%;border:2px solid var(--color-border);color:#fff}.starter-step.is-done .starter-check{background:var(--color-success);border-color:var(--color-success)}.starter-text{display:flex;flex-direction:column;flex:1;min-width:0}.starter-label{font-weight:700;font-size:.92rem;line-height:1.3}.starter-step.is-done .starter-label{color:var(--color-ink-faint);text-decoration:line-through}.starter-hint{font-size:.78rem;color:var(--color-ink-faint)}.starter-step.is-done .starter-hint{display:none}.starter-go{display:inline-flex;align-items:center;gap:2px;flex-shrink:0;min-height:44px;padding:0 var(--space-2);border:none;background:none;color:var(--color-primary);font-weight:700;font-size:.85rem;cursor:pointer}.auth-scene{position:relative;overflow:hidden;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:var(--space-5);padding:var(--space-6) var(--space-4);background:linear-gradient(165deg,var(--indigo) 0%,var(--color-primary-dark) 100%)}.auth-scene:before,.auth-scene:after{content:"";position:absolute;border-radius:50%;background:#ffffff12;pointer-events:none}.auth-scene:before{width:320px;height:320px;top:-120px;right:-110px}.auth-scene:after{width:180px;height:180px;bottom:-70px;left:-60px}.auth-hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center;color:#fff}.auth-hero h1{color:#fff;font-size:1.7rem}.auth-hero p{margin:0;max-width:30ch;color:#ffffffe0}.auth-card{position:relative;width:100%;max-width:400px;margin:0 auto;border:none;box-shadow:0 16px 44px #0a0e2859}.auth-foot{position:relative;margin:0;text-align:center;font-size:.85rem;color:#ffffffbf}.wizard{max-width:440px;margin:0 auto}.wizard-head{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.wizard-dots{display:flex;gap:var(--space-2)}.choice-card{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:64px;padding:var(--space-4);text-align:left;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;font-size:1rem;transition:border-color .15s ease,background .15s ease,transform .08s ease}.choice-card:active{transform:scale(.99)}.choice-card.is-selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.choice-title{font-weight:700}.choice-sub{font-size:.86rem;color:var(--color-ink-soft)}.choice-check{margin-left:auto;color:var(--color-primary);flex-shrink:0}.word-card.word-card--row{flex-direction:row;align-items:center;gap:var(--space-3);width:100%;min-height:60px;padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb,var(--marigold) 30%,transparent);cursor:pointer;text-align:left}.word-row-word{font-family:var(--font-display);font-weight:700;font-size:1.15rem}.word-row-chevron{margin-left:auto;color:var(--color-gold-ink);flex-shrink:0}.word-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-gold-soft);border:1px solid color-mix(in srgb,var(--marigold) 30%,transparent)}.word-eyebrow{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:var(--color-gold-ink);font-weight:700}.word-headword{font-size:1.9rem;line-height:1.1;margin:var(--space-1) 0 0}.word-meaning{margin:0;font-size:.95rem;color:var(--color-ink-soft)}.word-example{margin:var(--space-2) 0 0;padding-left:var(--space-3);border-left:3px solid var(--color-gold-ink);font-family:var(--font-display);font-size:1.05rem;line-height:1.4}.word-urdu{margin:0;font-size:1rem;color:var(--color-ink-soft)}.notify-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-primary-soft);border:1px solid color-mix(in srgb,var(--color-primary) 22%,transparent)}.notify-steps{margin:0;padding-left:1.15rem;display:flex;flex-direction:column;gap:var(--space-1);font-size:.88rem;color:var(--color-ink-soft)}.welcome-dot{width:7px;height:7px;border-radius:50%;background:var(--color-border);transition:background .2s ease,transform .2s ease}.welcome-dot.is-on{background:var(--color-primary);transform:scale(1.3)}.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-2)}.week-day{display:flex;flex-direction:column;align-items:center;gap:3px}.week-dot{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--color-surface);border:1.5px solid var(--color-border);color:transparent}.week-day.is-active .week-dot{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.week-day.is-today .week-dot{border-color:var(--color-primary);border-width:2px;box-shadow:0 0 0 3px var(--color-primary-soft)}.week-label{font-size:.66rem;font-weight:600;color:var(--color-ink-faint)}.week-day.is-today .week-label{color:var(--color-primary);font-weight:700}.unit-section{border-radius:var(--radius-lg);padding:var(--space-4) var(--space-3) var(--space-2);margin:0 calc(-1 * var(--space-3));background:color-mix(in srgb,var(--unit-accent, var(--color-primary)) 8%,transparent)}.unit-section .text-faint{color:var(--color-ink-soft)}.unit-header{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-5) var(--space-4) var(--space-4);border-radius:var(--radius-lg);color:#fff;margin-bottom:var(--space-5)}.unit-header:before,.unit-header:after{content:"";position:absolute;border-radius:50%;background:#ffffff17;pointer-events:none}.unit-header:before{width:130px;height:130px;right:-38px;top:-48px}.unit-header:after{width:66px;height:66px;right:64px;bottom:-30px}.unit-header .unit-eyebrow{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.unit-header h2{color:#fff;font-size:1.35rem}.unit-header .unit-sub{font-size:.88rem;opacity:.9}.path-trail{display:flex;flex-direction:column;gap:34px;margin-bottom:var(--space-6);padding-top:40px}.path-row{position:relative;display:flex;justify-content:center}.path-row[data-offset="0"]{transform:translate(0)}.path-row[data-offset="1"]{transform:translate(28%)}.path-row[data-offset="2"]{transform:translate(0)}.path-row[data-offset="3"]{transform:translate(-28%)}.path-link{position:absolute;top:-32px;height:30px;width:28%;pointer-events:none}.path-link[data-side=r]{left:50%}.path-link[data-side=l]{left:22%}.path-link[data-slope=dl]{transform:scaleX(-1)}.path-link i{position:absolute;width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--color-ink) 18%,transparent)}.path-link i:nth-child(1){left:14%;top:6%}.path-link i:nth-child(2){left:47%;top:42%}.path-link i:nth-child(3){left:80%;top:78%}.path-link.is-lit i{background:var(--unit-accent, var(--color-primary))}.start-bubble{position:absolute;top:-40px;left:50%;z-index:2;padding:5px 12px 4px;border-radius:var(--radius-full);background:var(--color-ink);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.09em;animation:bubble-bob 1.5s ease-in-out infinite}.start-bubble:after{content:"";position:absolute;left:50%;bottom:-5px;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-ink);border-bottom:0}@keyframes bubble-bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-4px)}}.path-node{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);background:none;border:none;padding:0;cursor:pointer;width:128px;text-align:center}.path-node:disabled{cursor:not-allowed}.path-node-circle{display:flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;font-size:1.5rem;background:var(--color-surface);border:2.5px solid var(--color-border);box-shadow:0 4px color-mix(in srgb,var(--color-ink) 14%,transparent);transition:transform .12s ease,box-shadow .12s ease}.path-node:active:not(:disabled) .path-node-circle{transform:translateY(3px);box-shadow:0 1px color-mix(in srgb,var(--color-ink) 14%,transparent)}.path-node.is-done .path-node-circle{background:var(--node-accent, var(--color-primary));border-color:transparent;color:#fff;box-shadow:0 4px color-mix(in srgb,var(--node-accent, var(--color-primary)) 55%,black)}.path-node.is-done.is-flawless .path-node-circle{border-color:var(--color-gold);box-shadow:0 4px color-mix(in srgb,var(--node-accent, var(--color-primary)) 55%,black),0 0 0 3px color-mix(in srgb,var(--color-gold) 35%,transparent)}.path-node.is-done.is-flawless .path-node-circle svg{color:var(--color-gold)}.path-node.is-current .path-node-circle{background:var(--node-accent, var(--color-primary));border-color:var(--node-accent, var(--color-primary));color:#fff;width:76px;height:76px;font-size:1.8rem;animation:node-breathe 2.4s ease-in-out infinite;box-shadow:0 5px color-mix(in srgb,var(--node-accent, var(--color-primary)) 55%,black)}.path-node.is-locked .path-node-circle{background:var(--color-surface);border-style:dashed;color:var(--color-ink-faint);opacity:.75;box-shadow:none}@keyframes node-breathe{0%,to{transform:scale(1);box-shadow:0 0 color-mix(in srgb,var(--node-accent, #2e3a8c) 40%,transparent)}50%{transform:scale(1.04);box-shadow:0 0 0 12px color-mix(in srgb,var(--node-accent, #2e3a8c) 0%,transparent)}}.unit-teaser{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);min-height:64px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--unit-accent, var(--color-primary)) 7%,var(--color-surface));border:1px solid color-mix(in srgb,var(--unit-accent, var(--color-primary)) 20%,transparent)}.unit-teaser-lock{display:flex;flex-shrink:0;color:var(--color-ink-faint)}.unit-teaser-title{font-family:var(--font-display);font-weight:700;font-size:.98rem}.path-node.checkpoint .path-node-circle{border-radius:var(--radius-md);width:72px;height:72px}.path-node.checkpoint.is-current .path-node-circle{width:84px;height:84px}.path-node-label{font-size:.78rem;font-weight:600;line-height:1.25;color:var(--color-ink-soft);background:color-mix(in srgb,var(--color-surface) 82%,transparent);border-radius:var(--radius-full);padding:2px 10px}.path-node.is-current .path-node-label{color:var(--color-ink);font-weight:700}.player{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;background:var(--color-bg);animation:player-in .28s cubic-bezier(.22,1,.36,1)}@keyframes player-in{0%{opacity:0;transform:translateY(4%)}to{opacity:1;transform:translateY(0)}}.skel{display:block;background:linear-gradient(100deg,var(--color-surface-alt) 35%,color-mix(in srgb,var(--color-surface-alt) 45%,var(--color-surface)) 48%,var(--color-surface-alt) 61%);background-size:300% 100%;animation:skel-wave 1.3s ease-in-out infinite}@keyframes skel-wave{0%{background-position:120% 0}to{background-position:-60% 0}}.player-head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.player-close{border:none;background:none;font-size:1.4rem;line-height:1;color:var(--color-ink-faint);cursor:pointer;padding:var(--space-2);min-width:44px;min-height:44px}.hint-chip{min-height:44px;padding:0 var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-ink-soft);font-weight:700;font-size:.9rem;cursor:pointer}.hint-chip.is-on{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.player-body{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-4)}@keyframes wash-correct{0%{background:transparent}25%{background:var(--color-success-soft)}to{background:transparent}}.player-body.wash-correct{animation:wash-correct .5s ease-out}.explainer-link{position:fixed;top:0;left:0;right:0;z-index:60;display:block;padding:var(--space-2) var(--space-4);background:var(--color-ink);color:#fff;font-size:.82rem;font-weight:600;text-align:center;text-decoration:none}.explainer-link+.player{top:34px}.player-body-inner{max-width:var(--max-width);margin:0 auto}.ex-prompt{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--color-ink-faint);margin-bottom:var(--space-3)}.ex-sentence{font-family:var(--font-display);font-size:1.45rem;font-weight:600;line-height:1.35;margin-bottom:var(--space-5)}.ex-options{display:flex;flex-direction:column;gap:var(--space-3)}.ex-option{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:left;padding:var(--space-4);min-height:56px;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);font-size:1rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .08s ease}.ex-option:active:not(:disabled){transform:scale(.99)}.ex-option.is-selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.ex-option.is-correct{border-color:var(--color-success);background:var(--color-success-soft)}.ex-option.is-wrong{border-color:var(--color-error);background:var(--color-error-soft)}.ex-option:disabled{cursor:default}.chip-answer{display:flex;flex-wrap:wrap;gap:var(--space-2);align-content:flex-start;min-height:96px;padding:var(--space-3);border-radius:var(--radius-md);border:2px dashed var(--color-border);background:var(--color-surface);margin-bottom:var(--space-4)}.chip-bank{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{padding:.6rem .9rem;min-height:44px;border-radius:var(--radius-sm);border:2px solid var(--color-border);border-bottom-width:3px;background:var(--color-surface);color:var(--color-ink);font-size:1rem;font-weight:600;cursor:pointer;transition:transform .08s ease,opacity .15s ease}.chip:active{transform:translateY(1px)}.chip.is-used{opacity:.28;pointer-events:none}.ex-words{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.ex-word{padding:.5rem .7rem;min-height:44px;border-radius:var(--radius-sm);border:2px solid transparent;background:var(--color-surface);font-family:var(--font-display);font-size:1.2rem;font-weight:600;cursor:pointer}.ex-word.is-selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.ex-word.is-correct{border-color:var(--color-success);background:var(--color-success-soft)}.ex-word.is-wrong{border-color:var(--color-error);background:var(--color-error-soft)}.ex-pairs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.ex-pair-col{display:flex;flex-direction:column;gap:var(--space-2)}.ex-pair-item{padding:var(--space-3);min-height:52px;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:.95rem;font-weight:600;cursor:pointer;text-align:left}.ex-pair-item.is-selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.ex-pair-item.is-matched{border-color:var(--color-success);background:var(--color-success-soft);opacity:.7;pointer-events:none}.concept-card{border-radius:var(--radius-lg);padding:var(--space-5);background:var(--color-primary-soft);border:1px solid color-mix(in srgb,var(--color-primary) 22%,transparent)}.concept-rule{font-family:var(--font-display);font-size:1.3rem;font-weight:700;line-height:1.3;margin-bottom:var(--space-3)}.concept-example{font-size:1.02rem;color:var(--color-primary);font-weight:600;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface)}.urdu{direction:rtl;text-align:right;font-size:1.05rem;line-height:1.9}.audio-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:76px;border-radius:var(--radius-md);border:2px solid var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary);font-size:1.6rem;cursor:pointer;margin-bottom:var(--space-4)}.mic-btn{width:76px;height:76px;border-radius:50%;border:none;background:var(--color-error);color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:0 0 0 8px color-mix(in srgb,var(--color-error) 14%,transparent)}.mic-btn.is-idle{background:var(--color-primary);box-shadow:0 0 0 8px color-mix(in srgb,var(--color-primary) 14%,transparent)}.feedback{border-top:1px solid var(--color-border);padding:var(--space-4);animation:feedback-in .18s ease-out}.feedback-inner{max-width:var(--max-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-3)}.feedback.is-correct{background:var(--color-success-soft)}.feedback.is-wrong{background:var(--color-error-soft)}.feedback-title{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:1.15rem;font-weight:700}.feedback.is-correct .feedback-title{color:var(--color-success)}.feedback.is-wrong .feedback-title{color:var(--color-error)}.feedback-detail{font-size:.95rem;color:var(--color-ink-soft)}@keyframes feedback-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.speak-live{margin:0;min-height:3.5rem;text-align:center;font-family:var(--font-display);font-size:1.15rem;color:var(--color-ink)}.speak-live:empty:after{content:"Listening…";color:var(--color-ink-faint)}.speaking-hero{position:relative;display:flex;overflow:hidden;border-radius:var(--radius-lg);background:linear-gradient(150deg,#6a46b0,#4f3387);color:#fff;padding:var(--space-5);box-shadow:var(--shadow-md)}.speaking-hero:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:#ffffff14;right:-44px;top:-56px;pointer-events:none}.speaking-hero-text{flex:1;min-width:0;align-items:flex-start}.speaking-hero .unit-eyebrow{color:#ffffffd9}.speaking-hero h1{color:#fff;font-size:1.4rem}.speaking-hero-mascot{align-self:flex-end;margin:0 calc(-1 * var(--space-2)) calc(-1 * var(--space-5)) var(--space-2)}.speaking-hero-bar{width:min(220px,100%);height:6px;border-radius:var(--radius-full);background:#ffffff40;overflow:hidden}.speaking-hero-bar>span{display:block;height:100%;border-radius:var(--radius-full);background:var(--marigold)}.btn-inverse--speaking{color:#4f3387}.speaking-hero--course{background:linear-gradient(150deg,var(--color-primary),var(--color-primary-dark))}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:52px;cursor:pointer}.switch-row input{position:absolute;opacity:0;width:0;height:0}.switch{position:relative;flex-shrink:0;width:46px;height:27px;border-radius:var(--radius-full);background:var(--color-border);transition:background .18s ease}.switch:after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #131a3a4d;transition:transform .18s ease}.switch-row input:checked+.switch{background:var(--color-primary)}.switch-row input:checked+.switch:after{transform:translate(19px)}.switch-row input:focus-visible+.switch{outline:2px solid var(--color-primary);outline-offset:2px}.goal-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.goal-chip{display:flex;flex-direction:column;align-items:center;gap:1px;min-height:64px;padding:var(--space-2);justify-content:center;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;transition:border-color .15s ease,background .15s ease}.goal-chip.is-selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.goal-chip .n{font-family:var(--font-display);font-size:1.25rem;font-weight:800;line-height:1.1}.goal-chip .l{font-size:.68rem;font-weight:600;color:var(--color-ink-soft)}.settings-row{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:54px;padding:var(--space-2) 0;border:none;background:none;cursor:pointer;font-size:.98rem;font-weight:600;color:var(--color-ink);text-align:left}.settings-row+.settings-row{border-top:1px solid var(--color-border)}.settings-row .grow{flex:1}.settings-row.is-danger{color:var(--color-error)}.hero-measure{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.hero-measure .n{font-family:var(--font-display);font-size:2.1rem;font-weight:800;line-height:1;color:#6a46b0;font-variant-numeric:tabular-nums}.hero-measure .u{font-size:.9rem;color:var(--color-ink-soft);font-weight:600}.spark-wrap{position:relative}.spark-dot{position:absolute;right:-1px;width:9px;height:9px;border-radius:50%;background:currentColor;border:2px solid var(--color-surface);transform:translate(50%,-50%)}.spark-axis{display:flex;justify-content:space-between;font-size:.68rem;color:var(--color-ink-faint)}.sound-legend{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:.78rem;color:var(--color-ink-soft)}.sound-legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:4px}.day-bars{display:flex;align-items:flex-end;gap:4px;height:64px}.day-bar-slot{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}.day-bar{width:100%;max-width:22px;border-radius:4px 4px 2px 2px;background:var(--color-primary);min-height:4px}.day-bar.is-zero{background:var(--color-surface-alt);border:1px solid var(--color-border)}.day-bar.is-today{background:var(--color-primary-dark);box-shadow:0 0 0 2px var(--color-primary-soft)}.day-bar-label{font-size:.6rem;font-weight:600;color:var(--color-ink-faint)}.unit-group-head{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-soft)}.unit-group-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.practice-hero{display:flex;align-items:center;gap:var(--space-4);width:100%;text-align:left;padding:var(--space-5);border:none;border-radius:var(--radius-lg);background:linear-gradient(150deg,var(--color-primary),var(--color-primary-dark));color:#fff;cursor:pointer;box-shadow:var(--shadow-md);transition:transform .08s ease}.practice-hero:active{transform:scale(.99)}.practice-hero-count{font-family:var(--font-display);font-size:2rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.speaking-next{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);width:100%;text-align:left;cursor:pointer}.speaking-next-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700}.baseline-row{display:flex;gap:var(--space-2)}.baseline-cell{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2) var(--space-1);border-radius:var(--radius-md);background:var(--color-primary-soft)}.baseline-day{font-size:.7rem;color:var(--color-ink-soft)}.baseline-wpm{font-size:1.15rem;color:var(--color-primary)}.spark-wrap{height:44px}.spark{width:100%;height:100%;overflow:visible}.sound-strip{display:flex;flex-wrap:wrap;gap:4px;width:100%}.sound-pip{width:10px;height:10px;border-radius:3px;background:var(--color-border)}.sound-pip.is-strong{background:var(--color-success)}.sound-pip.is-learning{background:var(--marigold-graphic)}.sound-pip.is-weak{background:var(--color-error)}.repeat-verdict{margin:0;font-family:var(--font-display);font-size:1.15rem;font-weight:700;text-align:center}.repeat-verdict.is-match{color:var(--color-success)}.repeat-verdict.is-miss{color:var(--color-error)}.sound-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3)}.sound-tile{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);min-height:96px;padding:var(--space-3);text-align:left;border:2px solid var(--color-border);border-left-width:5px;border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer}.sound-index{font-size:.72rem;color:var(--color-ink-faint);font-weight:700}.sound-title{font-weight:700;font-size:.92rem;line-height:1.25}.sound-ipa{font-family:var(--font-mono);font-size:.75rem;color:var(--color-ink-soft)}.sound-level{margin-top:auto;font-size:.72rem;color:var(--color-ink-faint)}.sound-tile.is-strong{border-left-color:var(--color-success)}.sound-tile.is-learning{border-left-color:var(--marigold-graphic)}.sound-tile.is-weak{border-left-color:var(--color-error)}.sound-tile.is-strong .sound-level{color:var(--color-success)}.reveal-headline{text-align:center;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-primary-soft)}.reveal-big{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:2.6rem;font-weight:800;line-height:1;color:var(--color-primary);font-variant-numeric:tabular-nums}.reveal-row{display:flex;flex-direction:column;gap:var(--space-2)}.reveal-label{font-weight:700}.reveal-bars{display:flex;align-items:flex-end;gap:var(--space-3);height:120px}.reveal-bar-slot{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.reveal-bar{width:100%;max-width:56px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--color-border);transition:height .6s cubic-bezier(.22,1,.36,1)}.reveal-bar.is-last{background:var(--color-primary)}.reveal-value{margin-top:var(--space-1);font-size:.85rem;font-weight:700}.reveal-round{font-size:.72rem;color:var(--color-ink-faint)}@media (prefers-reduced-motion: reduce){.reveal-bar{transition:none}}.ex-report-row{display:flex;justify-content:center;margin-top:var(--space-6)}.ex-report,.ex-report-thanks{font-size:.8rem;color:var(--color-ink-faint);background:none;border:0;min-height:44px;padding:0 var(--space-3)}.ex-report{cursor:pointer}.ex-report-thanks{display:inline-flex;align-items:center;color:var(--color-success);font-weight:600}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c1a80;display:flex;align-items:flex-end;justify-content:center;z-index:50}.sheet{width:100%;max-width:var(--max-width);background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-3) var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);max-height:88vh;overflow-y:auto;animation:sheet-in .18s ease-out}.sheet-grip{width:36px;height:4px;border-radius:var(--radius-full);background:var(--color-border);margin:0 auto var(--space-2)}.sheet-title{margin:0;font-size:1.1rem}.report-reason{width:100%;text-align:left;min-height:44px;padding:var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:.95rem;cursor:pointer}.report-reason.is-selected{border-color:var(--color-primary);background:var(--color-primary-soft);font-weight:600}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.sheet{animation:none}}.feedback.has-coach{max-height:62vh;overflow-y:auto}.coach{display:flex;flex-direction:column;gap:var(--space-3)}.coach-status{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:.95rem;color:var(--color-ink-soft)}.coach-verdict{margin:0;font-family:var(--font-display);font-size:1.05rem;font-weight:700}.coach-well{margin:0;font-size:.95rem;color:var(--color-ink-soft)}.coach-fix{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-3)}.coach-swap{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:0;font-size:.95rem}.coach-from{text-decoration:line-through;text-decoration-thickness:1px;color:var(--color-ink-faint)}.coach-arrow{color:var(--color-ink-faint)}.coach-to{font-weight:700;color:var(--color-success)}.coach-why{margin:var(--space-2) 0 0;font-size:.85rem;color:var(--color-ink-soft)}.coach-steal{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.coach-steal-line{margin:0;font-family:var(--font-display);font-size:1rem}.coach-dots{display:inline-flex;gap:3px}.coach-dots i{width:5px;height:5px;border-radius:50%;background:currentColor;animation:coach-dot 1s ease-in-out infinite}.coach-dots i:nth-child(2){animation-delay:.15s}.coach-dots i:nth-child(3){animation-delay:.3s}@keyframes coach-dot{0%,60%,to{opacity:.25}30%{opacity:1}}@media (prefers-reduced-motion: reduce){.coach-dots i{animation:none;opacity:.6}}.player-foot{padding:var(--space-4);border-top:1px solid var(--color-border);background:var(--color-surface)}.player-foot-inner{max-width:var(--max-width);margin:0 auto}.hero-badge{display:flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary)}.hero-badge.is-gold{background:var(--color-gold-soft);color:var(--color-gold-strong)}.hero-badge.is-success{background:var(--color-success-soft);color:var(--color-success)}.hero-badge.is-muted{background:var(--color-surface-alt);color:var(--color-ink-faint)}.complete{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);text-align:center;padding:var(--space-6) var(--space-4);min-height:100%}.complete-scene{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 26%,color-mix(in srgb,var(--marigold) 26%,transparent),color-mix(in srgb,var(--marigold) 10%,transparent) 34%,transparent 62%);animation:scene-in .9s ease-out}@keyframes scene-in{0%{opacity:0}to{opacity:1}}.stage{animation:stage-in .5s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--stage-delay, 0s)}@keyframes stage-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.stage--pop{animation:stage-pop .55s cubic-bezier(.34,1.56,.64,1) both;animation-delay:var(--stage-delay, 0s)}@keyframes stage-pop{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}.milestone{display:flex;align-items:center;gap:var(--space-3);text-align:left;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-gold-soft);border:1.5px solid var(--color-gold);max-width:380px;width:100%}.milestone-flame{display:flex;align-items:center;justify-content:center;width:52px;height:52px;flex-shrink:0;border-radius:50%;background:var(--color-gold);color:#fff;animation:flame-pulse 1.6s ease-in-out 3}@keyframes flame-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.milestone-title{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--color-gold-ink-strong)}.milestone-sub{font-size:.88rem;color:var(--color-gold-ink)}.complete-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);width:100%;max-width:380px}.complete-stat{padding:var(--space-4) var(--space-2);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border)}.complete-stat .v{font-family:var(--font-mono);font-size:1.4rem;font-weight:700;font-variant-numeric:tabular-nums}.complete-stat .k{font-size:.72rem;color:var(--color-ink-faint);margin-top:2px}.complete-stat.is-xp{background:var(--color-gold-soft);border-color:transparent}.complete-stat.is-xp .v,.complete-stat.is-xp .k{color:var(--color-gold-ink)}.tile{display:flex;align-items:center;gap:var(--space-4);width:100%;text-align:left;padding:var(--space-4);min-height:72px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;box-shadow:var(--shadow-sm)}.tile{transition:transform .08s ease}.tile:active:not(:disabled){transform:scale(.99)}.tile--static{cursor:default;box-shadow:none}.tile--static:active{transform:none}.tile:disabled{opacity:.55;cursor:not-allowed}.avatar-circle{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;font-family:var(--font-display);font-size:1.45rem;font-weight:700}.tile-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-primary);flex-shrink:0}.tile-title{font-weight:700;font-size:1rem}.tile-sub{font-size:.84rem;color:var(--color-ink-faint)}.strength-dots{display:inline-flex;gap:3px}.strength-dot{width:7px;height:7px;border-radius:50%;background:var(--color-border)}.strength-dot.is-on{background:var(--color-gold-graphic, var(--color-gold-strong))}