:root{--paper:#F5F1EA;--paper-2:#EEE8DC;--paper-3:#E5DDCB;--ink:#1B1B1C;--ink-2:#2A2826;--ink-mute:#6A635A;--ink-muter:#9A928A;--accent:#B8471E;--accent-soft:#D9A679;--accent-ink:#7A2E12;--ok:#2E6B4A;--rule:rgba(27,27,28,0.12);--rule-strong:rgba(27,27,28,0.22);--shadow-sm:0 1px 2px rgba(27,27,28,0.04),0 2px 8px rgba(27,27,28,0.04);--shadow-md:0 2px 6px rgba(27,27,28,0.05),0 12px 40px rgba(27,27,28,0.08);--shadow-lg:0 4px 12px rgba(27,27,28,0.06),0 24px 80px rgba(27,27,28,0.12)}*{box-sizing:border-box}body,html{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}[role=button],a,button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.serif{font-family:Fraunces,serif;font-variation-settings:"opsz" 144}.italic{font-style:italic}.arabic{font-family:Noto Naskh Arabic,serif;direction:rtl}.eyebrow{font-family:Inter,sans-serif;font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute)}.brand{display:inline-flex;align-items:baseline;gap:0;font-family:Fraunces,serif;font-weight:600;font-size:26px;letter-spacing:-.02em;line-height:1;color:var(--ink)}.brand .accent{color:var(--accent)}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:rgba(245,241,234,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--rule)}.nav-inner{max-width:1200px;margin:0 auto;padding:18px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.nav-links{display:flex;gap:32px;font-size:14px;color:var(--ink-mute);font-weight:500}.nav-links a:hover{color:var(--ink)}.nav-cta{display:flex;gap:12px}.btn,.nav-cta{align-items:center}.btn{display:inline-flex;justify-content:center;gap:8px;font-family:Inter,sans-serif;font-weight:500;font-size:14px;letter-spacing:-.005em;padding:11px 20px;border-radius:4px;transition:all .18s ease;white-space:nowrap;border:1px solid transparent}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--ink-2);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-ghost{color:var(--ink);border-color:transparent}.btn-ghost:hover{color:var(--accent)}.btn-outline{color:var(--ink);border-color:var(--rule-strong);background:transparent}.btn-outline:hover{border-color:var(--ink);background:rgba(27,27,28,.03)}.btn-lg{padding:16px 28px;font-size:15px;border-radius:4px}.hero{max-width:1200px;margin:0 auto;padding:80px 32px 100px;position:relative}.hero-grid{display:grid;grid-template-columns:1.3fr 1fr;grid-gap:80px;gap:80px;align-items:center}.hero h1{font-family:Fraunces,serif;font-weight:600;font-variation-settings:"opsz" 144;font-size:clamp(56px,7.5vw,104px);line-height:.95;letter-spacing:-.03em;margin:24px 0 0;color:var(--ink)}.hero h1 em{font-style:italic;font-weight:500;color:var(--accent)}.hero-sub{font-size:18px;line-height:1.55;color:var(--ink-2);max-width:460px;margin:28px 0 36px}.hero-sub .muted{color:var(--ink-mute)}.hero-actions{gap:14px;flex-wrap:wrap}.hero-actions,.hero-trust{display:flex;align-items:center}.hero-trust{margin-top:44px;gap:16px;font-size:13px;color:var(--ink-mute);padding-top:22px;border-top:1px solid var(--rule)}.hero-stars{color:var(--accent);letter-spacing:2px;font-size:13px}.hero-preview{background:var(--paper-2);border:1px solid var(--rule);border-radius:8px;padding:0;box-shadow:var(--shadow-lg);overflow:hidden;position:relative;transform:rotate(.4deg)}.hero-preview:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 10%,rgba(184,71,30,.06),transparent 50%);pointer-events:none}.preview-head{padding:14px 20px;border-bottom:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute);font-weight:500;background:rgba(245,241,234,.5)}.preview-body{padding:28px 28px 32px;position:relative}.preview-scenario{font-family:Fraunces,serif;font-style:italic;font-size:14px;color:var(--ink-mute);margin-bottom:20px}.msg-bubble{margin:14px 0;max-width:82%}.msg-bubble.ai{background:var(--paper-3);padding:14px 16px;border-radius:12px 12px 12px 2px}.msg-bubble.user{background:var(--ink);color:var(--paper);padding:14px 16px;border-radius:12px 12px 2px 12px;margin-left:auto}.msg-ar{font-family:Noto Naskh Arabic,serif;font-size:20px;line-height:1.3;direction:rtl;text-align:right}.msg-translit{font-family:Fraunces,serif;font-style:italic;font-size:14px;margin-top:4px;opacity:.85}.msg-en{font-size:12px;opacity:.55;margin-top:3px;letter-spacing:.01em}.section{max-width:1200px;margin:0 auto;padding:96px 32px;border-top:1px solid var(--rule)}.section-header{display:grid;grid-template-columns:1fr 2fr;grid-gap:60px;gap:60px;margin-bottom:64px;align-items:baseline}.section-header h2{font-family:Fraunces,serif;font-weight:600;font-size:clamp(36px,4.5vw,54px);line-height:1.05;letter-spacing:-.025em;margin:14px 0 0}.section-header h2 em{font-style:italic;color:var(--accent);font-weight:500}.section-lead{font-size:17px;line-height:1.6;color:var(--ink-2);max-width:540px}.features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;background:var(--rule);border:1px solid var(--rule)}.feature{background:var(--paper);padding:40px 32px 48px;position:relative}.feature-num{font-style:italic;font-size:14px;color:var(--accent);margin-bottom:18px}.feature h3,.feature-num{font-family:Fraunces,serif}.feature h3{font-weight:600;font-size:22px;letter-spacing:-.015em;margin:0 0 12px}.feature p{font-size:15px;line-height:1.6;color:var(--ink-2);margin:0}.feature-arabic{font-family:Noto Naskh Arabic,serif;font-size:26px;color:var(--ink-mute);direction:rtl;margin-top:20px;padding-top:20px;border-top:1px dashed var(--rule)}.pricing-wrap{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:20px;gap:20px;max-width:1120px;margin:0 auto}.plan-quota{font-family:Fraunces,serif;font-style:italic;font-size:13px;color:var(--accent);margin:8px 0 18px;padding:10px 14px;background:rgba(184,71,30,.06);border:1px dashed rgba(184,71,30,.25);border-radius:4px;display:inline-flex;align-items:center;gap:8px}.plan.featured .plan-quota{background:rgba(217,166,121,.1);border-color:rgba(217,166,121,.3);color:var(--accent-soft)}.plan{background:var(--paper-2);border:1px solid var(--rule);border-radius:6px;padding:40px 36px 36px;position:relative}.plan.featured{background:var(--ink);color:var(--paper);border-color:var(--ink)}.plan-flag{position:absolute;top:-12px;left:36px;background:var(--accent);color:var(--paper);font-size:10px;letter-spacing:.2em;text-transform:uppercase;padding:6px 12px;border-radius:3px;font-weight:600}.plan-name{font-weight:600;font-size:24px;letter-spacing:-.015em}.plan-name,.plan-save{font-family:Fraunces,serif}.plan-save{font-style:italic;font-size:13px;color:var(--accent);margin-left:6px}.plan.featured .plan-save{color:var(--accent-soft)}.plan-price{font-family:Fraunces,serif;font-weight:600;font-size:64px;letter-spacing:-.03em;line-height:1;margin:24px 0 6px}.plan-price .unit{font-size:16px;font-weight:400;color:var(--ink-mute);font-style:italic;letter-spacing:0}.plan.featured .plan-price .unit{color:rgba(245,241,234,.6)}.plan-strike{font-size:14px;color:var(--ink-mute);text-decoration:line-through;margin-left:10px;font-style:italic;font-family:Fraunces,serif}.plan-tag{font-size:13px;color:var(--ink-mute);margin-bottom:28px;line-height:1.5}.plan.featured .plan-tag{color:rgba(245,241,234,.65)}.plan ul{list-style:none;margin:0 0 32px;border-top:1px solid var(--rule);padding:24px 0 0}.plan.featured ul{border-color:rgba(245,241,234,.15)}.plan li{font-size:14px;padding:9px 0 9px 24px;position:relative;line-height:1.5}.plan li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-family:Fraunces,serif;font-weight:600}.plan.featured li:before{color:var(--accent-soft)}.plan .btn{width:100%}.plan.featured .btn-primary{background:var(--paper);color:var(--ink)}.plan.featured .btn-primary:hover{background:var(--accent-soft)}.pricing-note{text-align:center;margin-top:40px;font-size:13px;color:var(--ink-mute);font-style:italic;font-family:Fraunces,serif}.honest{background:var(--ink);color:var(--paper);margin:0;border-top:1px solid var(--ink)}.honest .section{border-top:none}.honest-quote{font-family:Fraunces,serif;font-size:clamp(28px,3.5vw,44px);font-weight:400;font-style:italic;line-height:1.25;letter-spacing:-.015em;max-width:900px}.honest-quote em{font-style:normal;color:var(--accent-soft)}.honest-attribution{margin-top:40px;font-size:13px;color:rgba(245,241,234,.5);letter-spacing:.15em;text-transform:uppercase}footer{border-top:1px solid var(--rule);padding:48px 32px 40px;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;font-size:13px;color:var(--ink-mute)}footer .foot-brand{font-size:18px}.demo-wrap{background:var(--paper-2);border:1px solid var(--rule);border-radius:8px;padding:28px;box-shadow:var(--shadow-md)}@media (max-width:900px){.features,.hero-grid,.pricing-wrap,.section-header{grid-template-columns:1fr;gap:40px}.features{border-left:none;border-right:none}}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{background:var(--paper-2);border-right:1px solid var(--rule);padding:24px 20px;position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.sidebar-brand{padding:6px 8px 24px;border-bottom:1px solid var(--rule);margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar-close{display:none;width:44px;height:44px;align-items:center;justify-content:center;border-radius:8px;color:var(--ink-mute);background:transparent;margin-right:-8px;transition:background .15s,color .15s}.sidebar-close:hover{background:var(--paper-3);color:var(--ink)}.side-nav{display:flex;flex-direction:column;gap:2px;flex:1 1}.side-nav a{padding:9px 12px;border-radius:4px;font-size:14px;color:var(--ink-mute);display:flex;align-items:center;gap:10px;transition:all .15s}.side-nav a:hover{background:rgba(27,27,28,.04);color:var(--ink)}.side-nav a.active{background:var(--ink);color:var(--paper)}.side-nav a.active svg{color:var(--accent-soft)}.side-nav .group-label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-muter);padding:16px 12px 8px;font-weight:500}.side-user{padding-top:16px;border-top:1px solid var(--rule);font-size:13px;gap:10px}.avatar,.side-user{display:flex;align-items:center}.avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--paper);justify-content:center;font-family:Fraunces,serif;font-weight:600;font-size:14px}.user-name{font-weight:500}.user-plan{font-size:11px;color:var(--ink-mute);font-style:italic;font-family:Fraunces,serif}.main{padding:0;overflow-x:hidden}.app-topbar{padding:20px 40px;justify-content:space-between;gap:12px;border-bottom:1px solid var(--rule);background:rgba(245,241,234,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:-webkit-sticky;position:sticky;top:0;z-index:20}.app-topbar,.topbar-left{display:flex;align-items:center}.topbar-left{gap:8px;min-width:0;flex:1 1}.menu-button{display:none;width:44px;height:44px;align-items:center;justify-content:center;border-radius:8px;color:var(--ink);background:transparent;margin-left:-8px;transition:background .15s}.menu-button:hover{background:var(--paper-2)}.menu-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-drawer-backdrop{display:none}.topbar-crumb{font-size:13px;color:var(--ink-mute);min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.topbar-crumb strong{color:var(--ink);font-weight:500}.streak-chip{display:inline-flex;align-items:center;gap:6px;background:var(--paper-2);border:1px solid var(--rule);padding:6px 12px;border-radius:999px;font-size:12px;font-weight:500}.streak-chip .flame{color:var(--accent)}.dash{padding:48px 40px 80px;max-width:1040px}.dash-hello{font-family:Fraunces,serif;font-weight:500;font-size:44px;letter-spacing:-.025em;line-height:1.05;margin:0 0 8px}.dash-hello em{font-style:italic;color:var(--accent)}.dash-sub{color:var(--ink-mute);font-size:15px;margin-bottom:40px}.dash-grid{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:24px;gap:24px}.card{background:var(--paper-2);border:1px solid var(--rule);border-radius:6px;padding:28px}.card.dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}.card-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute);font-weight:500;margin-bottom:14px}.card.dark .card-label{color:rgba(245,241,234,.55)}.card h3{font-family:Fraunces,serif;font-weight:600;font-size:26px;letter-spacing:-.015em;margin:0 0 10px;line-height:1.15}.card p{font-size:14px;color:var(--ink-2);margin:0;line-height:1.55}.card.dark p{color:rgba(245,241,234,.7)}.lesson-card{position:relative;overflow:hidden}.lesson-card .scenario-label{font-family:Fraunces,serif;font-style:italic;color:var(--accent-soft);font-size:13px;margin-bottom:10px}.lesson-card h3{font-size:32px;line-height:1.1}.lesson-card .meta{margin-top:20px;display:flex;gap:20px;font-size:13px;color:rgba(245,241,234,.65)}.lesson-card .meta span:before{content:"·";margin-right:12px;opacity:.5}.lesson-card .meta span:first-child:before{content:"";margin:0}.lesson-card .big-cta{display:inline-flex;align-items:center;gap:10px;margin-top:28px;background:var(--paper);color:var(--ink);padding:14px 22px;border-radius:4px;font-weight:500;font-size:14px;transition:all .2s}.lesson-card .big-cta:hover{background:var(--accent-soft);transform:translateY(-1px)}.progress-ring{display:flex;align-items:center;gap:20px;margin-top:14px}.ring-days{font-family:Fraunces,serif;font-size:52px;font-weight:600;letter-spacing:-.03em;line-height:1}.ring-days .of{color:var(--ink-mute);font-size:28px;font-weight:500}.progress-bar{width:100%;height:3px;background:var(--paper-3);border-radius:999px;margin-top:18px;overflow:hidden}.progress-bar .fill{height:100%;background:var(--accent);border-radius:999px}.week-strip{margin-top:36px}.week-days{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:6px;gap:6px;margin-top:10px}.week-day{aspect-ratio:1/1;border-radius:4px;background:var(--paper-2);border:1px solid var(--rule);display:flex;align-items:center;justify-content:center;font-family:Fraunces,serif;font-size:14px;font-weight:500;color:var(--ink-mute)}.week-day.done{background:var(--ink);color:var(--paper);border-color:var(--ink)}.week-day.today{background:var(--accent);color:var(--paper);border-color:var(--accent)}.upcoming{margin-top:36px}.upcoming-row{display:flex;align-items:center;gap:16px;padding:14px 0;border-top:1px solid var(--rule)}.upcoming-num{font-family:Fraunces,serif;font-style:italic;color:var(--accent);font-size:14px;width:42px}.upcoming-title{font-weight:500;font-size:14px;flex:1 1}.upcoming-title em{font-family:Fraunces,serif;color:var(--ink-mute);font-weight:400;margin-left:6px}.upcoming-meta{font-size:12px;color:var(--ink-mute)}.lesson{max-width:920px;margin:0 auto;padding:40px 32px 80px}.lesson-head{margin-bottom:28px}.lesson-head .scenario{font-family:Fraunces,serif;font-style:italic;color:var(--accent);font-size:14px}.lesson-head h1{font-family:Fraunces,serif;font-weight:600;font-size:44px;letter-spacing:-.025em;margin:8px 0 12px;line-height:1.05}.lesson-head .lesson-sub{font-size:15px;color:var(--ink-mute);max-width:600px;line-height:1.55}.lesson-stepper{display:flex;align-items:center;gap:8px;margin-top:28px;padding-bottom:22px;border-bottom:1px solid var(--rule);font-size:12px}.stepper-pill{padding:6px 12px;border-radius:999px;background:transparent;color:var(--ink-mute);border:1px solid var(--rule);font-weight:500;letter-spacing:.02em;white-space:nowrap}.stepper-pill.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.stepper-pill.done{color:var(--accent);border-color:rgba(184,71,30,.3)}.stepper-sep{width:18px;height:1px;background:var(--rule)}.phrase-card{background:var(--paper-2);border:1px solid var(--rule);border-radius:8px;padding:36px 40px;margin-top:24px;box-shadow:var(--shadow-sm);position:relative;transition:all .25s}.phrase-card.practicing{border-color:var(--accent);box-shadow:0 0 0 3px rgba(184,71,30,.08),var(--shadow-md)}.phrase-card.done{opacity:.55}.phrase-card-num{position:absolute;top:16px;right:20px;font-family:Fraunces,serif;font-style:italic;font-size:13px;color:var(--ink-mute)}.phrase-ar{font-family:Noto Naskh Arabic,serif;font-size:44px;line-height:1.2;direction:rtl;text-align:right}.phrase-ar,.phrase-translit{color:var(--ink);font-weight:500}.phrase-translit{font-family:Fraunces,serif;font-style:italic;font-size:22px;letter-spacing:-.01em;margin-top:14px}.phrase-translit .stress{color:var(--accent)}.phrase-en{font-size:14px;color:var(--ink-mute);margin-top:4px;letter-spacing:.01em}.phrase-actions{display:flex;gap:10px;margin-top:24px;align-items:center;padding-top:20px;border-top:1px dashed var(--rule)}.icon-btn{width:40px;height:40px;border-radius:50%;background:var(--paper);border:1px solid var(--rule);display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.icon-btn:hover{border-color:var(--ink);color:var(--accent)}.icon-btn.mic{background:var(--ink);color:var(--paper);border-color:var(--ink);width:54px;height:54px}.icon-btn.mic.recording{background:var(--accent);border-color:var(--accent);animation:pulse 1.6s infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 0 rgba(184,71,30,.4)}50%{box-shadow:0 0 0 14px rgba(184,71,30,0)}}.phrase-hint{margin-left:auto;font-size:12px;color:var(--ink-mute);font-family:Fraunces,serif;font-style:italic}.feedback{margin-top:16px;padding:12px 16px;border-radius:6px;font-size:13px;display:flex;align-items:flex-start;gap:10px;animation:slideIn .3s ease}.feedback.good{background:rgba(46,107,74,.1);color:var(--ok);border:1px solid rgba(46,107,74,.2)}.feedback.warn{background:rgba(184,71,30,.08);color:var(--accent-ink);border:1px solid rgba(184,71,30,.2)}.feedback-score{font-family:Fraunces,serif;font-weight:600}@keyframes slideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.chat-section{margin-top:48px}.chat-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:20px}.chat-head h2{font-family:Fraunces,serif;font-weight:600;font-size:28px;letter-spacing:-.02em;margin:0}.chat-head h2 em{font-style:italic;color:var(--accent);font-weight:500}.chat-scene{font-family:Fraunces,serif;font-style:italic;font-size:14px;color:var(--ink-mute)}.chat-box{background:var(--paper-2);border:1px solid var(--rule);border-radius:8px;padding:24px;box-shadow:var(--shadow-sm)}.chat-scroll{min-height:340px;max-height:440px;overflow-y:auto;padding-right:4px;display:flex;flex-direction:column}.chat-msg{margin:10px 0;max-width:78%;animation:msgIn .35s ease}@keyframes msgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-msg.ai{background:var(--paper);border:1px solid var(--rule);padding:14px 18px;border-radius:14px 14px 14px 3px;align-self:flex-start}.chat-msg.user{background:var(--ink);color:var(--paper);padding:14px 18px;border-radius:14px 14px 3px 14px;align-self:flex-end;margin-left:auto}.chat-msg .msg-ar{font-size:22px;font-weight:500}.chat-msg.user .msg-ar{direction:rtl;text-align:right}.chat-msg .msg-translit{font-family:Fraunces,serif;font-style:italic;font-size:15px;margin-top:4px;opacity:.88}.chat-msg .msg-en{font-size:12px;opacity:.55;margin-top:3px}.chat-msg .replay{display:inline-flex;align-items:center;gap:4px;margin-top:8px;font-size:11px;opacity:.5;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.chat-msg .replay:hover{opacity:1}.chat-typing{display:inline-flex;gap:4px;align-items:center;background:var(--paper);border:1px solid var(--rule);padding:14px 18px;border-radius:14px 14px 14px 3px;align-self:flex-start;margin:10px 0}.chat-typing span{width:6px;height:6px;background:var(--ink-mute);border-radius:50%;animation:bounce 1.2s infinite}.chat-typing span:nth-child(2){animation-delay:.15s}.chat-typing span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}.chat-input-area{margin-top:16px;padding-top:20px;border-top:1px solid var(--rule)}.chat-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.chat-suggestion{background:var(--paper);border:1px solid var(--rule);padding:10px 14px;border-radius:999px;font-size:13px;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:8px}.chat-suggestion:hover{border-color:var(--ink);background:var(--paper)}.chat-suggestion .sg-ar{font-family:Noto Naskh Arabic,serif;font-size:15px;direction:rtl}.chat-suggestion .sg-tr{font-family:Fraunces,serif;font-style:italic;color:var(--ink-mute);font-size:12px}.chat-mic-row{display:flex;align-items:center;gap:16px}.chat-mic-row .hint{font-size:13px;color:var(--ink-mute);font-family:Fraunces,serif;font-style:italic}.big-mic{width:64px;height:64px;border-radius:50%;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;cursor:pointer}.big-mic:hover{transform:scale(1.05)}.big-mic.recording{background:var(--accent);animation:pulse 1.6s infinite}.big-mic.disabled{opacity:.4;cursor:not-allowed}.lesson-footer{display:flex;justify-content:space-between;margin-top:48px;padding-top:24px;border-top:1px solid var(--rule)}.wave{display:inline-flex;gap:3px;align-items:center;height:20px}.wave span{width:2px;background:currentColor;border-radius:2px;opacity:.7}.wave.active span{animation:wavePulse 1s ease-in-out infinite}.wave span:first-child{height:30%;animation-delay:0s}.wave span:nth-child(2){height:70%;animation-delay:.1s}.wave span:nth-child(3){height:100%;animation-delay:.2s}.wave span:nth-child(4){height:50%;animation-delay:.3s}.wave span:nth-child(5){height:80%;animation-delay:.4s}.wave span:nth-child(6){height:40%;animation-delay:.5s}@keyframes wavePulse{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.complete-overlay{position:fixed;inset:0;background:rgba(27,27,28,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.complete-card{background:var(--paper);border-radius:10px;padding:56px 48px;max-width:460px;text-align:center;box-shadow:var(--shadow-lg);animation:popIn .5s cubic-bezier(.2,.9,.3,1.3)}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.complete-card .big-mark{font-family:Fraunces,serif;font-style:italic;font-size:80px;color:var(--accent);line-height:1}.complete-card h2{font-family:Fraunces,serif;font-weight:600;font-size:36px;letter-spacing:-.02em;margin:20px 0 8px}.complete-card p{color:var(--ink-mute);margin:0 0 28px}.complete-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;margin:20px 0 32px;padding:20px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.complete-stat-num{font-family:Fraunces,serif;font-size:32px;font-weight:600;color:var(--accent);letter-spacing:-.02em}.complete-stat-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);font-weight:500;margin-top:4px}@media (max-width:820px){.app-shell{grid-template-columns:1fr}.menu-button,.sidebar-close{display:inline-flex}.sidebar{position:fixed;top:0;left:0;z-index:60;width:280px;max-width:86vw;height:100dvh;transform:translateX(-100%);transition:transform .3s cubic-bezier(.32,.72,.16,1);box-shadow:var(--shadow-lg);overflow-y:auto;-webkit-overflow-scrolling:touch}.app-shell.menu-open .sidebar{transform:translateX(0)}.app-shell.menu-open .app-drawer-backdrop{display:block;position:fixed;inset:0;background:rgba(27,27,28,.32);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:55;animation:drawerFade .2s ease}@keyframes drawerFade{0%{opacity:0}to{opacity:1}}.app-topbar{padding:12px 16px}.topbar-crumb{font-size:12px}.streak-chip{flex-shrink:0;padding:6px 10px;font-size:11px}.dash{padding:32px 20px 64px}.dash-hello{font-size:34px}.dash-sub{margin-bottom:28px;font-size:14px}.dash-grid{grid-template-columns:1fr;gap:16px}.card{padding:22px}.lesson-card h3{font-size:26px}.lesson-card .big-cta{width:100%;justify-content:center;padding:14px 18px}.lesson{padding:28px 20px 64px}.lesson-head h1{font-size:32px}.lesson-stepper{overflow-x:auto;padding-bottom:16px;margin-top:22px;gap:6px;scrollbar-width:none}.lesson-stepper::-webkit-scrollbar{display:none}.stepper-pill{flex-shrink:0}.phrase-card{padding:24px 20px}.phrase-ar{font-size:32px}.phrase-translit{font-size:18px}.lesson-footer{flex-direction:column-reverse;gap:12px}.lesson-footer .btn{width:100%;justify-content:center}}@media (max-width:480px){.dash-hello{font-size:28px}.lesson-head h1{font-size:26px}.phrase-ar{font-size:28px}.phrase-translit{font-size:16px}}@media (max-width:720px){.chat-section{margin-top:32px}.chat-head{flex-direction:column;align-items:flex-start;gap:6px}.chat-head h2{font-size:24px}.chat-box{padding:16px;border-radius:6px}.chat-scroll{min-height:50dvh;max-height:60dvh}.chat-msg{max-width:88%}.chat-msg.ai,.chat-msg.user{padding:12px 14px}.chat-msg .msg-ar{font-size:19px}.chat-msg .msg-translit{font-size:14px}.chat-input-area{margin-top:12px;padding-top:14px}.chat-suggestions{gap:6px;margin-bottom:12px}.chat-suggestion{padding:9px 12px;font-size:12px}.chat-mic-row{gap:12px}.big-mic{width:52px;height:52px}.free-prompt-custom{padding:8px 10px 8px 14px;gap:8px}.free-prompt-custom input{font-size:14px;min-width:0}}.pron-section{margin-top:48px}.pron-section:first-of-type{margin-top:32px}.pron-section-head{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--rule)}.pron-section-head h2{font-family:Fraunces,serif;font-weight:600;font-size:26px;letter-spacing:-.02em;margin:0 0 6px;color:var(--ink)}.pron-section-head p{margin:0;font-family:Fraunces,serif;font-style:italic;font-size:15px;color:var(--ink-mute);max-width:56ch;line-height:1.5}.pron-list{display:flex;flex-direction:column}.pron-row{display:grid;grid-template-columns:auto 1fr auto;grid-gap:32px;gap:32px;align-items:center;padding:22px 4px;border:none;border-bottom:1px solid var(--rule);background:transparent;text-align:left;cursor:pointer;transition:background .18s,padding-left .18s,padding-right .18s;font-family:inherit;color:var(--ink);width:100%}.pron-row:last-child{border-bottom:none}.pron-row:hover{background:var(--paper-2);padding-left:14px;padding-right:14px}.pron-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.pron-glyph{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:96px}.pron-symbol{font-family:Fraunces,serif;font-weight:500;font-size:46px;line-height:1;color:var(--accent);letter-spacing:-.02em}.pron-arabic{font-family:Noto Naskh Arabic,serif;font-size:32px;line-height:1;color:var(--ink-mute);margin-top:8px}.pron-body{display:flex;flex-direction:column;gap:12px;min-width:0}.pron-howto{margin:0;font-size:16px;line-height:1.55;color:var(--ink);max-width:60ch}.pron-example{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;font-size:14px}.pron-example-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muter);font-weight:500}.pron-example-ar{font-family:Noto Naskh Arabic,serif;font-size:17px;color:var(--ink);direction:rtl}.pron-example-translit{font-family:Fraunces,serif;font-style:italic;font-size:15px;color:var(--ink)}.pron-example-en{font-size:13px;color:var(--ink-mute)}.pron-play{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--paper);border:1px solid var(--rule);color:var(--ink-mute);flex-shrink:0;transition:background .18s,color .18s,border-color .18s,transform .18s}.pron-row:hover .pron-play{background:var(--ink);color:var(--paper);border-color:var(--ink);transform:scale(1.04)}.pron-row-conv{grid-template-columns:1fr auto;align-items:start;padding:26px 4px}.pron-row-conv:hover{padding-left:14px;padding-right:14px}.pron-conv-body{display:flex;flex-direction:column;gap:10px;min-width:0}.pron-conv-title{font-family:Fraunces,serif;font-weight:500;font-size:22px;letter-spacing:-.01em;margin:0;color:var(--ink)}.pron-conv-text{margin:0;font-size:15px;line-height:1.55;color:var(--ink-mute);max-width:60ch}@media (max-width:720px){.pron-row{grid-template-columns:auto 1fr auto;gap:16px;align-items:start;padding:18px 4px}.pron-row:hover{padding-left:8px;padding-right:8px}.pron-glyph{min-width:64px}.pron-symbol{font-size:36px}.pron-arabic{font-size:26px}.pron-howto{font-size:15px}}.chat-msg.text{font-size:15px;line-height:1.6;white-space:pre-wrap}.coach-section-head{margin:28px 0 14px;padding-bottom:12px;border-bottom:1px solid var(--rule)}.coach-section-head h2{font-family:Fraunces,serif;font-weight:500;font-size:22px;letter-spacing:-.01em;margin:0 0 4px;color:var(--ink)}.coach-section-head p{margin:0;font-family:Fraunces,serif;font-style:italic;font-size:14px;color:var(--ink-mute)}.coach-empty{margin-top:28px}.coach-prelude{font-family:Fraunces,serif;font-style:italic;font-size:17px;line-height:1.5;color:var(--ink-mute);margin:0 0 6px;max-width:56ch}.coach-prompt-list{display:flex;flex-direction:column;margin-top:14px;border-top:1px solid var(--rule)}.coach-prompt{display:grid;grid-template-columns:1fr auto;grid-gap:24px;gap:24px;align-items:center;padding:22px 4px;border:none;border-bottom:1px solid var(--rule);background:transparent;text-align:left;cursor:pointer;transition:background .18s,padding-left .18s,padding-right .18s;font-family:inherit;color:var(--ink);width:100%}.coach-prompt:hover{background:var(--paper-2);padding-left:14px;padding-right:14px}.coach-prompt:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.coach-prompt-q{font-family:Fraunces,serif;font-weight:500;font-size:22px;letter-spacing:-.01em;line-height:1.25;color:var(--ink);margin:0 0 4px}.coach-prompt-hint{font-family:Fraunces,serif;font-style:italic;font-size:14px;line-height:1.45;color:var(--ink-mute);margin:0;max-width:60ch}.coach-prompt-arrow{display:inline-flex;align-items:center;justify-content:center;color:var(--ink-mute);flex-shrink:0;transition:color .18s,transform .18s}.coach-prompt:hover .coach-prompt-arrow{color:var(--accent);transform:translateX(3px)}.coach-input-row{display:flex;gap:10px;margin-top:16px}.coach-input{flex:1 1;padding:12px 16px;border:1px solid var(--rule);border-radius:8px;background:var(--paper);font-family:inherit;font-size:15px;color:var(--ink);transition:border-color .15s}.coach-input::placeholder{color:var(--ink-muter);font-family:Fraunces,serif;font-style:italic}.coach-input:focus{outline:none;border-color:var(--ink)}.coach-input:disabled{opacity:.5}.coach-error{color:var(--accent)}@media (max-width:720px){.coach-section-head{margin:22px 0 12px}.coach-section-head h2{font-size:20px}.coach-empty{margin-top:22px}.coach-prelude{font-size:15px}.coach-prompt{padding:18px 4px;gap:14px}.coach-prompt-q{font-size:19px}.coach-prompt-hint{font-size:13px}.coach-input-row{gap:8px}.coach-input{padding:12px 14px;font-size:14px}.coach-prescriptions{max-width:100%}.coach-prescription{padding:10px 14px;gap:10px}}.coach-prescriptions{display:grid;grid-gap:8px;gap:8px;margin-top:10px;max-width:78%;align-self:flex-start}.coach-prescription{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--rule);border-radius:10px;background:var(--paper);text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s}.coach-prescription-body{flex:1 1;min-width:0}.coach-prescription:hover{border-color:var(--ink);transform:translateY(-1px)}.coach-prescription .pres-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:3px;font-weight:500}.coach-prescription .pres-why{font-family:Fraunces,serif;font-style:italic;font-size:14px;line-height:1.4}.coach-prescription .pres-arrow{flex-shrink:0;color:var(--ink-mute)}.skip-to-content{position:absolute;top:-100px;left:12px;z-index:1000;padding:10px 16px;background:var(--ink);color:var(--paper);font-size:14px;font-weight:500;border-radius:4px;transition:top .15s}.skip-to-content:focus{top:12px;outline:2px solid var(--accent);outline-offset:2px}:where(a,button,[role=button],input,textarea,select):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:60vh;padding:48px 32px;color:var(--ink-mute)}.app-loading-mark{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at center,var(--accent) 0,var(--accent) 30%,transparent 32%);opacity:.55;animation:app-loading-pulse 1.8s ease-in-out infinite}.app-loading p{font-family:Fraunces,serif;font-style:italic;font-size:18px;font-weight:400;letter-spacing:.005em;margin:0}@keyframes app-loading-pulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.18);opacity:.7}}.app-error{padding:64px 40px 80px;max-width:600px}.app-error h1{font-family:Fraunces,serif;font-size:44px;line-height:1.05;font-weight:500;letter-spacing:-.01em;margin:0 0 18px}.app-error h1 em{font-style:italic;color:var(--accent)}.app-error p{font-size:16px;line-height:1.55;color:var(--ink-2);margin:0 0 14px;max-width:50ch}.app-error-digest{font-size:13px;color:var(--ink-muter);margin-top:24px}.app-error-digest code{font-family:Inter,monospace;font-size:12.5px;background:var(--paper-2);padding:1px 6px;border-radius:3px}.app-error-actions{margin-top:28px;display:flex;gap:12px}.app-error-retry{display:inline-flex;align-items:center;padding:11px 20px;background:var(--ink);color:var(--paper);border-radius:4px;font-size:14px;font-weight:500;transition:background .15s}.app-error-retry:hover{background:#2a2a2c}@media (max-width:820px){.app-error{padding:36px 20px 64px}.app-error h1{font-size:32px}}.turn-feedback-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;margin-left:10px;border-radius:4px;background:transparent;color:var(--ink-muter);font-size:11.5px;font-weight:500;letter-spacing:.02em;transition:background .15s,color .15s,opacity .15s;vertical-align:baseline}.turn-feedback-btn:hover:not(:disabled){background:rgba(184,71,30,.08);color:var(--accent)}.turn-feedback-btn:disabled{opacity:.5;cursor:default}.turn-feedback-btn span[aria-hidden]{font-size:12px;line-height:1}.turn-feedback-sent{color:var(--ink-muter);font-style:italic;font-family:Fraunces,serif}.turn-feedback-error,.turn-feedback-sent{display:inline-block;margin-left:10px;font-size:11.5px}.turn-feedback-error{color:var(--accent)}@media (max-width:480px){.turn-feedback-label{display:none}.turn-feedback-btn{padding:6px 8px}}.error-row{display:flex;align-items:flex-start;gap:18px;padding:16px 18px;border:1px solid rgba(184,71,30,.22);background:rgba(184,71,30,.05);border-radius:8px}.error-row-body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:4px}.error-row-body h3{font-family:Fraunces,serif;font-size:16px;font-weight:500;margin:0;color:var(--accent);letter-spacing:-.005em}.error-row-body p{font-size:13.5px;line-height:1.5;margin:0;color:var(--ink)}.error-row-code{margin-top:4px;font-family:Inter,monospace;font-size:11px;letter-spacing:.04em;color:var(--ink-muter);opacity:.7}.error-row-retry{flex-shrink:0;padding:9px 16px;border:1px solid var(--accent);border-radius:4px;background:var(--paper);color:var(--accent);font-size:13px;font-weight:500;align-self:center;transition:background .15s,color .15s}.error-row-retry:hover{background:var(--accent);color:var(--paper)}@media (max-width:480px){.error-row{flex-direction:column;gap:12px;padding:14px}.error-row-retry{align-self:stretch}}.obs-page{padding:48px 40px 80px;max-width:1080px}.obs-eyebrow{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-muter);margin:0 0 14px;font-weight:500}.obs-head h1{font-family:Fraunces,serif;font-size:44px;line-height:1.05;font-weight:500;letter-spacing:-.01em;margin:0 0 12px}.obs-head h1 em{font-style:italic;color:var(--accent)}.obs-sub{color:var(--ink-mute);font-size:15px;margin:0 0 28px}.obs-note code,.obs-section-head code,.obs-sub code{font-family:Inter,monospace;font-size:12.5px;background:var(--paper-2);padding:1px 6px;border-radius:3px;color:var(--ink)}.obs-window{display:inline-flex;border:1px solid var(--rule);border-radius:999px;padding:3px;gap:2px;margin-bottom:28px;background:var(--paper)}.obs-window-btn{padding:7px 18px;font-size:13px;font-weight:500;border-radius:999px;color:var(--ink-mute);transition:background .15s,color .15s}.obs-window-btn:hover{color:var(--ink)}.obs-window-btn.active{background:var(--ink);color:var(--paper)}.obs-section{border-top:3px solid var(--ink);padding:28px 0 32px;margin-top:28px}.obs-section:first-of-type{margin-top:8px}.obs-section-quiet{border-top-color:var(--rule)}.obs-section-head{display:grid;grid-template-columns:1fr auto;align-items:baseline;grid-gap:12px;gap:12px;margin-bottom:22px}.obs-section-head h2{font-family:Fraunces,serif;font-size:26px;font-weight:500;letter-spacing:-.005em;margin:0;grid-column:1}.obs-section-head p{grid-column:1;font-size:14px;color:var(--ink-mute);line-height:1.55;margin:6px 0 0;max-width:60ch}.obs-section-hint{grid-row:1;grid-column:2;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-muter);font-weight:500;white-space:nowrap}.obs-lat-grid{display:flex;flex-direction:column;border:1px solid var(--rule);border-radius:6px;overflow:hidden;background:var(--paper)}.obs-lat-row{display:grid;grid-template-columns:200px repeat(4,1fr);align-items:center;padding:18px 20px;border-bottom:1px solid var(--rule)}.obs-lat-row:last-child{border-bottom:none}.obs-lat-label{display:flex;flex-direction:column;gap:2px}.obs-lat-label span{font-family:Fraunces,serif;font-size:18px;font-weight:500}.obs-lat-label em{font-size:12px;font-style:italic;color:var(--ink-muter)}.obs-lat-cell{display:flex;flex-direction:column;gap:1px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.obs-lat-cell.obs-lat-count strong{color:var(--ink-mute)}.obs-lat-pct{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-muter);font-weight:500}.obs-lat-cell strong{font-size:17px;font-weight:500;letter-spacing:-.005em}.obs-meta-row{display:flex;flex-wrap:wrap;gap:0;margin-top:22px;border-top:1px solid var(--rule)}.obs-count-row{flex:1 1 180px;min-width:0;padding:16px 20px 14px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);display:flex;flex-direction:column;gap:4px}.obs-count-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-muter);font-weight:500}.obs-count-num{font-size:22px;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em}.obs-empty{padding:28px 24px;border:1px dashed var(--rule);border-radius:6px;color:var(--ink-mute);font-size:14px;line-height:1.55}.obs-note{margin:14px 0 0;font-size:12.5px;font-style:italic;color:var(--ink-muter);line-height:1.55}.obs-note em{font-family:Inter,monospace;font-style:normal}.obs-link{display:inline-block;margin-top:8px;padding:9px 14px;border:1px solid var(--ink);border-radius:4px;font-size:13px;font-weight:500}.obs-link:hover{background:var(--ink);color:var(--paper)}@media (max-width:820px){.obs-page{padding:28px 20px 64px}.obs-head h1{font-size:32px}.obs-section-head{grid-template-columns:1fr}.obs-section-hint{grid-row:auto;grid-column:1}.obs-lat-row{grid-template-columns:1fr;gap:8px;padding:16px}.obs-lat-cell{flex-direction:row;justify-content:space-between;text-align:left}.obs-lat-pct{letter-spacing:.16em}.obs-count-row{flex-basis:50%}}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1.1fr;background:var(--paper)}.auth-left{background:var(--ink);color:var(--paper);padding:48px 56px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-left:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(184,71,30,.18),transparent 45%),radial-gradient(circle at 85% 90%,rgba(217,166,121,.08),transparent 40%);pointer-events:none}.auth-left .al-brand,.auth-left .al-quote{position:relative;z-index:1}.auth-left .al-quote{font-family:Fraunces,serif;font-weight:400;font-style:italic;font-size:38px;line-height:1.15;letter-spacing:-.015em;max-width:460px}.auth-left .al-quote em{font-style:normal;color:var(--accent-soft)}.auth-left .al-ar{font-family:Noto Naskh Arabic,serif;font-size:30px;direction:rtl;color:rgba(245,241,234,.55);margin-top:28px}.auth-left .al-foot{position:relative;z-index:1;font-size:12px;color:rgba(245,241,234,.5);letter-spacing:.15em;text-transform:uppercase}.auth-right{display:flex;align-items:center;justify-content:center;padding:48px}.auth-form{width:100%;max-width:420px}.auth-form h2{font-family:Fraunces,serif;font-weight:600;font-size:40px;letter-spacing:-.025em;line-height:1.05;margin:8px 0 12px}.auth-form h2 em{font-style:italic;color:var(--accent);font-weight:500}.auth-form .sub{color:var(--ink-mute);font-size:15px;margin:0 0 36px}.field{margin-bottom:18px}.field label{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);font-weight:500;margin-bottom:8px}.field input{width:100%;padding:13px 16px;font-family:inherit;font-size:15px;background:var(--paper);border:1px solid var(--rule-strong);border-radius:4px;color:var(--ink);transition:border-color .15s}.field input:focus{outline:none;border-color:var(--ink)}.field-row{display:flex;gap:12px}.field-row .field{flex:1 1}.auth-primary{width:100%;margin-top:8px}.auth-divider{display:flex;align-items:center;gap:16px;margin:28px 0;color:var(--ink-muter);font-size:12px;letter-spacing:.15em;text-transform:uppercase}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--rule)}.oauth-btn{width:100%;padding:12px 16px;background:var(--paper);border:1px solid var(--rule-strong);border-radius:4px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px;transition:all .15s;cursor:pointer}.oauth-btn:hover{border-color:var(--ink)}.auth-switch{text-align:center;margin-top:32px;font-size:14px;color:var(--ink-mute)}.auth-switch a{color:var(--ink);font-weight:500;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-decoration-thickness:1.5px;text-underline-offset:3px}.auth-fine{font-size:12px;color:var(--ink-muter);margin-top:24px;line-height:1.55;font-family:Fraunces,serif;font-style:italic}.ob-shell{min-height:100vh;background:var(--paper);display:flex;flex-direction:column}.ob-top{padding:24px 40px;justify-content:space-between;border-bottom:1px solid var(--rule)}.ob-progress,.ob-top{display:flex;align-items:center}.ob-progress{gap:6px}.ob-dot{width:28px;height:3px;background:var(--rule-strong);border-radius:2px;transition:background .3s}.ob-dot.active{background:var(--accent)}.ob-dot.done{background:var(--ink)}.ob-skip{font-size:13px;color:var(--ink-mute);cursor:pointer}.ob-body{flex:1 1;display:flex;align-items:center;justify-content:center;padding:40px}.ob-panel{max-width:720px;width:100%;text-align:center;animation:obFade .4s ease}@keyframes obFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ob-eyebrow{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);font-weight:500}.ob-panel h1{font-family:Fraunces,serif;font-weight:600;font-size:clamp(40px,5vw,64px);line-height:1.05;letter-spacing:-.025em;margin:14px 0 16px}.ob-panel h1 em{font-style:italic;color:var(--accent);font-weight:500}.ob-panel .ob-sub{font-size:17px;color:var(--ink-2);max-width:540px;margin:0 auto 44px;line-height:1.55}.ob-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:14px;gap:14px;max-width:700px;margin:0 auto 40px;text-align:left}.ob-option{background:var(--paper-2);border:1px solid var(--rule);border-radius:6px;padding:20px 22px;cursor:pointer;transition:all .18s;position:relative}.ob-option:hover{border-color:var(--ink);transform:translateY(-2px)}.ob-option.selected{border-color:var(--accent);background:var(--paper);box-shadow:0 0 0 3px rgba(184,71,30,.08),var(--shadow-sm)}.ob-option.selected:after{content:"✓";position:absolute;top:14px;right:16px;color:var(--accent);font-family:Fraunces,serif;font-weight:600;font-size:16px}.ob-option .ob-opt-label{font-family:Fraunces,serif;font-weight:600;font-size:19px;letter-spacing:-.01em;margin-bottom:4px}.ob-option .ob-opt-desc{font-size:13px;color:var(--ink-mute);line-height:1.5}.ob-option .ob-opt-ar{font-family:Noto Naskh Arabic,serif;font-size:22px;color:var(--ink-mute);margin-top:10px;direction:rtl;text-align:right}.ob-actions{align-items:center}.ob-actions,.time-picker{display:flex;gap:12px;justify-content:center}.time-picker{flex-wrap:wrap;margin-bottom:36px}.time-opt{padding:24px 32px;background:var(--paper-2);border:1px solid var(--rule);border-radius:6px;cursor:pointer;min-width:160px;text-align:center;transition:all .18s}.time-opt.selected{border-color:var(--accent);background:var(--paper)}.time-opt .t-big{font-family:Fraunces,serif;font-size:36px;font-weight:600;letter-spacing:-.02em}.time-opt .t-unit{color:var(--ink-mute);font-size:13px}.time-opt .t-desc{font-size:12px;color:var(--ink-mute);margin-top:8px;font-style:italic;font-family:Fraunces,serif}.account-page{max-width:840px;padding:48px 40px 80px}.account-head{margin-bottom:32px}.account-head h1{font-family:Fraunces,serif;font-weight:600;font-size:44px;letter-spacing:-.025em;margin:0 0 6px}.account-head p{color:var(--ink-mute);margin:0}.settings-block{background:var(--paper-2);border:1px solid var(--rule);border-radius:6px;padding:28px 32px;margin-bottom:20px}.settings-block h3{font-family:Fraunces,serif;font-weight:600;font-size:22px;letter-spacing:-.015em;margin:0 0 4px}.settings-block .sb-desc{color:var(--ink-mute);font-size:13px;margin:0 0 22px}.info-row{display:grid;grid-template-columns:1fr 2fr auto;grid-gap:20px;gap:20px;align-items:center;padding:16px 0;border-top:1px solid var(--rule);font-size:14px}.info-row:first-of-type{border-top:0;padding-top:6px}.info-row .label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);font-weight:500}.info-row .value{color:var(--ink)}.info-row .value.mono{font-family:Fraunces,serif;font-style:italic}.plan-box{background:var(--ink);color:var(--paper);border-radius:6px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;flex-wrap:wrap}.plan-box .pb-name{font-family:Fraunces,serif;font-size:24px;font-weight:600;letter-spacing:-.015em;display:flex;align-items:baseline;gap:10px}.plan-box .pb-sub{font-size:13px;color:rgba(245,241,234,.6);margin-top:4px}.plan-box .pb-price{font-family:Fraunces,serif;font-size:28px;font-weight:600;letter-spacing:-.02em}.plan-box .pb-price .unit{font-size:14px;font-weight:400;color:rgba(245,241,234,.55);font-style:italic}.plan-box .btn-outline{color:var(--paper);border-color:rgba(245,241,234,.3)}.plan-box .btn-outline:hover{border-color:var(--paper);background:rgba(245,241,234,.05)}.toggle{width:38px;height:22px;background:var(--rule-strong);border-radius:999px;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--paper);border-radius:50%;transition:transform .2s;box-shadow:var(--shadow-sm)}.toggle.on{background:var(--accent)}.toggle.on:after{transform:translateX(16px)}.danger{color:var(--accent-ink);font-family:Fraunces,serif;font-style:italic;font-size:14px;cursor:pointer;background:none;border:none;padding:0}.danger:hover{text-decoration:underline}@media (max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-left{padding:32px;min-height:200px}.auth-left .al-quote{font-size:24px}}@media (max-width:720px){.account-page{padding:28px 20px 64px}.account-head{margin-bottom:24px}.account-head h1{font-size:32px}.settings-block{padding:22px 20px}.settings-block h3{font-size:20px}.info-row{grid-template-columns:1fr;gap:4px;padding:14px 0}.info-row .label{margin-bottom:2px}.plan-box{padding:20px;flex-direction:column;align-items:flex-start;gap:14px}.plan-box .pb-price{font-size:24px}.plan-box .btn-outline{width:100%;justify-content:center}}.cm-page{max-width:1080px;padding:48px 40px 80px}.cm-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding-bottom:32px;border-bottom:1px solid var(--rule)}.cm-head h1{font-family:Fraunces,serif;font-weight:500;font-size:44px;letter-spacing:-.025em;line-height:1.05;margin:8px 0 0}.cm-head h1 em{font-style:italic;color:var(--accent)}.cm-lede{color:var(--ink-mute);font-size:15px;margin:14px 0 0;max-width:540px;line-height:1.55}.cm-stat{text-align:right}.cm-stat-num{font-family:Fraunces,serif;font-weight:600;font-size:56px;letter-spacing:-.03em;line-height:1;color:var(--ink)}.cm-stat-num span{font-size:28px;margin-left:4px}.cm-stat-label,.cm-stat-num span{color:var(--ink-mute);font-weight:500}.cm-stat-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;margin-top:8px}.cm-filters{display:flex;gap:8px;flex-wrap:wrap;padding:28px 0 0}.cm-filter{background:var(--paper-2);border:1px solid var(--rule);padding:8px 14px;border-radius:999px;font-size:13px;color:var(--ink-mute);display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .15s}.cm-filter:hover{border-color:var(--ink);color:var(--ink)}.cm-filter.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.cm-phase{margin-top:48px}.cm-phase-head{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:16px;border-bottom:1px solid var(--rule);gap:24px}.cm-phase-eyebrow{font-family:Fraunces,serif;font-style:italic;font-size:24px;font-weight:500;letter-spacing:-.01em;color:var(--ink)}.cm-phase-sub{font-size:13px;color:var(--ink-mute);margin-top:4px}.cm-phase-progress{min-width:220px;text-align:right}.cm-phase-count{font-family:Fraunces,serif;font-weight:600;font-size:22px;letter-spacing:-.02em}.cm-phase-count span{color:var(--ink-mute);font-size:14px;font-weight:500;margin-left:4px}.cm-phase-bar{width:100%;height:3px;background:var(--paper-3);border-radius:999px;margin-top:8px;overflow:hidden}.cm-phase-bar .fill{height:100%;border-radius:999px;transition:width .4s}.cm-rows{display:flex;flex-direction:column}.cm-row{display:grid;grid-template-columns:60px 1fr auto;grid-gap:24px;gap:24px;align-items:center;padding:18px 16px;border-bottom:1px solid var(--rule);background:transparent;text-align:left;font-family:inherit;font-size:inherit;cursor:pointer;transition:all .15s}.cm-row:hover:not(:disabled){background:var(--paper-2);padding-left:22px}.cm-row:disabled{opacity:.4;cursor:not-allowed}.cm-row-current{background:var(--paper-2);border-left:3px solid var(--accent);padding-left:13px}.cm-row-current:hover{padding-left:17px}.cm-num{font-family:Fraunces,serif;font-style:italic;font-size:16px;color:var(--ink-mute);letter-spacing:-.01em}.cm-row-current .cm-num{color:var(--accent)}.cm-row-done .cm-num{color:var(--ink-muter)}.cm-title{font-family:Fraunces,serif;font-weight:500;font-size:18px;letter-spacing:-.01em;color:var(--ink)}.cm-row-done .cm-title,.cm-sub{color:var(--ink-mute)}.cm-sub{font-size:13px;margin-top:2px;line-height:1.45}.cm-meta{display:flex;gap:12px}.cm-meta,.cm-type{align-items:center}.cm-type{display:inline-flex;gap:5px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:500;padding:4px 9px;border:1px solid var(--rule);border-radius:999px}.cm-min,.cm-type{color:var(--ink-mute)}.cm-min{font-family:Fraunces,serif;font-style:italic;font-size:13px;min-width:50px;text-align:right}.cm-badge{font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:4px 10px;border-radius:999px;font-weight:600;display:inline-flex;align-items:center;gap:4px;min-width:76px;justify-content:center}.cm-done{background:rgba(46,107,74,.12);color:var(--ok)}.cm-current{background:var(--accent);color:var(--paper)}.cm-next{background:var(--paper-3);color:var(--ink)}.cm-locked{background:transparent;color:var(--ink-muter)}.vocab-progress{display:flex;align-items:center;justify-content:space-between;margin:32px 0 24px;gap:16px}.vocab-pip-row{display:flex;gap:4px;flex:1 1}.vocab-pip{flex:1 1;height:3px;background:var(--paper-3);border-radius:999px;transition:background .3s}.vocab-pip.done{background:var(--ok)}.vocab-pip.active{background:var(--accent)}.vocab-count{font-family:Fraunces,serif;font-weight:500;font-size:18px;letter-spacing:-.01em}.vocab-count span{color:var(--ink-mute);font-size:14px}.flashcard{background:var(--paper-2);border:1px solid var(--rule);border-radius:10px;padding:64px 40px;min-height:280px;position:relative;cursor:pointer;box-shadow:var(--shadow-md);transition:transform .5s;transform-style:preserve-3d;display:grid;place-items:center;text-align:center}.flashcard.flipped{transform:rotateY(180deg)}.flashcard:hover{box-shadow:var(--shadow-lg)}.flash-side{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;padding:40px}.flash-back{transform:rotateY(180deg)}.flash-eyebrow{font-family:Fraunces,serif;font-style:italic;color:var(--ink-mute);font-size:13px;margin-bottom:20px}.flash-ar{font-family:Noto Naskh Arabic,serif;font-size:64px;line-height:1.1;font-weight:500;direction:rtl}.flash-translit{font-family:Fraunces,serif;font-style:italic;font-size:20px;color:var(--ink-mute);margin-top:14px}.flash-en-big{font-family:Fraunces,serif;font-weight:600;font-size:56px;letter-spacing:-.02em;color:var(--accent)}.vocab-actions{display:flex;gap:12px;margin-top:28px;justify-content:center}.vocab-actions .btn{flex:1 1;max-width:240px;justify-content:center}.audio-player{background:var(--ink);color:var(--paper);border-radius:10px;padding:36px;margin:32px 0;box-shadow:var(--shadow-md)}.audio-art{text-align:center;padding:30px 0 20px}.audio-eq{display:inline-flex;align-items:flex-end;gap:4px;height:80px;margin-bottom:16px}.audio-eq span{width:4px;background:var(--accent-soft);border-radius:2px;animation:audioEq 1.2s ease-in-out infinite}.audio-eq span:first-child{height:30%;animation-delay:0s}.audio-eq span:nth-child(2){height:60%;animation-delay:.1s}.audio-eq span:nth-child(3){height:90%;animation-delay:.2s}.audio-eq span:nth-child(4){height:50%;animation-delay:.3s}.audio-eq span:nth-child(5){height:75%;animation-delay:.4s}.audio-eq span:nth-child(6){height:40%;animation-delay:.5s}.audio-eq span:nth-child(7){height:95%;animation-delay:.6s}.audio-eq span:nth-child(8){height:65%;animation-delay:.7s}.audio-eq span:nth-child(9){height:35%;animation-delay:.8s}.audio-eq span:nth-child(10){height:80%;animation-delay:.9s}.audio-eq span:nth-child(11){height:55%;animation-delay:1s}.audio-eq span:nth-child(12){height:70%;animation-delay:1.1s}@keyframes audioEq{0%,to{transform:scaleY(.5);opacity:.6}50%{transform:scaleY(1.05);opacity:1}}.audio-caption{font-family:Fraunces,serif;font-style:italic;font-size:13px;color:rgba(245,241,234,.6)}.audio-controls{display:flex;align-items:center;gap:18px;margin-top:24px}.audio-controls .big-mic{width:56px;height:56px;flex-shrink:0;background:var(--accent)}.audio-bar-wrap{flex:1 1}.audio-bar{height:4px;background:rgba(245,241,234,.15);border-radius:999px;overflow:hidden}.audio-bar .fill{height:100%;background:var(--accent-soft);border-radius:999px;transition:width .1s linear}.audio-times{display:flex;justify-content:space-between;font-size:11px;color:rgba(245,241,234,.5);margin-top:6px;font-family:Fraunces,serif;font-style:italic}.audio-controls .icon-btn{background:rgba(245,241,234,.08);border-color:rgba(245,241,234,.15);color:var(--paper);flex-shrink:0}.audio-controls .icon-btn:hover{border-color:var(--accent-soft);color:var(--accent-soft)}.audio-transcript{margin-top:20px;padding:14px 16px;background:rgba(245,241,234,.05);border-left:2px solid var(--accent-soft);font-size:13px;line-height:1.55;border-radius:4px;color:rgba(245,241,234,.85)}.audio-quiz{background:var(--paper-2);border:1px solid var(--rule);border-radius:10px;padding:32px 36px;margin-top:8px}.audio-q{font-family:Fraunces,serif;font-weight:500;font-size:24px;letter-spacing:-.015em;margin:8px 0 24px}.audio-opts{display:flex;flex-direction:column;gap:10px}.audio-opt{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--paper);border:1px solid var(--rule);border-radius:8px;font-size:15px;cursor:pointer;transition:all .15s;text-align:left}.audio-opt:hover{border-color:var(--ink)}.audio-opt.picked{border-color:var(--accent);background:rgba(184,71,30,.06)}.audio-opt-bullet{width:26px;height:26px;border-radius:50%;background:var(--paper-3);display:inline-flex;align-items:center;justify-content:center;font-family:Fraunces,serif;font-weight:600;font-size:13px;flex-shrink:0}.audio-opt.picked .audio-opt-bullet{background:var(--accent);color:var(--paper)}.pron-hero{display:grid;grid-template-columns:200px 1fr;grid-gap:36px;gap:36px;align-items:start;margin:32px 0;padding:36px;background:var(--ink);color:var(--paper);border-radius:10px}.pron-glyph-big{font-family:Noto Naskh Arabic,serif;font-size:180px;line-height:1;text-align:center;color:var(--accent-soft);font-weight:500}.pron-name{font-family:Fraunces,serif;font-style:italic;font-size:22px;color:var(--accent-soft);margin-bottom:10px}.pron-desc{font-size:14px;line-height:1.6;color:rgba(245,241,234,.85);margin:0 0 20px}.pron-pairs{display:flex;flex-direction:column;gap:8px}.pron-pair{display:flex;align-items:center;gap:12px;padding:12px 14px;background:rgba(245,241,234,.05);border-radius:6px;font-size:13px}.pp-side{flex:1 1;display:flex;flex-direction:column;gap:2px}.pp-ar{font-family:Noto Naskh Arabic,serif;font-size:22px;direction:rtl}.pp-ar,.pp-tr{text-align:center}.pp-tr{font-family:Fraunces,serif;font-style:italic;opacity:.85}.pp-en{font-size:11px;text-align:center;opacity:.55;letter-spacing:.04em;text-transform:uppercase}.pp-vs{font-family:Fraunces,serif;font-style:italic;color:var(--accent-soft);font-size:13px}.pron-target{background:var(--paper-2);border:1px solid var(--rule);border-radius:10px;padding:36px}.pron-word-ar{font-family:Noto Naskh Arabic,serif;font-size:64px;line-height:1.1;text-align:center;margin:14px 0 8px;font-weight:500}.pron-word-tr{font-family:Fraunces,serif;font-style:italic;font-size:22px;text-align:center;color:var(--ink);letter-spacing:-.01em}.pron-word-en{text-align:center;font-size:13px;color:var(--ink-mute);margin-top:4px}.pron-waveforms{margin:32px 0 24px;display:flex;flex-direction:column;gap:14px}.wf-row{display:grid;grid-template-columns:70px 1fr;grid-gap:16px;gap:16px;align-items:center}.wf-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);font-weight:600}.wf-bars{display:flex;gap:3px;align-items:center;height:60px;padding:0 10px;border-radius:6px;border:1px dashed var(--rule);background:var(--paper)}.wf-bars span{flex:1 1;background:currentColor;border-radius:2px;transition:height .3s}.wf-target{color:var(--ok);border-style:solid;border-color:rgba(46,107,74,.25)}.wf-you.empty{color:var(--ink-muter)}.wf-you.recording{color:var(--accent);animation:wfPulse 1.4s infinite}.wf-you.done{color:var(--accent);border-style:solid;border-color:rgba(184,71,30,.25)}@keyframes wfPulse{0%,to{background:var(--paper)}50%{background:rgba(184,71,30,.05)}}.pron-score-row{display:flex;align-items:center;gap:20px;padding:16px 20px;border-radius:8px;margin-bottom:20px;animation:slideIn .3s ease}.pron-score-row.good{background:rgba(46,107,74,.08);border:1px solid rgba(46,107,74,.2)}.pron-score-row.mid{background:rgba(217,166,121,.12);border:1px solid rgba(184,71,30,.18)}.pron-score-row.low{background:rgba(184,71,30,.08);border:1px solid rgba(184,71,30,.25)}.pron-score-num{font-family:Fraunces,serif;font-weight:600;font-size:36px;letter-spacing:-.02em;line-height:1}.pron-score-num span{font-size:16px;color:var(--ink-mute);margin-left:2px}.pron-score-msg{font-family:Fraunces,serif;font-style:italic;font-size:15px;flex:1 1}.pron-actions{display:flex;align-items:center;gap:14px;padding-top:20px;border-top:1px dashed var(--rule);flex-wrap:wrap}.pron-actions .phrase-hint{margin-left:auto;font-family:Fraunces,serif;font-style:italic;font-size:13px;color:var(--ink-mute)}.pron-actions .icon-btn:disabled{opacity:.5}.free-prompts{margin:32px 0 0;display:flex;flex-direction:column}.free-prompt{display:grid;grid-template-columns:60px 1fr auto;align-items:center;grid-gap:16px;gap:16px;padding:22px 20px;background:var(--paper-2);border:1px solid var(--rule);border-bottom:none;text-align:left;cursor:pointer;transition:all .15s;font-family:inherit}.free-prompt:first-of-type{border-radius:8px 8px 0 0}.free-prompt:last-of-type{border-radius:0 0 8px 8px;border-bottom:1px solid var(--rule)}.free-prompt:hover{background:var(--paper);border-color:var(--ink);z-index:1;position:relative}.fp-num{font-style:italic;color:var(--accent);font-size:15px}.fp-num,.fp-text{font-family:Fraunces,serif}.fp-text{font-weight:500;font-size:19px;letter-spacing:-.01em}.free-prompt-custom{margin-top:16px;display:flex;gap:12px;align-items:center;padding:10px 12px 10px 18px;background:var(--paper-2);border:1px solid var(--rule);border-radius:8px}.free-prompt-custom input{flex:1 1;border:none;background:transparent;font-family:inherit;font-size:15px;outline:none;color:var(--ink)}.free-prompt-custom input::placeholder{color:var(--ink-muter);font-style:italic;font-family:Fraunces,serif}.free-active{margin-top:24px}.free-topic-bar{display:flex;align-items:center;gap:16px;padding:14px 20px;background:var(--paper-2);border-radius:8px 8px 0 0;border:1px solid var(--rule);border-bottom:none;font-size:14px}.free-topic-bar strong{font-family:Fraunces,serif;font-weight:500}.free-meter{margin-left:auto;font-size:12px;color:var(--ink-mute);display:inline-flex;align-items:center;gap:5px;font-family:Fraunces,serif;font-style:italic}.free-active .chat-box{border-radius:0 0 8px 8px;border-top:none}.upgrade-gate{margin:48px 0;text-align:center;padding:60px 40px;background:var(--ink);color:var(--paper);border-radius:12px;box-shadow:var(--shadow-md)}.upgrade-gate-eyebrow{font-family:Fraunces,serif;font-style:italic;color:var(--accent-soft);font-size:14px;margin-bottom:16px}.upgrade-gate h2{font-family:Fraunces,serif;font-weight:500;font-size:36px;letter-spacing:-.02em;margin:0 0 16px}.upgrade-gate p{font-size:15px;line-height:1.6;color:rgba(245,241,234,.75);max-width:540px;margin:0 auto 32px}.upgrade-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.upgrade-gate .btn-primary{background:var(--paper);color:var(--ink)}.upgrade-gate .btn-primary:hover{background:var(--accent-soft)}.upgrade-gate .btn-outline{color:var(--paper);border-color:rgba(245,241,234,.25)}.upgrade-gate .btn-outline:hover{border-color:var(--paper);background:rgba(245,241,234,.05)}.srs-progress{display:flex;align-items:center;gap:16px;margin:32px 0 28px}.srs-bar{flex:1 1;height:4px;background:var(--paper-3);border-radius:999px;overflow:hidden}.srs-bar .fill{height:100%;background:var(--accent);border-radius:999px;transition:width .4s}.srs-count{font-family:Fraunces,serif;font-style:italic;font-size:14px;color:var(--ink-mute)}.srs-count>span:first-child{font-weight:600;color:var(--ink);font-style:normal}.srs-card{background:var(--paper-2);border:1px solid var(--rule);border-radius:10px;padding:56px 40px;text-align:center;box-shadow:var(--shadow-sm)}.srs-prompt-label{font-family:Fraunces,serif;font-style:italic;color:var(--ink-mute);font-size:13px;margin-bottom:14px}.srs-prompt-ar{font-family:Noto Naskh Arabic,serif;font-size:64px;line-height:1.1;font-weight:500;direction:rtl}.srs-prompt-tr{font-family:Fraunces,serif;font-style:italic;font-size:18px;color:var(--ink-mute);margin-top:10px}.srs-options{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.srs-prompt-en{font-family:Fraunces,serif;font-size:38px;line-height:1.1;font-weight:500;letter-spacing:-.005em;margin-top:18px}.srs-reveal{margin-top:28px;padding:11px 22px;border:1px solid var(--ink);border-radius:4px;background:var(--paper);color:var(--ink);font-size:14px;font-weight:500;transition:background .15s,color .15s}.srs-reveal:hover{background:var(--ink);color:var(--paper)}.srs-reveal-hint{margin:22px 0 0;font-size:13.5px;color:var(--ink-mute);font-style:italic;font-family:Fraunces,serif;line-height:1.55;max-width:50ch}.srs-grade-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:24px}.srs-grade{padding:16px 18px;border:1px solid var(--rule);border-radius:6px;background:var(--paper);font-size:15px;font-weight:500;font-family:Fraunces,serif;letter-spacing:-.005em;transition:background .15s,border-color .15s,color .15s,opacity .15s}.srs-grade:hover:not(:disabled){border-color:var(--ink)}.srs-grade:disabled{opacity:.4;cursor:default}.srs-grade-knew{color:var(--ok);border-color:rgba(46,107,74,.3)}.srs-grade-knew:hover:not(:disabled){background:rgba(46,107,74,.06);border-color:var(--ok)}.srs-grade-missed{color:var(--accent);border-color:rgba(184,71,30,.3)}.srs-grade-missed:hover:not(:disabled){background:rgba(184,71,30,.06);border-color:var(--accent)}.srs-empty{padding:64px 32px;text-align:center;color:var(--ink-mute)}.srs-empty h2{font-family:Fraunces,serif;font-size:26px;font-weight:500;margin:0 0 12px;color:var(--ink)}.srs-empty p{font-size:14px;margin:0 0 22px}@media (max-width:480px){.srs-prompt-en{font-size:28px}.srs-grade-actions{grid-template-columns:1fr}}.srs-option{display:flex;align-items:center;gap:12px;padding:18px 20px;background:var(--paper);border:1px solid var(--rule);border-radius:8px;font-family:inherit;font-size:15px;text-align:left;cursor:pointer;transition:all .15s}.srs-option:hover:not(:disabled){border-color:var(--ink)}.srs-option:disabled{cursor:default}.srs-option.correct{border-color:var(--ok);background:rgba(46,107,74,.08);color:var(--ok)}.srs-option.wrong{border-color:var(--accent);background:rgba(184,71,30,.06);color:var(--accent)}.srs-opt-letter{font-family:Fraunces,serif;font-weight:600;width:26px;height:26px;border-radius:50%;background:var(--paper-3);display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.srs-option.correct .srs-opt-letter{background:var(--ok);color:var(--paper)}.srs-option.wrong .srs-opt-letter{background:var(--accent);color:var(--paper)}.complete-card.variant-perfect .big-mark,.complete-card.variant-perfect h2 em{color:var(--ok)}.complete-card.variant-weak .big-mark{color:var(--accent)}.complete-card.variant-weak h2{color:var(--ink)}.weak-list{text-align:left;margin:8px 0 24px;padding:16px 18px;background:var(--paper-2);border-radius:6px}.weak-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.weak-list li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2);font-family:Fraunces,serif;font-style:italic}.lesson-end-actions{display:flex;gap:10px}.lesson-end-actions .btn{flex:1 1;justify-content:center}.complete-card.levelup{max-width:520px;border:2px solid var(--ok)}.levelup-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin:24px 0 28px;padding:20px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.levelup-stats .complete-stat-num{color:var(--ok)}@media (max-width:820px){.cm-page{padding:28px 20px 60px}.cm-head{flex-direction:column;align-items:flex-start;gap:24px;padding-bottom:24px}.cm-stat{text-align:left}.cm-head h1{font-size:36px}.cm-stat-num{font-size:44px}.cm-stat-num span{font-size:22px}.cm-phase{margin-top:36px}.cm-phase-head{flex-direction:column;align-items:stretch;gap:14px}.cm-phase-progress{min-width:0;text-align:left}.cm-row{grid-template-columns:40px 1fr;gap:12px;padding:16px 12px}.cm-row:hover:not(:disabled){padding-left:16px}.cm-row-current{padding-left:9px}.cm-row-current:hover{padding-left:13px}.cm-row .cm-meta{grid-column:1/-1;padding-top:6px;flex-wrap:wrap;gap:10px}.cm-min{min-width:0}.cm-title{font-size:17px}.pron-hero{grid-template-columns:1fr;text-align:center}.pron-glyph-big{font-size:120px}.srs-options{grid-template-columns:1fr}.flashcard{padding:48px 24px;min-height:240px}.flash-ar{font-size:44px}.flash-en-big{font-size:40px}.flash-side{padding:24px}}@media (max-width:480px){.cm-head h1{font-size:30px}.cm-lede{font-size:14px}.flash-ar{font-size:36px}.flash-en-big{font-size:32px}}@media (max-width:820px){.audio-player{padding:24px 20px;border-radius:8px}.audio-art{padding:18px 0 12px}.audio-eq{height:60px}.audio-controls{gap:12px;margin-top:18px}.audio-quiz{padding:24px 20px;border-radius:8px}.audio-q{font-size:20px;margin:6px 0 18px}.audio-opt{padding:14px 16px;font-size:14px}.pron-hero{grid-template-columns:1fr;gap:18px;padding:24px 20px;text-align:center}.pron-glyph-big{font-size:96px}.pron-target{padding:24px 20px}.pron-word-ar{font-size:48px}.pron-word-tr{font-size:19px}.pron-pairs{gap:6px}.pron-pair{flex-direction:column;align-items:stretch;gap:8px}.pron-pair .pp-vs{text-align:center}.wf-row{grid-template-columns:60px 1fr;gap:12px}.wf-bars{height:48px}.pron-score-row{padding:14px 16px;gap:14px}.pron-score-num{font-size:30px}.pron-actions{gap:10px}.pron-actions .phrase-hint{margin-left:0;width:100%;text-align:center;order:99}.free-prompt{grid-template-columns:36px 1fr;padding:18px 16px;gap:10px}.fp-text{font-size:16px}.vocab-progress{margin:22px 0 18px}.vocab-count{font-size:16px}.vocab-actions{flex-direction:column;gap:10px}.vocab-actions .btn{max-width:100%;width:100%}.srs-card{padding:36px 22px}.srs-prompt-ar{font-size:44px}.srs-prompt-tr{font-size:16px}.srs-option{padding:14px 16px;font-size:14px}}