:root{color-scheme:dark;--bg: #0d0b09;--bg-soft: #17120f;--panel: rgba(31, 24, 20, .7);--panel-strong: rgba(42, 31, 24, .78);--line: rgba(205, 178, 138, .18);--text: #f4ecdf;--muted: #b4a690;--accent: #cda166;--accent-soft: rgba(205, 161, 102, .2);--danger: #f0b3a9;--shadow: 0 30px 90px rgba(0, 0, 0, .3);font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at top left,rgba(205,161,102,.14),transparent 32%),radial-gradient(circle at bottom right,rgba(116,90,67,.22),transparent 36%),linear-gradient(180deg,#080705,#0d0b09);color:var(--text)}button{border:0;cursor:pointer;font:inherit}.app-shell{min-height:100vh;padding:32px}.hero-frame{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;min-height:calc(100svh - 64px);align-items:center}.hero-copy{max-width:620px}.brand-mark,.eyebrow{display:inline-flex;letter-spacing:.18em;text-transform:uppercase;font-size:11px;color:var(--accent)}.hero-copy h1,.consent-shell h1,.completion-shell h2,.urgent-shell h2,.console-meta h2{margin:16px 0 0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-weight:600;line-height:.96}.hero-copy h1{font-size:clamp(3.6rem,8vw,6.8rem);max-width:10ch}.hero-copy p,.lead,.console-meta p,.consent-shell p,.completion-shell p,.urgent-shell p{color:var(--muted);font-size:1.03rem;line-height:1.7}.hero-visual{position:relative;min-height:520px;border-radius:32px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,239,219,.04),transparent 20%),linear-gradient(135deg,#cda16614,#14100ddb);box-shadow:var(--shadow)}.ambient-disc{position:absolute;inset:12% auto auto 12%;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(229,194,148,.34),rgba(229,194,148,.02) 65%,transparent 72%);filter:blur(6px)}.ambient-panel{position:absolute;right:32px;bottom:32px;display:flex;flex-direction:column;gap:10px;width:min(280px,100%);padding:24px;border-radius:26px;background:#130e0ca8;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid rgba(205,178,138,.12)}.ambient-panel span{color:var(--text);font-size:.95rem}.workspace-shell{display:grid;margin-top:48px}.jannah-shell{min-height:100vh;padding:20px;color:#2c2240;background:radial-gradient(circle at 12% 12%,rgba(226,183,122,.35),transparent 28%),radial-gradient(circle at 88% 10%,rgba(99,170,181,.24),transparent 26%),linear-gradient(180deg,#f7f2e8,#efe4d3 46%,#eadcca)}.jannah-status{display:grid;place-items:center;text-align:center;font-family:Avenir Next,Segoe UI,sans-serif;font-size:1.1rem}.jannah-hero,.jannah-section,.jannah-focus-strip{width:min(1200px,100%);margin:0 auto}.jannah-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:24px;align-items:center;min-height:calc(100svh - 48px);padding-top:10px}.jannah-copy{max-width:640px}.jannah-kicker{display:inline-flex;padding:9px 14px;border-radius:999px;background:#fffaf3c2;border:1px solid rgba(145,97,46,.1);letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;color:#91612e}.jannah-copy h1,.jannah-story-card h2,.jannah-section-heading h2,.jannah-lesson-detail h3,.jannah-final-cta h2{margin:18px 0 0;font-family:Iowan Old Style,Georgia,serif;font-weight:700;letter-spacing:-.03em}.jannah-copy h1{font-size:clamp(3.2rem,8vw,5.8rem);line-height:.92;max-width:11ch}.jannah-name{display:block;margin-top:8px;color:#0c6c72}.jannah-copy p,.jannah-info-card p,.jannah-benefit-card p,.jannah-lesson-card p,.jannah-lesson-detail p,.jannah-guidance-item p,.jannah-story-card p,.jannah-final-cta p{color:#2c2240c2;line-height:1.7;font-size:1.02rem}.jannah-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.jannah-hero-note{margin-top:22px;max-width:560px;padding:18px 20px;border-radius:24px;border:1px solid rgba(44,34,64,.08);background:#fffbf7c2;color:#2c2240d6;box-shadow:0 18px 40px #5c483114}.jannah-primary,.jannah-secondary,.jannah-poster-button,.jannah-vocab-card,.jannah-phrase,.jannah-lesson-card{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease}.jannah-primary,.jannah-secondary{min-height:56px;padding:0 24px;border-radius:999px;text-decoration:none;font-weight:600}.jannah-primary{color:#fff8f2;background:linear-gradient(180deg,#0b6b70,#084a50);box-shadow:0 20px 40px #0c6c7233}.jannah-secondary{border:1px solid rgba(36,26,61,.12);background:#fffbf794;color:#2c2240}.jannah-primary:hover,.jannah-secondary:hover,.jannah-poster-button:hover,.jannah-vocab-card:hover,.jannah-phrase:hover,.jannah-lesson-card:hover{transform:translateY(-2px)}.jannah-poster{position:relative;min-height:620px;padding:28px;border-radius:34px;overflow:hidden;background:linear-gradient(180deg,#fff2dd1a,#ffffff0f),linear-gradient(155deg,#11485d,#0c6c72 54%,#d89d5d);box-shadow:0 34px 70px #553a2229}.jannah-pattern{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(45deg,transparent 43%,rgba(255,244,220,.22) 43%,rgba(255,244,220,.22) 57%,transparent 57%),linear-gradient(-45deg,transparent 43%,rgba(255,244,220,.12) 43%,rgba(255,244,220,.12) 57%,transparent 57%);background-size:72px 72px}.jannah-poster-top{position:relative;z-index:1;width:min(300px,100%);padding:20px 22px;border-radius:24px;background:#fff8eb2e;border:1px solid rgba(255,248,235,.18);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff8ef}.jannah-poster-top span{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:#fff8ebbd}.jannah-poster-top strong{display:block;margin-top:10px;font-size:1.4rem;line-height:1.12}.jannah-poster-top p{margin-bottom:0;color:#fff8ebcc}.jannah-moon{position:absolute;top:42px;right:56px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff4d9,#ffe5a2 50%,#ffe5a233 72%);box-shadow:0 0 90px #ffefbaa6}.jannah-orbit{position:absolute;inset:120px 0 0}.jannah-word-chip{position:absolute;display:grid;gap:2px;min-width:120px;padding:16px 18px;border:0;border-radius:24px;background:#fff8ebd1;color:#1c3659;text-align:left;box-shadow:0 18px 30px #0e334d29}.jannah-word-chip:nth-child(1){top:0;left:8%}.jannah-word-chip:nth-child(2){top:22%;right:12%}.jannah-word-chip:nth-child(3){bottom:24%;left:18%}.jannah-word-chip span{font-size:1.6rem;font-weight:700}.jannah-word-chip small,.jannah-vocab-card small,.jannah-phrase small{color:#1c3659b8}.jannah-poster-card{position:absolute;right:28px;bottom:28px;z-index:1;width:min(280px,100%);padding:24px;border-radius:28px;background:#fff8ebe6;color:#1c3659;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.jannah-poster-card span,.jannah-focus-item span,.jannah-lesson-detail header span,.jannah-detail-ribbon span,.jannah-info-card span{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:#241a3d8f}.jannah-poster-card strong,.jannah-focus-item strong{display:block;margin-top:10px;font-size:1.25rem}.jannah-poster-button{min-height:48px;margin-top:14px;padding:0 18px;border-radius:999px;background:#0c6c72;color:#fff7f0;font-weight:600}.jannah-focus-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.jannah-focus-item,.jannah-lesson-detail,.jannah-guidance-item,.jannah-info-card,.jannah-benefit-card,.jannah-story-card,.jannah-final-cta{padding:22px;border-radius:28px;border:1px solid rgba(44,34,64,.06);background:#fffbf7a8;box-shadow:0 18px 30px #553a2214}.jannah-section{margin-top:56px}.jannah-section-heading{max-width:760px}.jannah-section-heading h2{font-size:clamp(2.2rem,4vw,3.8rem);line-height:.98}.jannah-info-grid,.jannah-benefit-grid{display:grid;gap:16px;margin-top:22px}.jannah-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.jannah-benefit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.jannah-info-card strong,.jannah-benefit-card strong,.jannah-guidance-item strong{display:block;margin-top:8px;font-size:1.12rem;color:#2c2240}.jannah-info-step{color:#0c6c72}.jannah-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.jannah-story-card h2{font-size:clamp(2rem,4vw,3rem);line-height:1.02}.jannah-story-card-soft{background:#eef5f4d1}.jannah-bullet-list{margin:18px 0 0;padding-left:18px;color:#2c2240d1;line-height:1.7}.jannah-lessons-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;margin-top:22px}.jannah-lesson-list{display:grid;gap:12px}.jannah-lesson-card{display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;width:100%;padding:18px;border:1px solid rgba(36,26,61,.08);border-radius:24px;background:#ffffff6b;text-align:left}.jannah-lesson-card.is-active{border-color:#0c6c723d;background:#0c6c721a}.jannah-lesson-step{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:#ffffffc7;font-weight:700;color:#0f6f7e}.jannah-lesson-card strong{display:block;font-size:1.05rem;color:#241a3d}.jannah-vocab-grid,.jannah-phrases-grid,.jannah-guidance-grid{display:grid;gap:14px}.jannah-vocab-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}.jannah-detail-ribbon{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.jannah-detail-ribbon>div{padding:18px;border-radius:22px;background:#0c6c7212}.jannah-vocab-card,.jannah-phrase{padding:20px;border:1px solid rgba(36,26,61,.08);border-radius:22px;background:#fff8ebb8;text-align:left}.jannah-vocab-card strong,.jannah-phrase strong{display:block;font-size:2rem;color:#0f5f70}.jannah-vocab-card span,.jannah-phrase span{display:block;margin-top:6px;color:#8c5b2b;font-weight:600}.jannah-vocab-card.is-speaking{border-color:#0f6f7e66;background:#0f6f7e1f;box-shadow:0 18px 32px #0f6f7e29}.jannah-practice-band .jannah-phrases-grid,.jannah-guidance-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px}.jannah-final-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;background:radial-gradient(circle at 100% 0%,rgba(216,157,93,.16),transparent 30%),#fffbf7bd}.jannah-parent-note{padding-bottom:32px}@media(max-width:960px){.jannah-hero,.jannah-info-grid,.jannah-benefit-grid,.jannah-story-grid,.jannah-lessons-grid,.jannah-focus-strip,.jannah-detail-ribbon,.jannah-final-cta,.jannah-practice-band .jannah-phrases-grid,.jannah-guidance-grid{grid-template-columns:1fr}.jannah-hero{min-height:auto;padding-top:18px}.jannah-poster{min-height:520px}}@media(max-width:640px){.app-shell,.jannah-shell{padding:18px}.jannah-copy h1{font-size:clamp(2.8rem,14vw,4.3rem)}.jannah-poster{min-height:500px;padding:18px}.jannah-word-chip{min-width:104px;padding:14px}.jannah-vocab-grid{grid-template-columns:1fr}.jannah-poster-card{left:18px;right:18px;width:auto}.jannah-primary,.jannah-secondary{width:100%;justify-content:center}}.consent-shell,.console-shell,.completion-shell,.urgent-shell{padding:32px;border-radius:32px;background:linear-gradient(180deg,#16110ee0,#0e0b09eb);border:1px solid var(--line);box-shadow:var(--shadow)}.consent-shell{max-width:960px}.consent-shell h1{font-size:clamp(2.7rem,6vw,4.8rem)}.language-picker{display:inline-flex;gap:12px;margin:24px 0;padding:8px;border-radius:999px;background:#ffffff08}.language-picker button{padding:12px 18px;border-radius:999px;color:var(--muted);background:transparent}.language-picker .is-active{color:var(--bg);background:var(--accent)}.legal-card{padding:24px;border-radius:24px;background:#ffffff08;border:1px solid var(--line)}.review-flag{display:inline-flex;margin-bottom:14px;color:var(--danger);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}.legal-card ul,.summary-list{margin:18px 0 0;padding-left:18px;color:var(--text)}.emergency-copy{color:#f2d4cc}.primary-cta,.secondary-cta,.ghost-cta,.danger-cta{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:999px;transition:transform .18s ease,background-color .18s ease,opacity .18s ease}.primary-cta{margin-top:24px;color:var(--bg);background:linear-gradient(180deg,#ddb47c,#c99657)}.secondary-cta{color:var(--text);background:#ffffff12}.ghost-cta{color:var(--text);background:transparent;border:1px solid var(--line)}.danger-cta{color:#111;background:#f0b3a9}.primary-cta:hover,.secondary-cta:hover,.ghost-cta:hover,.danger-cta:hover{transform:translateY(-1px)}.subtle-note{margin-top:16px;color:var(--muted);font-size:.92rem}.console-hero{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:center}.voice-orb{display:grid;place-items:center;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#cda16647,#cda16605 65%);border:1px solid rgba(205,161,102,.2)}.voice-orb-core{width:82px;height:82px;border-radius:50%;background:radial-gradient(circle,#f4ecdf,#d1ab76 45%,#d1ab7633);box-shadow:0 0 60px #cda16647}.voice-orb.listening{animation:listeningPulse 1.5s infinite ease-in-out}.voice-orb.speaking .voice-orb-core{animation:speakingPulse 1s infinite ease-in-out}@keyframes listeningPulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes speakingPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.status-pill{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:8px 12px;border-radius:999px;border:1px solid var(--line);color:var(--accent);font-size:.84rem;text-transform:uppercase;letter-spacing:.12em}.console-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;margin-top:32px}.console-panel{padding:24px;border-radius:26px;border:1px solid var(--line);background:#ffffff08}.console-panel h3{margin-top:0}.session-stats{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px;color:var(--muted)}.panel-header{display:flex;justify-content:space-between;gap:12px;align-items:center}.panel-header button{color:var(--accent);background:transparent}.transcript-list{display:grid;gap:14px;max-height:340px;overflow:auto;padding-right:8px}.transcript-item span{display:block;margin-bottom:4px;color:var(--accent);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}.transcript-item p{margin:0;color:var(--text);line-height:1.65}.transcript-placeholder{color:var(--muted)}.console-actions,.next-step-grid{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.completion-shell,.urgent-shell{max-width:860px}.urgent .eyebrow,.eyebrow.urgent{color:#f0b3a9}.error-banner,.error-state,.loading-state{padding:24px;border-radius:24px;background:#ffffff0a}@media(max-width:980px){.app-shell{padding:18px}.hero-frame,.console-grid,.console-hero{grid-template-columns:1fr}.hero-frame{min-height:auto}.hero-copy h1{max-width:12ch;font-size:clamp(2.8rem,14vw,4.6rem)}.hero-visual{min-height:360px}.voice-orb{width:150px;height:150px}}