:root{--stage-0:#08080a;--stage-1:#0d0d10;--stage-2:#121216;--stage-3:#17171d;--stage-4:#1e1e25;--stage-5:#262630;--bg-dark:var(--stage-1);--bg-panel:#111115;--bg-panel-hover:#15151b;--bg-elevated:#16161c;--bg-deep:#00000073;--primary:#c89b3c;--primary-hover:#d8ab4c;--primary-deep:#a67e2d;--primary-glow:#c89b3c38;--primary-wash:#c89b3c12;--secondary:#b93b36;--secondary-hover:#d04a44;--secondary-deep:#8e2a26;--secondary-glow:#b93b3638;--secondary-wash:#b93b3612;--accent:#3a342d;--accent-hover:#4a443b;--success:#6ebe8b;--success-glow:#6ebe8b38;--warning:#d6ae4f;--danger:#d4564f;--danger-wash:#d4564f14;--info:#7ea3d8;--text-main:#ece6d8;--text-muted:#958c7e;--text-dim:#ece6d885;--text-faint:#ece6d84d;--text-ink:#0a0a0c;--border-glass:#ece6d814;--border-glass-hi:#ece6d829;--border-subtle:#ece6d80f;--border-strong:#ece6d81f;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:14px;--radius-2xl:20px;--radius-full:9999px;--shadow-xs:0 1px 1px #00000073;--shadow-sm:0 1px 2px #00000073;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-xl:0 20px 60px #0009;--shadow-glow-gold:0 0 0 1px #c89b3c4d;--shadow-glow-red:0 0 0 1px #b93b364d;--shadow-inset-top:inset 0 1px 0 #ece6d80a;--font-main:"Instrument Sans", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-heading:"Geist", "Instrument Sans", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:var(--font-heading);--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--fs-xs:.6875rem;--fs-sm:.8125rem;--fs-base:1rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:2rem;--fs-4xl:2.5rem;--fs-5xl:3rem;--tracking-tight:0;--tracking-snug:0;--tracking-normal:0;--tracking-wide:0;--tracking-label:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.15s;--dur-med:.25s;--dur-slow:.4s;--sidebar-w:248px;--sidebar-w-collapsed:72px;--mobile-nav-h:60px;--content-max:1240px;--z-base:1;--z-sticky:10;--z-drawer:80;--z-nav:90;--z-modal:100;--z-toast:120}[data-theme=light]{--stage-0:#e7e3d8;--stage-1:#f4f1ea;--stage-2:#faf8f2;--stage-3:#fff;--stage-4:#f0ece2;--stage-5:#e4dccb;--bg-dark:var(--stage-1);--bg-panel:#fff;--bg-panel-hover:#f7f3ea;--bg-elevated:#fff;--bg-deep:#1f1c170f;--primary:#9b6f1f;--primary-hover:#b18127;--primary-deep:#744f14;--primary-glow:#9b6f1f33;--primary-wash:#9b6f1f1a;--secondary:#b23631;--secondary-hover:#c84640;--secondary-deep:#8c2622;--secondary-glow:#b236312e;--secondary-wash:#b236310f;--accent:#dcd0b6;--accent-hover:#c9bb9c;--success:#3f8e5a;--success-glow:#3f8e5a38;--warning:#b58825;--danger:#c03a33;--danger-wash:#c03a3314;--info:#4f7bb6;--text-main:#181512;--text-muted:#514940;--text-dim:#1815129e;--text-faint:#18151266;--text-ink:#fff;--border-glass:#1b18131a;--border-glass-hi:#1b181333;--border-subtle:#1b18130f;--border-strong:#1b181329;--shadow-xs:0 1px 1px #28221a12;--shadow-sm:0 1px 3px #28221a1a;--shadow-md:0 6px 18px #28221a1a;--shadow-lg:0 12px 32px #28221a24;--shadow-xl:0 24px 60px #28221a2e;--shadow-glow-gold:0 0 0 1px #b5862a52;--shadow-glow-red:0 0 0 1px #b236314d;--shadow-inset-top:inset 0 1px 0 #ffffff8c}[data-theme=light] body{background-image:none}[data-theme=light] .mobile-topbar{background:#faf8f2f0;border-bottom-color:#1f1c171f}[data-theme=light] .sidebar,[data-theme=light] .drawer{background:#efeae0}[data-theme=light] .gold-gradient,[data-theme=light] .vocal-gradient-text{-webkit-text-fill-color:currentColor;color:var(--primary);background:0 0;-webkit-background-clip:border-box;background-clip:border-box}[data-theme=light] .crimson-gradient{-webkit-text-fill-color:currentColor;color:var(--secondary);background:0 0;-webkit-background-clip:border-box;background-clip:border-box}[data-theme=light] ::-webkit-scrollbar-thumb{background:#1b18132e}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#1b181352}[data-theme=light] .btn-ghost{background:#1b18130a}[data-theme=light] .btn-ghost:hover{background:#1b18130f}[data-theme=light] .btn-outline:hover:not(:disabled){background:#1b18130d}[data-theme=light] .option-card:hover{background:#1b18130a}[data-theme=light] .segmented-item:hover:not(.is-active):not(.is-active-secondary){background:#1b18130d}[data-theme=light] .glass-panel,[data-theme=light] .quickstart-card,[data-theme=light] .mode-tile,[data-theme=light] .course-card,[data-theme=light] .mission-card,[data-theme=light] .skill-node,[data-theme=light] .billing-plan{background:var(--bg-panel)}[data-theme=light] .starter-scene-strip,[data-theme=light] .content-pack-config-strip,[data-theme=light] .practice-plan-card{background:#fff8e8}[data-theme=light] .practice-plan-panel,[data-theme=light] .content-pack-card,[data-theme=light] .behavior-pack-card,[data-theme=light] .quality-dashboard-panel,[data-theme=light] .weekly-recap-panel{background:#ffffffc2}[data-theme=light] .mission-card.is-complete{background:#f4fbf4}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;line-height:1.55;font-size:var(--fs-base);font-feature-settings:"ss01", "cv11", "cv02";background-image:radial-gradient(90% 70% at 50% -10%,#c89b3c09,#0000 60%),radial-gradient(80% 60% at 50% 110%,#0006,#0000 60%);background-attachment:fixed;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:var(--tracking-tight);color:var(--text-main);font-optical-sizing:auto;font-weight:720;line-height:1.08}h1{font-weight:760}h2{font-weight:740}h3{font-weight:720}h4{font-weight:700;font-size:var(--fs-xl)}h5{font-weight:700;font-size:var(--fs-lg)}h6{font-weight:700;font-size:var(--fs-md)}p{color:var(--text-main);line-height:1.65}button{cursor:pointer;color:inherit;transition:all var(--dur-fast) var(--ease-out);-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:inherit}input,textarea,select{color:inherit;-webkit-tap-highlight-color:transparent;font-family:inherit}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ece6d81f padding-box padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:#ece6d838 padding-box padding-box}::selection{background:var(--primary-glow);color:var(--text-main)}.app-shell{grid-template-columns:var(--sidebar-w) 1fr;width:100%;min-height:100vh;display:grid}.app-main{flex-direction:column;min-width:0;min-height:100vh;display:flex}.app-content{width:100%;max-width:var(--content-max);padding:var(--space-8) var(--space-8) var(--space-16);flex:1;min-width:0;margin:0 auto;overflow-x:clip}.sidebar{background:var(--stage-0);border-right:1px solid var(--border-glass);height:100vh;padding:var(--space-6) var(--space-3);gap:var(--space-2);z-index:var(--z-nav);flex-direction:column;display:flex;position:sticky;top:0}.sidebar nav{scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.sidebar-brand{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-4);margin-bottom:var(--space-4);cursor:pointer;border-radius:var(--radius-xs);border-bottom:1px solid var(--border-glass);transition:opacity var(--dur-fast) var(--ease-out);flex-shrink:0;display:flex}.sidebar-brand:hover{opacity:.85}.sidebar-brand-mark{display:none}.sidebar-brand-text{font-family:var(--font-heading);letter-spacing:var(--tracking-tight);color:var(--text-main);font-size:1.3rem;font-weight:720}.sidebar-brand-text em{color:var(--primary);font-style:normal}.sidebar-section-label{align-items:center;gap:var(--space-2);font-family:var(--font-main);color:var(--text-dim);letter-spacing:var(--tracking-label);text-transform:uppercase;padding:var(--space-5) var(--space-3) var(--space-2);white-space:nowrap;flex-shrink:0;min-width:0;max-width:100%;font-size:.64rem;font-weight:600;display:flex;overflow:hidden}.sidebar-section-label svg{flex-shrink:0}.sidebar-section-label span{text-overflow:ellipsis;min-width:0;overflow:hidden}.sidebar-item{align-items:center;gap:var(--space-3);padding:.6rem var(--space-3);border-radius:var(--radius-xs);color:var(--text-muted);font-family:var(--font-main);font-size:var(--fs-sm);letter-spacing:0;transition:color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);text-align:left;flex-shrink:0;width:100%;font-weight:500;line-height:1.3;display:flex;position:relative}.sidebar-item svg{opacity:.78;flex-shrink:0}.sidebar-item:hover{color:var(--text-main);background:0 0}.sidebar-item:hover svg{opacity:1}.sidebar-item.is-active{color:var(--text-main);background:0 0;font-weight:600}.sidebar-item.is-active svg{color:var(--primary);opacity:1}.sidebar-item.is-active:before{content:"";background:var(--primary);width:2px;height:16px;box-shadow:none;border-radius:0;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.sidebar-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sidebar-footer{border-top:1px solid var(--border-subtle);padding-top:var(--space-4);gap:var(--space-2);flex-direction:column;flex-shrink:0;margin-top:auto;display:flex}.sidebar-user{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffff05;display:flex}.sidebar-user-avatar{border-radius:var(--radius-full);object-fit:cover;border:1.5px solid var(--border-glass);flex-shrink:0;width:36px;height:36px}.sidebar-user-avatar-fallback{background:var(--primary);color:var(--text-ink);font-family:var(--font-main);place-items:center;font-size:.95rem;font-weight:760;display:grid}.sidebar-user-meta{flex:1;min-width:0}.sidebar-user-name{font-size:var(--fs-sm);color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar-user-email{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.mobile-topbar{z-index:var(--z-nav);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-glass);height:var(--mobile-nav-h);padding:0 var(--space-4);align-items:center;gap:var(--space-3);background:#08080aeb;display:none;position:sticky;top:0}.mobile-topbar-brand{align-items:center;gap:var(--space-2);display:flex}.mobile-topbar-spacer{flex:1}.icon-btn{border-radius:var(--radius-xs);width:36px;height:36px;color:var(--text-muted);transition:color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);background:0 0;border:1px solid #0000;flex-shrink:0;place-items:center;display:grid}.icon-btn:hover{color:var(--text-main);border-color:var(--border-glass);background:0 0}.icon-btn.is-danger:hover{color:var(--secondary);background:0 0;border-color:#b93b3666}.drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-drawer);opacity:0;pointer-events:none;transition:opacity var(--dur-med) var(--ease-out);background:#0000008c;position:fixed;inset:0}.drawer-backdrop.is-open{opacity:1;pointer-events:auto}.drawer{background:linear-gradient(180deg, var(--stage-1) 0%, var(--stage-0) 100%);border-right:1px solid var(--border-glass);width:min(300px,85vw);max-height:100dvh;z-index:calc(var(--z-drawer) + 1);transition:transform var(--dur-med) var(--ease-out);padding:var(--space-5) var(--space-4);gap:var(--space-2);box-shadow:var(--shadow-xl);overscroll-behavior:contain;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%)}.drawer.is-open{transform:translate(0)}.drawer nav{min-height:0;padding-right:2px;overflow-y:auto}.drawer .sidebar-footer{flex-shrink:0}.content-breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--fs-xs);color:var(--text-faint);letter-spacing:0;text-transform:uppercase;padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-full);margin-bottom:var(--space-6);text-overflow:ellipsis;white-space:nowrap;background:#ffffff08;max-width:100%;font-weight:700;display:inline-flex;overflow:hidden}.content-breadcrumb-dot{color:var(--primary)}.text-display{font-family:var(--font-heading);font-size:var(--fs-5xl);letter-spacing:var(--tracking-tight);font-optical-sizing:auto;font-weight:780;line-height:1}.text-h1{font-family:var(--font-heading);font-size:var(--fs-4xl);letter-spacing:var(--tracking-tight);font-weight:760;line-height:1.04}.text-h2{font-family:var(--font-heading);font-size:var(--fs-3xl);letter-spacing:var(--tracking-tight);font-weight:740;line-height:1.08}.text-h3{font-family:var(--font-heading);font-size:var(--fs-2xl);letter-spacing:var(--tracking-snug);font-weight:720;line-height:1.12}.text-h4{font-family:var(--font-heading);font-size:var(--fs-xl);letter-spacing:var(--tracking-snug);font-weight:700;line-height:1.16}.text-lead{font-size:var(--fs-md);color:var(--text-muted);line-height:1.55}.text-body{font-size:var(--fs-base);line-height:1.6}.text-small{font-size:var(--fs-sm);line-height:1.5}.text-xs{font-size:var(--fs-xs);line-height:1.5}.eyebrow{font-family:var(--font-main);font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-label);font-weight:600;line-height:1;display:inline-block}.eyebrow-accent{color:var(--primary)}.rule{border:0;border-top:1px solid var(--border-subtle);margin:0}.rule-accent{border-top-color:var(--primary)}.tabular{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:0}.text-main{color:var(--text-main)}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}.text-faint{color:var(--text-faint)}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-bright{color:var(--text-main)}.text-accent{color:var(--primary)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-italic{font-style:italic}.text-uppercase{text-transform:uppercase;letter-spacing:var(--tracking-label);font-weight:600}.em-serif{font-family:var(--font-main);color:var(--primary);font-style:normal;font-weight:760}.gold-gradient{background:linear-gradient(180deg, var(--text-main) 0%, var(--primary) 120%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.crimson-gradient{background:linear-gradient(180deg, var(--text-main), var(--secondary-hover));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.vocal-gradient-text{background:linear-gradient(180deg, var(--text-main), var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-panel{background:var(--bg-panel);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-8);transition:background var(--dur-med) var(--ease-out), border-color var(--dur-med) var(--ease-out), transform var(--dur-med) var(--ease-out), box-shadow var(--dur-med) var(--ease-out)}.glass-panel.is-tight{padding:var(--space-5)}.glass-panel.is-spacious{padding:var(--space-10)}.glass-panel.is-flush{padding:0}.glass-panel:hover{border-color:var(--border-glass-hi)}.glass-card-interactive{cursor:pointer}.glass-card-interactive:hover{border-color:var(--border-glass-hi);background:var(--bg-panel-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.glass-card-interactive:active{transition-duration:80ms;transform:translateY(0)}.card-row{align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);background:var(--bg-panel);border:1px solid var(--border-glass);cursor:pointer;transition:all var(--dur-med) var(--ease-out);display:flex}.card-row:hover{border-color:var(--border-glass-hi);background:var(--bg-panel-hover);transform:translateY(-1px)}.stage-card{background:var(--bg-panel);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:var(--space-10);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.stage-card:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--primary) 20%, var(--primary) 80%, transparent 100%);opacity:.6;pointer-events:none;height:1px;position:absolute;top:0;left:0;right:0}.stage-card>*{z-index:1;position:relative}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-main);font-weight:650;font-size:var(--fs-sm);border-radius:var(--radius-md);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none;letter-spacing:0;border:1px solid #0000;padding:.7rem 1.25rem;line-height:1.2;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.btn-sm{font-size:var(--fs-xs);padding:.45rem .9rem}.btn-lg{font-size:var(--fs-md);padding:.95rem 1.75rem}.btn-block{width:100%}.btn-primary{background:var(--primary);color:var(--text-ink);border-radius:var(--radius-md);border:1px solid var(--primary);justify-content:center;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-xs);transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);padding:.7rem 1.25rem;font-weight:700;display:inline-flex}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transition-duration:50ms;transform:translateY(0)}.btn-secondary{background:var(--secondary);color:var(--text-main);border-radius:var(--radius-md);border:1px solid var(--secondary);justify-content:center;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-xs);transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);padding:.7rem 1.25rem;font-weight:700;display:inline-flex}.btn-secondary:hover:not(:disabled){background:var(--secondary-hover);border-color:var(--secondary-hover);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transition-duration:50ms;transform:translateY(0)}.btn-outline{border:1px solid var(--border-glass-hi);color:var(--text-main);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:var(--space-2);transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;padding:.7rem 1.25rem;font-weight:500;display:inline-flex}.btn-outline:hover:not(:disabled){border-color:var(--text-muted);color:var(--text-main);background:#ece6d80a}.btn-ghost{color:var(--text-muted);border-radius:var(--radius-sm);font-weight:500;font-size:var(--fs-sm);align-items:center;gap:var(--space-2);background:0 0;border:1px solid #0000;padding:.5rem .85rem;display:inline-flex}.btn-ghost:hover{color:var(--text-main);background:#ece6d80a}.btn-danger{color:var(--danger);border-radius:var(--radius-sm);align-items:center;gap:var(--space-2);font-weight:500;font-size:var(--fs-sm);background:0 0;border:1px solid #d4564f4d;padding:.55rem 1rem;display:inline-flex}.btn-danger:hover:not(:disabled){background:var(--danger-wash);border-color:var(--danger);color:var(--text-main)}.btn-group{gap:var(--space-4);width:100%;display:flex}.btn-group>.btn,.btn-group>.btn-primary,.btn-group>.btn-secondary,.btn-group>.btn-outline{flex:1}.field{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.field-label{font-size:var(--fs-sm);color:var(--text-main);letter-spacing:0;font-weight:600}.field-hint{font-size:var(--fs-xs);color:var(--text-dim);line-height:1.5}.input,.textarea,.select{border-radius:var(--radius-sm);border:1px solid var(--border-glass-hi);width:100%;color:var(--text-main);font-family:var(--font-main);font-size:var(--fs-sm);transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);background:#0000002e;outline:none;padding:.75rem .9rem;line-height:1.5}.input::placeholder,.textarea::placeholder{color:var(--text-faint)}.input:hover,.textarea:hover,.select:hover{border-color:var(--text-muted)}.input:focus,.textarea:focus,.select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-wash);background:#00000047}.textarea{resize:vertical;min-height:120px;line-height:1.6}.select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23958C7E' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right .9rem center;background-repeat:no-repeat;padding-right:2.25rem}.input-wrapper{position:relative}.input-wrapper .input-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.input-wrapper .input{padding-left:2.8rem}.studio-slider{appearance:none;border-radius:var(--radius-full);cursor:pointer;width:100%;height:6px;transition:background var(--dur-fast) var(--ease-out);background:#ffffff14;outline:none}.studio-slider:hover{background:#ffffff1f}.studio-slider::-webkit-slider-thumb{appearance:none;background:var(--primary);border:2px solid var(--bg-deep);cursor:pointer;width:16px;height:16px;transition:transform var(--dur-fast) var(--ease-out);border-radius:50%;box-shadow:0 2px 6px #0006}.studio-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.studio-lyrics-entry,.studio-lyrics-panel{gap:var(--space-3);width:100%;min-width:0;padding-top:var(--space-4);border-top:1px solid #d4af3738;display:grid}.studio-lyrics-panel{margin-top:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:#d4af3709;border:1px solid #d4af3742}.studio-lyrics-entry-head,.studio-lyrics-panel-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);min-width:0;display:flex}.studio-lyrics-entry-head p{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:var(--fs-sm);line-height:1.45}.studio-lyrics-panel-head h3{margin:var(--space-1) 0 0;color:var(--text-main);font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:730;line-height:1.15}.studio-lyrics-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.studio-lyrics-textarea{resize:vertical;width:100%;min-height:150px;padding:var(--space-4);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--font-main);font-size:var(--fs-sm);background:#00000029;line-height:1.65}.studio-lyrics-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-wash);outline:none}.studio-lyrics-textarea:disabled{opacity:.72;cursor:not-allowed}.studio-lyrics-read{min-height:220px;max-height:min(46vh,460px);padding:var(--space-5);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-main);font-size:var(--fs-md);white-space:pre-wrap;overflow-wrap:anywhere;scroll-behavior:smooth;background:#0003;line-height:1.85;overflow-y:auto}.studio-lyrics-edit{gap:var(--space-3);display:grid}.studio-lyrics-foot{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--text-dim);font-size:var(--fs-xs);flex-wrap:wrap;display:flex}.studio-lyrics-toggle{align-items:center;gap:var(--space-2);min-height:34px;color:var(--text-muted);font-size:var(--fs-xs);font-weight:650;display:inline-flex}.studio-lyrics-toggle input{width:1rem;height:1rem;accent-color:var(--primary)}.studio-lyrics-privacy{color:var(--text-dim);font-size:var(--fs-xs);line-height:1.4}.studio-slider::-moz-range-thumb{background:var(--primary);border:2px solid var(--bg-deep);cursor:pointer;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 6px #0006}.chip{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-family:var(--font-main);font-size:var(--fs-xs);border:1px solid var(--border-glass-hi);color:var(--text-muted);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);white-space:nowrap;letter-spacing:var(--tracking-label);text-transform:uppercase;background:0 0;padding:.45rem .85rem;font-weight:500;display:inline-flex}.chip:hover{border-color:var(--text-muted);color:var(--text-main)}.chip.is-active{background:var(--primary-wash);border-color:var(--primary);color:var(--primary)}.chip.is-active-secondary{background:var(--secondary-wash);border-color:var(--secondary);color:var(--secondary-hover)}.chip-group{gap:var(--space-2);flex-wrap:wrap;display:flex}.browser-voice-row{gap:var(--space-2);margin-top:var(--space-2);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.browser-voice-select{min-width:0}.voice-cast-grid{gap:var(--space-2);margin-top:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.voice-cast-option{align-items:center;gap:var(--space-2);min-height:74px;padding:var(--space-3);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-main);text-align:left;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:0 0;justify-content:space-between;display:flex}button.voice-cast-option,.voice-cast-select{cursor:pointer}.voice-cast-option:hover{border-color:var(--border-glass-hi);background:#ece6d806;transform:translateY(-1px)}.voice-cast-option.is-active{background:var(--primary-wash);border-color:var(--primary)}.voice-cast-select{min-width:0;color:inherit;text-align:left;background:0 0;border:none;flex:1;gap:2px;padding:0;display:grid}.voice-cast-name{font-size:var(--fs-sm);color:var(--text-main);font-weight:700}.voice-cast-meta,.voice-cast-tags{font-size:var(--fs-xs);color:var(--text-dim);text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.option-card{align-items:flex-start;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border-glass);border-radius:var(--radius-md);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);text-align:left;background:0 0;width:100%;display:flex}.option-card:hover{border-color:var(--border-glass-hi);background:#ece6d806;transform:translateY(-1px)}.option-card.is-active{background:var(--primary-wash);border-color:var(--primary)}.option-card-icon{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--primary);background:#c89b3c14;border:1px solid #c89b3c2e;flex-shrink:0;place-items:center;display:grid}.option-card-body{flex:1;min-width:0}.option-card-title{font-family:var(--font-main);font-size:var(--fs-base);margin-bottom:var(--space-1);color:var(--text-main);letter-spacing:var(--tracking-snug);font-weight:600}.option-card-desc{font-size:var(--fs-sm);color:var(--text-muted);line-height:1.55}.course-option-card{border:1px solid var(--border-glass);border-radius:var(--radius-md);transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:0 0;width:100%;overflow:hidden}.course-option-card:hover{border-color:var(--border-glass-hi);background:#ece6d806;transform:translateY(-1px)}.course-option-card.is-active{background:var(--primary-wash);border-color:var(--primary)}.course-option-select{align-items:flex-start;gap:var(--space-4);width:100%;padding:var(--space-5);text-align:left;display:flex}.course-option-confirm{justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 var(--space-5) var(--space-5) calc(var(--space-5) + 40px + var(--space-4));padding-top:var(--space-4);border-top:1px solid var(--border-glass);cursor:default;display:flex}.course-option-confirm-copy{min-width:0;color:var(--text-muted);font-size:var(--fs-sm);line-height:1.45}.course-option-confirm-label{margin-bottom:var(--space-1);font-family:var(--font-main);font-size:var(--fs-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--primary);font-weight:700;display:block}.course-option-confirm-button{white-space:nowrap;flex-shrink:0}.course-option-confirm.is-grid{margin:0 var(--space-4) var(--space-4);align-items:stretch;gap:var(--space-3);flex-direction:column}.course-option-confirm.is-grid .course-option-confirm-button{justify-content:center;width:100%}.course-footer-actions{margin-top:var(--space-2);justify-content:flex-start;display:flex}.course-footer-actions .btn{min-width:140px}.segmented{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#00000040;gap:2px;width:100%;padding:3px;display:flex}.segmented-item{border-radius:calc(var(--radius-sm) - 2px);color:var(--text-muted);font-family:var(--font-main);font-size:var(--fs-xs);justify-content:center;align-items:center;gap:var(--space-2);white-space:nowrap;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);letter-spacing:var(--tracking-label);text-transform:uppercase;flex:1;padding:.55rem .75rem;font-weight:600;display:flex}.segmented-item:hover:not(.is-active):not(.is-active-secondary){color:var(--text-main);background:#ece6d80a}.segmented-item.is-active{color:var(--text-ink);background:var(--primary)}.segmented-item.is-active-secondary{color:var(--text-main);background:var(--secondary)}.hub-header{gap:var(--space-3);margin-bottom:var(--space-10);flex-direction:column;display:flex}.hub-header-eyebrow{font-family:var(--font-main);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-3);font-size:.7rem;font-weight:600}.hub-header-title{font-family:var(--font-heading);font-size:var(--fs-4xl);letter-spacing:var(--tracking-tight);max-width:22ch;color:var(--text-main);margin:0;font-weight:780;line-height:1.04}.hub-header-title em{color:var(--primary);font-style:normal}.hub-header-subtitle{font-family:var(--font-main);font-size:var(--fs-md);color:var(--text-muted);max-width:58ch;margin:var(--space-3) 0 0 0;line-height:1.55}.hub-rule{background:var(--border-glass);height:1px;margin-top:var(--space-7)}.quickstart-panel{gap:var(--space-4);margin-bottom:var(--space-8);display:grid}.quickstart-panel-header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);display:flex}.quickstart-eyebrow,.quickstart-meta,.quickstart-card-meta,.starter-scene-label{font-family:var(--font-main);font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:0;font-weight:700}.quickstart-panel-header h2{margin:var(--space-1) 0 0;font-family:var(--font-heading);font-size:var(--fs-xl);color:var(--text-main);font-weight:740;line-height:1.12}.quickstart-meta{align-items:center;gap:var(--space-2);color:var(--primary);flex-shrink:0;display:inline-flex}.quickstart-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));display:grid}.quickstart-card{align-items:start;gap:var(--space-4);min-height:190px;padding:var(--space-5);border:1px solid var(--border-glass);border-radius:var(--radius-md);background:var(--bg-panel);color:var(--text-main);text-align:left;transition:background var(--dur-med) var(--ease-out), border-color var(--dur-med) var(--ease-out), transform var(--dur-med) var(--ease-out);grid-template-rows:auto 1fr auto;display:grid}.quickstart-card:hover{border-color:var(--border-glass-hi);background:var(--bg-panel-hover);transform:translateY(-2px)}.quickstart-card.is-recommended{border-color:#c89b3c61;box-shadow:inset 0 1px #c89b3c38}.quickstart-card-icon{border:1px solid var(--border-glass);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--primary);background:var(--bg-panel-hover);place-items:center;display:grid}.quickstart-card-body{gap:var(--space-2);min-width:0;display:grid}.quickstart-card-meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.quickstart-card-title{font-family:var(--font-heading);font-size:var(--fs-lg);color:var(--text-main);font-weight:730;line-height:1.14}.quickstart-card-desc{font-size:var(--fs-sm);color:var(--text-muted);line-height:1.5}.quickstart-card-cta{align-items:center;gap:var(--space-2);color:var(--primary);font-size:var(--fs-xs);font-weight:700;display:inline-flex}.content-pack-panel{gap:var(--space-4);margin-bottom:var(--space-8);display:grid}.content-pack-head{justify-content:space-between;align-items:flex-end;gap:var(--space-4);display:flex}.content-pack-head h2{margin:var(--space-1) 0 0;font-family:var(--font-heading);font-size:var(--fs-xl);color:var(--text-main);font-weight:740;line-height:1.12}.content-pack-grid{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.content-pack-card{gap:var(--space-4);min-height:275px;padding:var(--space-5);border:1px solid var(--border-glass);border-radius:var(--radius-md);background:#ffffff06;grid-template-rows:auto 1fr auto auto;display:grid;box-shadow:inset 0 1px #ece6d809}.content-pack-card-top{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.content-pack-icon{border:1px solid var(--border-glass);border-radius:var(--radius-sm);width:38px;height:38px;color:var(--primary);background:var(--bg-panel);place-items:center;display:grid}.content-pack-duration{color:var(--text-muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:0;font-weight:800}.content-pack-card-body{align-content:start;gap:var(--space-2);display:grid}.content-pack-label{color:var(--primary);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:0;font-weight:800}.content-pack-card h3{color:var(--text-main);font-family:var(--font-heading);font-size:var(--fs-lg);margin:0;font-weight:740;line-height:1.12}.content-pack-card p{color:var(--text-muted);font-size:var(--fs-sm);margin:0;line-height:1.5}.content-pack-skills{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.content-pack-skills span{border:1px solid var(--border-glass);border-radius:var(--radius-full);color:var(--text-muted);font-size:var(--fs-xs);padding:.25rem .5rem;font-weight:700}.content-pack-card .btn{width:100%}.content-pack-config-strip{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--primary-wash);color:var(--text-main);border:1px solid #c89b3c4d;display:flex}.content-pack-config-strip svg{color:var(--primary);flex-shrink:0}.content-pack-config-strip div{gap:2px;min-width:0;display:grid}.content-pack-config-strip span{color:var(--primary);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:0;font-weight:800}.content-pack-config-strip strong{color:var(--text-main);font-size:var(--fs-sm);line-height:1.25}.behavior-pack-grid{gap:var(--space-3);margin-top:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));display:grid}.behavior-pack-card{gap:var(--space-2);border:1px solid var(--border-glass);border-radius:var(--radius-md);min-height:150px;color:var(--text-main);text-align:left;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:#ffffff06;align-content:start;padding:0;display:grid;overflow:hidden}.behavior-pack-card:hover{border-color:var(--border-glass-hi);background:#ece6d809;transform:translateY(-1px)}.behavior-pack-card.is-active{background:var(--primary-wash);border-color:#c89b3c7a}.behavior-pack-select{align-content:start;gap:var(--space-2);width:100%;min-width:0;min-height:150px;padding:var(--space-4);color:inherit;text-align:left;display:grid}.behavior-pack-card span{color:var(--primary);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:0;font-weight:800}.behavior-pack-card strong{color:var(--text-main);font-family:var(--font-heading);font-size:var(--fs-md);font-weight:740;line-height:1.15}.behavior-pack-card small{color:var(--text-muted);font-size:var(--fs-xs);line-height:1.45}.practice-option-confirm{gap:var(--space-3);margin:0 var(--space-4) var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-glass);display:grid}.practice-option-confirm-copy{min-width:0;color:var(--text-muted);font-size:var(--fs-xs);line-height:1.4}.practice-option-confirm .btn{width:100%}.practice-plan-panel{gap:var(--space-4);margin-bottom:var(--space-8);padding:var(--space-5);border:1px solid var(--border-glass);border-radius:var(--radius-md);background:#ffffff06;display:grid}.practice-plan-head{justify-content:space-between;align-items:flex-end;gap:var(--space-4);display:flex}.practice-plan-head h2{margin:var(--space-1) 0 0;font-family:var(--font-heading);font-size:var(--fs-xl);color:var(--text-main);font-weight:740;line-height:1.12}.practice-plan-duration{border:1px solid var(--border-glass);border-radius:var(--radius-sm);background:#00000029;gap:2px;padding:3px;display:inline-flex}.practice-plan-duration button{border-radius:calc(var(--radius-sm) - 3px);min-width:64px;color:var(--text-muted);font-size:var(--fs-xs);padding:.42rem .65rem;font-weight:700}.practice-plan-duration button.is-active{background:var(--primary);color:var(--text-ink)}.practice-plan-grid{gap:var(--space-4);grid-template-columns:minmax(240px,.95fr) minmax(280px,1.05fr);align-items:stretch;display:grid}.practice-intent-list{gap:var(--space-2);display:grid}.practice-intent{gap:var(--space-3);min-height:72px;padding:var(--space-3);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-main);text-align:left;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:0 0;grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.practice-intent:hover{border-color:var(--border-glass-hi);background:#ece6d806;transform:translateY(-1px)}.practice-intent.is-active{background:var(--primary-wash);border-color:#c89b3c75}.practice-intent-icon{border:1px solid var(--border-glass);border-radius:var(--radius-sm);width:38px;height:38px;color:var(--primary);background:var(--bg-panel);place-items:center;display:grid}.practice-intent strong,.practice-intent small{display:block}.practice-intent strong{color:var(--text-main);font-size:var(--fs-sm);line-height:1.25}.practice-intent small{color:var(--text-muted);font-size:var(--fs-xs);margin-top:2px;line-height:1.35}.practice-plan-card{gap:var(--space-4);min-height:100%;padding:var(--space-5);border-radius:var(--radius-md);background:linear-gradient(135deg,#c89b3c14,#8b9ec70b);border:1px solid #c89b3c47;grid-template-rows:auto 1fr auto;display:grid}.practice-plan-card-head{gap:var(--space-1);display:grid}.practice-plan-card-head strong{color:var(--text-main);font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:740;line-height:1.12}.practice-plan-steps{gap:var(--space-3);counter-reset:practice-plan;margin:0;padding:0;list-style:none;display:grid}.practice-plan-steps li{gap:var(--space-3);color:var(--text-muted);font-size:var(--fs-sm);grid-template-columns:auto minmax(0,1fr);align-items:start;line-height:1.45;display:grid}.practice-plan-steps li:before{counter-increment:practice-plan;content:counter(practice-plan);border:1px solid var(--border-glass);border-radius:var(--radius-full);width:24px;height:24px;color:var(--primary);font-size:var(--fs-xs);place-items:center;font-weight:800;display:grid}.mission-panel,.skill-tree-panel{gap:var(--space-4);margin-bottom:var(--space-8);display:grid}.mission-panel-head,.skill-tree-head{justify-content:space-between;align-items:flex-end;gap:var(--space-4);display:flex}.mission-panel-head h2,.skill-tree-head h2{margin:var(--space-1) 0 0;font-family:var(--font-heading);font-size:var(--fs-xl);color:var(--text-main);font-weight:740;line-height:1.12}.mission-panel-stat{border:1px solid var(--border-glass);border-radius:var(--radius-full);min-height:30px;color:var(--text-muted);font-size:var(--fs-xs);white-space:nowrap;background:#ffffff06;align-items:center;padding:.35rem .7rem;font-weight:700;display:inline-flex}.mission-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mission-card{gap:var(--space-4);min-height:250px;padding:var(--space-5);border:1px solid var(--border-glass);border-radius:var(--radius-md);background:var(--bg-panel);grid-template-rows:auto 1fr auto auto;display:grid;box-shadow:inset 0 1px #ece6d809}.mission-card.is-complete{background:linear-gradient(135deg,#41ad7914,#ffffff05);border-color:#41ad795c}.mission-card-top,.mission-card-meta,.skill-node-head,.skill-node-foot{align-items:center;display:flex}.mission-card-top,.mission-card-meta,.skill-node-foot{justify-content:space-between;gap:var(--space-3)}.mission-icon,.skill-node-icon{border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--primary);background:#0000001f;place-items:center;display:grid}.mission-icon{width:40px;height:40px}.skill-node-icon{flex-shrink:0;width:32px;height:32px}.mission-priority{border:1px solid var(--border-glass);border-radius:var(--radius-full);color:var(--text-muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:0;padding:.25rem .55rem;font-weight:800}.mission-priority.is-main{color:var(--primary);border-color:#c89b3c61}.mission-priority.is-balance{color:var(--secondary);border-color:#8b9ec761}.mission-priority.is-stretch{color:var(--success);border-color:#41ad7957}.mission-card-body{align-content:start;gap:var(--space-2);display:grid}.mission-mode,.skill-node-title span,.mission-card-meta,.skill-node-foot{color:var(--text-muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:0;font-weight:700}.mission-card h3{color:var(--text-main);font-family:var(--font-heading);font-size:var(--fs-lg);margin:0;font-weight:740;line-height:1.12}.mission-card p,.skill-node p{color:var(--text-muted);font-size:var(--fs-sm);margin:0;line-height:1.48}.mission-card .btn{width:100%}.skill-tree-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.skill-node{gap:var(--space-3);min-height:180px;padding:var(--space-4);border:1px solid var(--border-glass);border-radius:var(--radius-md);background:#ffffff06;display:grid}.skill-node.is-empty{opacity:.72}.skill-node-head{gap:var(--space-3)}.skill-node-title{gap:1px;min-width:0;display:grid}.skill-node-title strong{color:var(--text-main);font-size:var(--fs-sm);line-height:1.2}.skill-node-score{color:var(--text-main);font-family:var(--font-heading);font-size:var(--fs-xl);margin-left:auto;font-weight:780;line-height:1}.skill-node-meter{border:1px solid var(--border-glass);border-radius:var(--radius-full);background:#00000024;height:8px;overflow:hidden}.skill-node-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--secondary));height:100%;display:block}.hub-launcher{gap:var(--space-5);margin-bottom:var(--space-10);width:100%;min-width:0;display:grid}.course-card-list{gap:var(--space-3);width:100%;min-width:0;display:grid}.hub-tabs{border:none;border-bottom:1px solid var(--border-glass);gap:var(--space-6);background:0 0;border-radius:0;width:100%;padding:0;display:inline-flex}.hub-tab{font-family:var(--font-main);color:var(--text-muted);align-items:center;gap:var(--space-2);white-space:nowrap;transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);letter-spacing:var(--tracking-label);text-transform:uppercase;background:0 0;border:none;border-bottom:1px solid #0000;border-radius:0;margin-bottom:-1px;padding:.65rem 0 .8rem;font-size:.72rem;font-weight:500;display:flex}.hub-tab svg{opacity:.7}.hub-tab:hover:not(.hub-tab--active):not(.hub-tab--active-alt){color:var(--text-main);background:0 0}.hub-tab:hover svg{opacity:1}.hub-tab--active{color:var(--text-main);border-bottom-color:var(--primary);background:0 0;font-weight:600}.hub-tab--active svg{color:var(--primary);opacity:1}.hub-tab--active-alt{color:var(--text-main);border-bottom-color:var(--secondary);background:0 0;font-weight:600}.hub-tab--active-alt svg{color:var(--secondary);opacity:1}.mode-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));width:100%;min-width:0;display:grid}.hub-launcher .mode-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.mode-tile{gap:var(--space-5);padding:var(--space-6);background:var(--bg-panel);border:1px solid var(--border-glass);border-radius:var(--radius-md);cursor:pointer;transition:background var(--dur-med) var(--ease-out), border-color var(--dur-med) var(--ease-out), transform var(--dur-med) var(--ease-out);text-align:left;flex-direction:column;min-width:0;min-height:200px;display:flex;position:relative;overflow:hidden}.mode-tile:before{content:"";height:1px;transition:background var(--dur-med) var(--ease-out);background:0 0;position:absolute;top:0;left:0;right:0}.mode-tile:hover{border-color:var(--border-glass-hi);background:var(--bg-panel-hover);transform:translateY(-2px)}.mode-tile:hover:before{background:var(--primary)}.mode-tile-icon{border-radius:var(--radius-sm);border:1px solid var(--border-glass);background:var(--bg-panel-hover);width:44px;height:44px;color:var(--primary);flex-shrink:0;place-items:center;display:grid}.mode-tile-title{font-family:var(--font-heading);font-size:var(--fs-xl);color:var(--text-main);letter-spacing:var(--tracking-tight);overflow-wrap:anywhere;margin:0;font-weight:720;line-height:1.15}.mode-tile-desc{font-family:var(--font-main);font-size:var(--fs-sm);color:var(--text-muted);overflow-wrap:anywhere;flex:1;line-height:1.55}.mode-tile-cta{font-family:var(--font-main);font-size:var(--fs-xs);color:var(--primary);letter-spacing:var(--tracking-label);text-transform:uppercase;align-items:center;gap:var(--space-2);min-height:44px;padding-top:var(--space-2);border-top:1px solid var(--border-subtle);font-weight:600;display:flex}.course-card{align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-6);border:1px solid var(--border-glass);border-radius:var(--radius-sm);cursor:pointer;width:100%;min-width:0;transition:background-color var(--dur-med) var(--ease-out), border-color var(--dur-med) var(--ease-out), transform var(--dur-med) var(--ease-out);text-align:left;background:0 0;grid-template-columns:56px auto 1fr auto;display:grid;position:relative}.course-card:before{content:"";background:var(--primary);opacity:0;height:1px;transition:opacity var(--dur-med) var(--ease-out);position:absolute;inset:0 0 auto}.course-card:hover{border-color:var(--border-subtle);background:#ffffff04;transform:translateY(-1px)}.course-card:hover:before{opacity:1}.course-card-index{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--primary);text-align:left;padding-top:2px;font-size:.82rem;font-weight:500}.course-card-icon{border-radius:var(--radius-sm);border:1px solid var(--border-glass);background:var(--bg-panel-hover);width:44px;height:44px;color:var(--primary);flex-shrink:0;place-items:center;display:grid}.course-card-body{min-width:0}.course-card-title{font-family:var(--font-heading);font-size:var(--fs-lg);margin:0 0 var(--space-1) 0;align-items:center;gap:var(--space-3);color:var(--text-main);letter-spacing:var(--tracking-tight);overflow-wrap:anywhere;flex-wrap:wrap;font-weight:720;display:flex}.course-card-desc{font-family:var(--font-main);font-size:var(--fs-sm);color:var(--text-muted);overflow-wrap:anywhere;margin:0;line-height:1.55}.course-card-cta{font-family:var(--font-main);letter-spacing:var(--tracking-label);text-transform:uppercase;white-space:nowrap;align-items:center;gap:var(--space-1);min-height:44px;color:var(--primary);flex-shrink:0;font-size:.7rem;font-weight:600;display:flex}.starter-scene-strip{gap:var(--space-4);padding:var(--space-4);margin-bottom:var(--space-6);border-radius:var(--radius-sm);background:var(--primary-wash);border:1px solid #c89b3c47;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.starter-scene-strip p{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:var(--fs-sm);line-height:1.45}.starter-scene-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.profile-insight-panel{align-items:center;gap:var(--space-4);padding:var(--space-5);margin-bottom:var(--space-6);border:1px solid var(--border-glass);border-radius:var(--radius-md);background:#ffffff06;grid-template-columns:minmax(0,1fr) auto;display:grid}.profile-insight-copy{gap:var(--space-2);min-width:0;display:grid}.profile-insight-eyebrow{font-size:var(--fs-xs);color:var(--primary);text-transform:uppercase;letter-spacing:0;font-weight:700}.profile-insight-copy h2{font-family:var(--font-heading);font-size:var(--fs-xl);color:var(--text-main);margin:0;font-weight:740;line-height:1.12}.profile-insight-copy p{color:var(--text-muted);font-size:var(--fs-sm);margin:0;line-height:1.5}.profile-insight-actions{justify-content:flex-end;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.weekly-recap-panel{gap:var(--space-5);margin-bottom:var(--space-8);padding:var(--space-5);border-radius:var(--radius-md);background:#ffffff06;border:1px solid #c89b3c47;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:stretch;display:grid;box-shadow:inset 0 1px #ece6d80a}.weekly-recap-panel.is-loading{opacity:.82}.weekly-recap-main{align-content:start;gap:var(--space-4);min-width:0;display:grid}.weekly-recap-copy{gap:var(--space-2);display:grid}.weekly-recap-copy h2{color:var(--text-main);font-family:var(--font-heading);font-size:var(--fs-2xl);margin:0;font-weight:760;line-height:1.08}.weekly-recap-copy p{max-width:64ch;color:var(--text-muted);font-size:var(--fs-sm);margin:0;line-height:1.5}.weekly-recap-stats{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.weekly-recap-stat{min-height:78px;padding:var(--space-3);border:1px solid var(--border-glass);border-radius:var(--radius-sm);background:#00000029;align-content:center;gap:2px;display:grid}.weekly-recap-stat strong{color:var(--text-main);font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:780;line-height:1}.weekly-recap-stat small{color:var(--text-muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:0;font-weight:800}.weekly-recap-focus,.weekly-recap-mode-list{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.weekly-recap-focus span,.weekly-recap-mode-list span{align-items:center;gap:var(--space-1);border:1px solid var(--border-glass);border-radius:var(--radius-full);min-height:28px;color:var(--text-muted);font-size:var(--fs-xs);background:#ffffff05;padding:.3rem .6rem;font-weight:700;display:inline-flex}.weekly-recap-focus span:first-child{color:var(--primary);border-color:#c89b3c57}.weekly-share-card{align-content:space-between;gap:var(--space-4);min-height:260px;padding:var(--space-5);border:1px solid var(--border-glass);border-radius:var(--radius-md);background:linear-gradient(135deg, #c89b3c17, #8b9ec70a), var(--stage-2);display:grid;overflow:hidden}.weekly-share-brand{color:var(--primary);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:0;font-weight:800}.weekly-share-card strong{color:var(--text-main);font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:760;line-height:1.1}.weekly-share-card p{color:var(--text-muted);font-size:var(--fs-sm);margin:0;line-height:1.5}.weekly-share-mini-stats{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.weekly-share-mini-stats span{min-width:0;padding:var(--space-2);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-main);font-size:var(--fs-xs);text-align:center;white-space:nowrap;background:#00000024;font-weight:800}.weekly-recap-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);flex-wrap:wrap;grid-column:1/-1;display:flex}.quality-dashboard-panel{gap:var(--space-4);margin-bottom:var(--space-8);padding:var(--space-5);border:1px solid var(--border-glass);border-radius:var(--radius-md);background:#ffffff06;display:grid;box-shadow:inset 0 1px #ece6d80a}.quality-dashboard-panel.is-compact{margin-top:calc(var(--space-4) * -1)}.quality-dashboard-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.quality-dashboard-head div{gap:var(--space-2);min-width:0;display:grid}.quality-dashboard-head h2{color:var(--text-main);font-family:var(--font-heading);font-size:var(--fs-xl);margin:0;font-weight:760;line-height:1.12}.quality-dashboard-head p{max-width:74ch;color:var(--text-muted);font-size:var(--fs-sm);margin:0;line-height:1.5}.quality-state{align-items:center;gap:var(--space-2);border:1px solid var(--border-glass);border-radius:var(--radius-full);min-height:30px;color:var(--text-muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:0;white-space:nowrap;padding:.35rem .7rem;font-weight:800;display:inline-flex}.quality-state.is-healthy,.quality-metric.is-healthy,.quality-issue.is-healthy,.quality-mode-row.is-healthy{border-color:#6ebe8b52}.quality-state.is-healthy{color:var(--success);background:#6ebe8b14}.quality-state.is-watch{color:var(--warning);background:#d6ae4f14;border-color:#d6ae4f52}.quality-state.is-attention{color:var(--danger);background:var(--danger-wash);border-color:#d4564f57}.quality-dashboard-grid{gap:var(--space-3);grid-template-columns:minmax(150px,.28fr) minmax(0,1fr);align-items:stretch;display:grid}.quality-score-card{align-content:center;gap:var(--space-2);min-height:170px;padding:var(--space-4);border:1px solid var(--border-glass);border-radius:var(--radius-md);background:var(--bg-panel);display:grid}.quality-score-card span{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:0;font-weight:800;display:inline-flex}.quality-score-card strong{color:var(--text-main);font-family:var(--font-heading);font-size:3rem;font-weight:800;line-height:.95}.quality-score-card small{color:var(--text-muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:0;font-weight:800}.quality-score-card.is-healthy strong{color:var(--success)}.quality-score-card.is-watch strong{color:var(--warning)}.quality-score-card.is-attention strong{color:var(--danger)}.quality-metric-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.quality-dashboard-panel.is-compact .quality-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.quality-metric{align-content:start;gap:var(--space-2);min-height:124px;padding:var(--space-4);border:1px solid var(--border-glass);border-radius:var(--radius-sm);background:#0000001f;display:grid}.quality-metric.is-watch{border-color:#d6ae4f52}.quality-metric.is-attention{border-color:#d4564f57}.quality-metric span{color:var(--text-muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:0;font-weight:800}.quality-metric strong{color:var(--text-main);font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:780;line-height:1}.quality-metric small{color:var(--text-muted);font-size:var(--fs-xs);line-height:1.35}.quality-dashboard-detail{gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);grid-template-columns:minmax(0,1fr) minmax(260px,.86fr);display:grid}.quality-issue-list,.quality-mode-list{align-content:start;gap:var(--space-3);min-width:0;display:grid}.quality-detail-label{color:var(--primary);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:0;font-weight:800}.quality-issue{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-glass);border-radius:var(--radius-sm);background:#ffffff05;grid-template-columns:auto minmax(0,1fr);display:grid}.quality-issue>span{color:var(--primary);padding-top:2px}.quality-issue.is-watch>span{color:var(--warning)}.quality-issue.is-attention>span{color:var(--danger)}.quality-issue strong{color:var(--text-main);font-size:var(--fs-sm);font-weight:750}.quality-issue p{color:var(--text-muted);font-size:var(--fs-xs);margin:3px 0 0;line-height:1.45}.quality-mode-row{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-glass);border-radius:var(--radius-sm);background:#ffffff05;grid-template-columns:minmax(88px,.8fr) minmax(90px,1fr) auto;display:grid}.quality-mode-row div:first-child{gap:2px;display:grid}.quality-mode-row strong{color:var(--text-main);font-size:var(--fs-sm);line-height:1.2}.quality-mode-row small{color:var(--text-muted);font-size:var(--fs-xs);white-space:nowrap;font-weight:700}.quality-mode-meter{border:1px solid var(--border-glass);border-radius:var(--radius-full);background:#00000029;height:8px;overflow:hidden}.quality-mode-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--success), var(--primary));height:100%;display:block}.scene-stage{width:100%;max-width:860px;margin:0 auto}.scene-stage.is-with-transcript{max-width:1180px}.scene-status-bar{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-5);background:0 0;flex-wrap:wrap;display:flex}.scene-badge{align-items:center;gap:var(--space-2);background:var(--primary-wash);min-width:0;max-width:min(100%,320px);color:var(--primary);border-radius:var(--radius-xs);font-family:var(--font-main);font-size:var(--fs-xs);letter-spacing:var(--tracking-label);text-transform:none;text-overflow:ellipsis;white-space:nowrap;border:1px solid #c89b3c47;padding:.3rem .7rem;font-weight:650;line-height:1;display:inline-flex;overflow:hidden}.scene-badge.is-secondary{background:var(--secondary-wash);color:var(--secondary-hover);border-color:#b93b364d}.scene-badge.is-ghost{border-color:var(--border-subtle);color:var(--text-muted);background:0 0}.scene-timer{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-sm);color:var(--text-main);align-items:center;gap:var(--space-2);letter-spacing:0;margin-left:auto;font-weight:500;display:flex}.scene-audience{justify-content:center;align-items:center;gap:var(--space-3);min-height:130px;padding:var(--space-6);text-align:center;flex-direction:column;display:flex}.scene-dialogue{min-height:100px;padding:var(--space-6);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-6);line-height:1.65;font-size:var(--fs-md);font-family:var(--font-heading);color:var(--text-main);background:#0000002e;font-weight:400}.scene-mic-wrap{align-items:center;gap:var(--space-4);margin:var(--space-6) 0;flex-direction:column;display:flex}.scene-mic{border-radius:var(--radius-full);background:var(--primary);width:108px;height:108px;color:var(--text-ink);box-shadow:0 0 0 1px var(--primary), 0 0 0 8px var(--primary-wash);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-med) var(--ease-out);border:none;place-items:center;display:grid}.scene-mic.is-listening{animation:2s infinite pulse}.scene-mic.is-secondary{background:var(--secondary);color:var(--text-main);box-shadow:0 0 0 1px var(--secondary), 0 0 0 8px var(--secondary-wash)}.scene-mic.is-secondary.is-listening{animation:2s infinite pulse-secondary}.scene-mic.is-muted{background:var(--stage-4);color:var(--text-muted);box-shadow:0 0 0 1px var(--border-glass-hi)}.scene-mic-label{font-family:var(--font-main);font-size:var(--fs-xs);color:var(--text-muted);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:600}.scene-end-row{margin-top:var(--space-6);justify-content:center;display:flex}.scene-transcript{background:var(--bg-panel);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:var(--space-5);gap:var(--space-3);flex-direction:column;max-height:72vh;display:flex;overflow-y:auto}.scene-transcript-entry{border-left:2px solid var(--primary);padding:var(--space-2) var(--space-4);font-size:var(--fs-sm);color:var(--text-main);background:0 0;border-radius:0;line-height:1.55}.scene-transcript-entry.is-user{border-left-color:var(--secondary)}.scene-transcript-speaker{font-family:var(--font-main);font-size:var(--fs-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:var(--tracking-label);margin-bottom:var(--space-1);font-weight:600}.feedback-header{align-items:center;gap:var(--space-4);text-align:center;margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-subtle);flex-direction:column;display:flex}.feedback-icon{border-radius:var(--radius-sm);background:var(--primary);border:1px solid var(--primary);place-items:center;width:56px;height:56px;display:grid}.post-session-moment{gap:var(--space-4);margin:0 0 var(--space-6);padding:var(--space-5);border-radius:var(--radius-md);background:linear-gradient(135deg,#c89b3c17,#8b9ec70b);border:1px solid #c89b3c4d;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:stretch;display:grid;box-shadow:inset 0 1px #ece6d80b}.post-session-moment.is-saved{border-color:#41ad7952}.post-session-moment.is-failed{background:linear-gradient(135deg,#d4564f17,#ffffff05);border-color:#d4564f6b}.post-session-moment-copy{align-content:center;gap:var(--space-2);min-width:0;display:grid}.post-session-kicker{align-items:center;gap:var(--space-2);color:var(--primary);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:0;font-weight:800;display:inline-flex}.post-session-moment.is-saved .post-session-kicker{color:var(--success)}.post-session-moment.is-failed .post-session-kicker{color:var(--danger)}.post-session-save-spin{animation:.8s linear infinite spin}.post-session-moment h2{color:var(--text-main);font-family:var(--font-heading);font-size:var(--fs-xl);margin:0;font-weight:760;line-height:1.12}.post-session-moment p{max-width:58ch;color:var(--text-muted);font-size:var(--fs-sm);margin:0;line-height:1.5}.post-session-moment-stats{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.post-session-stat{min-height:76px;padding:var(--space-3);border:1px solid var(--border-glass);border-radius:var(--radius-sm);background:#00000029;align-content:center;gap:3px;display:grid}.post-session-stat span{color:var(--text-muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:0;font-weight:700}.post-session-stat strong{min-width:0;color:var(--text-main);font-size:var(--fs-sm);overflow-wrap:anywhere;font-weight:750;line-height:1.2}.post-session-stat.is-good strong{color:var(--success)}.post-session-stat.is-focus strong{color:var(--primary)}.practice-prescription-panel{gap:var(--space-4);margin:0 0 var(--space-6);padding:var(--space-5);border:1px solid var(--border-glass);border-radius:var(--radius-md);background:#ffffff06;display:grid}.practice-prescription-head{gap:var(--space-2);display:grid}.practice-prescription-kicker{align-items:center;gap:var(--space-2);color:var(--primary);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:0;font-weight:800;display:inline-flex}.practice-prescription-head h2{color:var(--text-main);font-family:var(--font-heading);font-size:var(--fs-lg);margin:0;font-weight:750;line-height:1.15}.practice-prescription-head p,.practice-prescription-drill p{color:var(--text-muted);font-size:var(--fs-sm);margin:0;line-height:1.5}.practice-prescription-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.practice-prescription-chip{gap:2px var(--space-2);min-height:70px;padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#00000024;grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.practice-prescription-chip svg{color:var(--primary);grid-row:span 2}.practice-prescription-chip span,.practice-prescription-drill span,.practice-prescription-cue span{color:var(--text-muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:0;font-weight:750}.practice-prescription-chip strong,.practice-prescription-cue strong{min-width:0;color:var(--text-main);font-size:var(--fs-sm);overflow-wrap:anywhere;line-height:1.25}.practice-prescription-drill{gap:var(--space-2);padding:var(--space-4);border-left:2px solid var(--primary);background:#c89b3c0e;display:grid}.practice-prescription-cue{align-items:center;gap:var(--space-2);padding-top:var(--space-1);flex-wrap:wrap;display:flex}.practice-prescription-cue svg{color:var(--primary)}.metric-bar{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.metric-bar-head{font-size:var(--fs-sm);justify-content:space-between;align-items:baseline;display:flex}.metric-bar-label{color:var(--text-main);font-weight:500;font-family:var(--font-main);letter-spacing:0}.metric-bar-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-dim);letter-spacing:0;font-weight:500}.metric-bar-track{border-radius:var(--radius-full);background:#00000073;border:none;height:4px;overflow:hidden}.metric-bar-fill{border-radius:var(--radius-full);height:100%;transition:width var(--dur-slow) var(--ease-out)}.score-card{padding:var(--space-6) var(--space-5);border:1px solid var(--border-glass);border-radius:var(--radius-md);text-align:center;justify-content:center;align-items:center;gap:var(--space-3);background:#00000038;flex-direction:column;display:flex}.score-card-value{font-family:var(--font-heading);color:var(--primary);letter-spacing:var(--tracking-tight);font-size:3.25rem;font-weight:780;line-height:1}.score-card-label{font-family:var(--font-main);font-size:var(--fs-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);align-items:center;gap:var(--space-2);font-weight:600;display:inline-flex}.critique-block{padding:var(--space-6) var(--space-6) var(--space-6) var(--space-8);border-left:2px solid var(--primary);font-family:var(--font-main);font-size:var(--fs-md);color:var(--text-main);margin-bottom:var(--space-6);background:0 0;border-radius:0;font-style:normal;font-weight:500;line-height:1.7}.feedback-next-panel{gap:var(--space-3);margin:0 0 var(--space-6);padding:var(--space-4);border:1px solid var(--border-glass);border-radius:var(--radius-md);background:#ffffff06;display:grid}.feedback-next-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.feedback-next-head span,.feedback-next-tag{font-size:var(--fs-xs);color:var(--primary);text-transform:uppercase;letter-spacing:0;font-weight:700}.feedback-next-head p{color:var(--text-dim);font-size:var(--fs-xs);margin:0}.feedback-next-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.feedback-next-card{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#0000002e;display:grid}.feedback-next-card h3{color:var(--text-main);font-family:var(--font-heading);font-size:var(--fs-md);margin:0;font-weight:720;line-height:1.16}.feedback-next-card p{color:var(--text-muted);font-size:var(--fs-sm);margin:0;line-height:1.5}.feedback-next-tag{color:var(--text-dim)}.practice-receipt-panel{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);margin:0 0 var(--space-6);border:1px solid var(--border-glass);border-radius:var(--radius-sm);background:#ffffff06;display:flex}.practice-receipt-copy{gap:2px;min-width:0;display:grid}.practice-receipt-copy strong{color:var(--text-main);font-size:var(--fs-sm)}.practice-receipt-eyebrow,.practice-receipt-status{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:0;font-weight:700}.practice-receipt-eyebrow{color:var(--primary)}.practice-receipt-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.practice-receipt-status{color:var(--success);padding-inline:var(--space-1)}.practice-receipt-status.is-error{color:var(--danger)}.feedback-actions{gap:var(--space-4);margin-top:var(--space-6);flex-wrap:wrap;justify-content:center;display:flex}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-xs);font-family:var(--font-main);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);border:1px solid var(--border-glass);background:0 0;padding:.25rem .55rem;font-size:.68rem;font-weight:600;line-height:1;display:inline-flex}.badge.is-primary{background:var(--primary-wash);color:var(--primary);border-color:#c89b3c4d}.badge.is-secondary{background:var(--secondary-wash);color:var(--secondary-hover);border-color:#b93b3659}.badge.is-success{color:var(--success);background:#4ade8014;border-color:#4ade8047}.usage-meter{border-radius:var(--radius-full);border:1px solid var(--border-subtle);width:100%;height:8px;margin-top:var(--space-2);background:#ffffff14;overflow:hidden}.usage-meter>div{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--secondary-hover));height:100%;transition:width .25s}.billing-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.billing-plan{justify-content:space-between;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border-glass);border-radius:var(--radius-md);background:#ffffff09;flex-direction:column;min-height:320px;display:flex}.billing-plan.is-current{background:#d4af370f;border-color:#d4af376b}.billing-plan-kicker{color:var(--primary);font-size:var(--fs-xs);letter-spacing:0;text-transform:uppercase;font-weight:800}.billing-plan-price{margin-top:var(--space-2);color:var(--text-main);font-size:var(--fs-2xl);font-family:var(--font-heading);font-weight:700}.billing-plan-copy{min-height:58px;margin:var(--space-3) 0 0;color:var(--text-muted);line-height:1.45}.billing-plan-list{gap:var(--space-2);color:var(--text-muted);font-size:var(--fs-sm);margin:0;padding:0;list-style:none;display:grid}.billing-plan-list li{align-items:center;gap:var(--space-2);display:flex}.billing-plan-list svg{color:var(--success);flex-shrink:0}.guidance-note{border:1px solid var(--border-glass);border-left:2px solid var(--primary);padding:var(--space-4) var(--space-5);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:var(--space-6);align-items:flex-start;gap:var(--space-3);font-size:var(--fs-sm);color:var(--text-main);background:0 0;line-height:1.6;display:flex}.guidance-note svg{color:var(--primary);flex-shrink:0;margin-top:3px}.banner{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);font-family:var(--font-main);font-size:var(--fs-sm);margin-bottom:var(--space-5);line-height:1.55;display:flex}.banner-error{color:#e8a7a3;background:#b93b3614;border:1px solid #b93b3652}.banner-success{color:#9ce2b4;background:#4ade800f;border:1px solid #4ade8047}.banner-info{color:var(--primary);background:#c89b3c0f;border:1px solid #c89b3c47}.spinner{border-radius:var(--radius-full);border:2px solid var(--border-glass);border-top-color:var(--primary);width:40px;height:40px;animation:.8s linear infinite spin}.spinner.is-sm{border-width:2px;width:18px;height:18px}.spinner.is-lg{border-width:3px;width:64px;height:64px}.progress{border-radius:var(--radius-full);background:#00000059;border:none;height:4px;overflow:hidden}.progress-fill{background:var(--primary);border-radius:var(--radius-full);height:100%;transition:width var(--dur-slow) var(--ease-out)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{box-shadow:0 0 #c89b3c61}70%{box-shadow:0 0 0 14px #c89b3c00}to{box-shadow:0 0 #c89b3c00}}@keyframes pulse-secondary{0%{box-shadow:0 0 #b93b3666}70%{box-shadow:0 0 0 14px #b93b3600}to{box-shadow:0 0 #b93b3600}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pageSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:pageSlideIn var(--dur-slow) var(--ease-out) both}.animate-spin{animation:1s linear infinite spin}.vocal-config-container{max-width:720px;padding:var(--space-8);background:var(--bg-panel);border:1px solid var(--border-glass);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:0 auto}.grid-vocal{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.card-vocal{border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:var(--space-5);transition:border-color var(--dur-med) var(--ease-out), background-color var(--dur-med) var(--ease-out), transform var(--dur-med) var(--ease-out);cursor:pointer;background:0 0;flex-direction:column;align-items:flex-start;width:100%;display:flex;position:relative}.card-vocal:before{content:"";background:var(--primary);opacity:0;height:1px;transition:opacity var(--dur-med) var(--ease-out);position:absolute;inset:0 0 auto}.card-vocal:hover:not(.active){border-color:var(--border-subtle);background:#ffffff05;transform:translateY(-1px)}.card-vocal.active{background:var(--primary-wash);box-shadow:var(--shadow-sm);border-color:#c89b3c66}.card-vocal.active:before{opacity:1}.btn-vocal-start{background:var(--primary);color:var(--text-ink);font-family:var(--font-main);font-weight:600;font-size:var(--fs-sm);letter-spacing:0;border:1px solid var(--primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:var(--space-2);transition:all var(--dur-med) var(--ease-out);padding:.95rem 2rem;display:inline-flex}.btn-vocal-start:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px)}.studio-panel{padding:var(--space-6);background:var(--bg-panel);border:1px solid var(--border-glass);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.studio-thumb{border-radius:var(--radius-xs);border:1px solid var(--border-glass);background-position:50%;background-size:cover;flex-shrink:0;width:128px;height:72px}.configurator-wrapper{flex-direction:column;align-items:stretch;width:100%;min-width:0;max-width:100%;min-height:auto;padding:0;display:flex}.configurator-wrapper>*{width:100%;min-width:0;max-width:100%}.course-card-row{align-items:center;gap:var(--space-5);padding:var(--space-6);cursor:pointer;transition:background-color var(--dur-med) var(--ease-out), border-color var(--dur-med) var(--ease-out), transform var(--dur-med) var(--ease-out);grid-template-columns:auto 1fr auto;display:grid}.course-card-row:hover{transform:translateY(-1px)}.course-card-row:active{transform:translateY(0)}.course-icon-box{border-radius:var(--radius-sm);background:var(--bg-panel-hover);border:1px solid var(--border-glass);width:56px;height:56px;color:var(--primary);flex-shrink:0;place-items:center;display:grid}.course-meta{flex:1;min-width:0}.course-meta h3{font-family:var(--font-heading);font-size:var(--fs-lg);letter-spacing:var(--tracking-tight);color:var(--text-main);align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0 0 .35rem;font-weight:720;display:flex}.course-meta p{color:var(--text-muted);font-size:var(--fs-sm);margin:0;line-height:1.55}.course-cta{font-family:var(--font-main);white-space:nowrap;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--primary);flex-shrink:0;font-size:.72rem;font-weight:600}.sandbox-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));width:100%;display:grid}.sandbox-card{text-align:left;align-items:flex-start;gap:var(--space-4);padding:var(--space-7) var(--space-6);cursor:pointer;transition:background-color var(--dur-med) var(--ease-out), border-color var(--dur-med) var(--ease-out), transform var(--dur-med) var(--ease-out);flex-direction:column;display:flex;position:relative}.sandbox-card:before{content:"";background:var(--primary);opacity:0;height:1px;transition:opacity var(--dur-med) var(--ease-out);position:absolute;inset:0 0 auto}.sandbox-card:hover{border-color:var(--border-subtle);transform:translateY(-2px)}.sandbox-card:hover:before{opacity:1}.sandbox-icon{border-radius:var(--radius-sm);background:var(--bg-panel-hover);border:1px solid var(--border-glass);width:44px;height:44px;color:var(--primary);place-items:center;display:grid}.sandbox-card h3{font-family:var(--font-heading);font-size:var(--fs-lg);letter-spacing:var(--tracking-tight);color:var(--text-main);margin:0;font-weight:720}.sandbox-card p{color:var(--text-muted);font-size:var(--fs-sm);margin:0;line-height:1.55}.auth-container{width:100%;max-width:var(--content-max);padding:var(--space-8);min-height:calc(100vh - var(--mobile-nav-h));margin:0 auto}.responsive-flex{gap:var(--space-4);display:flex}@media (width<=1023px){:root{--sidebar-w:76px}.app-shell{grid-template-columns:76px 1fr}.sidebar-brand-text,.sidebar-item-label,.sidebar-section-label,.sidebar-user-meta,.sidebar .brand-lockup-text{display:none}.sidebar-item{justify-content:center;padding:.8rem}.sidebar-brand{padding:0 0 var(--space-4);justify-content:center}.sidebar-user{padding:var(--space-2);justify-content:center}.app-content{padding:var(--space-6)}}@media (width<=767px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-topbar{display:flex}.app-content{padding:var(--space-5) var(--space-4) var(--space-12);overflow-x:hidden}.configurator-wrapper{width:100%;margin-inline:auto}.configurator-wrapper .glass-panel{padding:var(--space-4)}.hub-launcher{gap:var(--space-4);margin-bottom:var(--space-8)}.hub-launcher .mode-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.hub-header-title{font-size:var(--fs-3xl)}.quickstart-panel-header{flex-direction:column;align-items:flex-start}.quickstart-meta{width:100%}.quickstart-card{min-height:0}.content-pack-head{flex-direction:column;align-items:flex-start}.content-pack-grid{grid-template-columns:1fr}.content-pack-card{min-height:0}.content-pack-config-strip{align-items:flex-start}.practice-plan-panel{padding:var(--space-4)}.practice-plan-head{flex-direction:column;align-items:stretch}.practice-plan-duration,.practice-plan-duration button{width:100%}.practice-plan-grid{grid-template-columns:1fr}.practice-plan-card{min-height:0}.practice-plan-card .btn{justify-content:center;width:100%}.mission-panel-head,.skill-tree-head{flex-direction:column;align-items:flex-start}.mission-panel-stat{justify-content:center;width:100%}.mission-grid{grid-template-columns:1fr}.mission-card{min-height:0}.skill-tree-grid{grid-template-columns:1fr}.starter-scene-strip{padding:var(--space-4);align-items:stretch;gap:var(--space-3);grid-template-columns:1fr}.starter-scene-actions{justify-content:stretch}.starter-scene-actions .btn{justify-content:center;width:100%}.profile-insight-panel{grid-template-columns:1fr;align-items:stretch}.profile-insight-actions{justify-content:stretch}.profile-insight-actions .btn{justify-content:center;width:100%}.weekly-recap-panel{padding:var(--space-4);grid-template-columns:1fr}.weekly-recap-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.weekly-share-card{min-height:220px}.weekly-recap-actions{justify-content:stretch}.weekly-recap-actions .btn{justify-content:center;width:100%}.quality-dashboard-panel{padding:var(--space-4)}.quality-dashboard-head,.quality-dashboard-detail{grid-template-columns:1fr}.quality-dashboard-head{flex-direction:column;align-items:stretch}.quality-state{justify-content:center}.quality-dashboard-grid{grid-template-columns:1fr}.quality-dashboard-panel.is-compact .quality-metric-grid,.quality-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quality-score-card{min-height:132px}.quality-mode-row{grid-template-columns:1fr}.post-session-moment{padding:var(--space-4);grid-template-columns:1fr}.post-session-moment-stats{grid-template-columns:1fr}.practice-prescription-panel{padding:var(--space-4)}.practice-prescription-grid{grid-template-columns:1fr}.practice-receipt-panel{flex-direction:column;align-items:stretch}.practice-receipt-actions{justify-content:stretch}.practice-receipt-actions .btn{justify-content:center;width:100%}.course-card{gap:var(--space-3);padding:var(--space-4);row-gap:var(--space-3);grid-template-columns:auto auto 1fr}.course-card .course-card-index{align-self:center}.course-card-row{row-gap:var(--space-3);grid-template-columns:auto 1fr}.course-card-cta,.course-cta{width:100%;padding-top:var(--space-3);border-top:1px solid var(--border-glass);text-align:center;grid-column:1/-1;justify-content:center;justify-self:center}.course-option-select{gap:var(--space-3);padding:var(--space-4)}.course-option-confirm{margin:0 var(--space-4) var(--space-4);flex-direction:column;align-items:stretch}.course-option-confirm-button{justify-content:center;width:100%}.course-footer-actions .btn{width:100%}.browser-voice-row{grid-template-columns:1fr}.btn,.btn-primary,.btn-secondary,.btn-outline{font-size:var(--fs-base);padding:.85rem 1.4rem}.btn-group{gap:var(--space-3);flex-direction:column-reverse}.btn-group>.btn,.btn-group>.btn-primary,.btn-group>.btn-secondary,.btn-group>.btn-outline{width:100%}.glass-panel{padding:var(--space-5);border-radius:var(--radius-md)}.glass-panel.is-spacious{padding:var(--space-6)}.mode-grid,.hub-launcher .mode-grid{gap:var(--space-3);grid-template-columns:1fr}.mode-tile{min-height:0;padding:var(--space-4);gap:var(--space-3);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;display:grid}.mode-tile-icon{width:44px;height:44px}.mode-tile-title,.mode-tile-desc{grid-column:2}.mode-tile-title{font-size:var(--fs-lg)}.mode-tile-desc{margin:0}.mode-tile-cta{min-height:0;padding-top:var(--space-3);border-top:1px solid var(--border-subtle);grid-column:1/-1;justify-content:center}.behavior-pack-grid,.voice-cast-grid,.sandbox-grid{gap:var(--space-3);grid-template-columns:1fr}.sandbox-card{padding:var(--space-5) var(--space-4);gap:var(--space-3)}.sandbox-icon{padding:var(--space-4)}.sandbox-card h3{font-size:var(--fs-base)}.sandbox-card p{font-size:.78rem}.hub-tabs{width:100%;display:flex}.hub-tab{flex:1;justify-content:center;min-width:0;padding:.6rem .75rem;font-size:.78rem}.hub-tab span{text-overflow:ellipsis;min-width:0;overflow:hidden}.feedback-actions{flex-direction:column;width:100%}.feedback-actions .btn,.feedback-actions .btn-primary,.feedback-actions .btn-secondary,.feedback-actions .btn-outline{width:100%}.scene-status-bar{padding:var(--space-3) var(--space-4);font-size:var(--fs-xs)}.scene-timer{justify-content:flex-end;width:100%;margin-left:0}.scene-mic{width:104px;height:104px}.scene-stage.is-with-transcript{flex-direction:column;display:flex}.scene-transcript{width:100%;max-height:40vh;margin-top:var(--space-4)}.grid-vocal{grid-template-columns:1fr}.vocal-config-container{padding:var(--space-5);border-radius:var(--radius-lg)}.course-option-select{align-items:flex-start}.option-card{min-width:0}.score-card{padding:var(--space-5)}.score-card-value{font-size:2.4rem}.responsive-flex{flex-direction:column;align-items:stretch}h1{font-size:var(--fs-3xl)!important}h2{font-size:var(--fs-2xl)!important}h3{font-size:var(--fs-xl)!important}.guidance-note{padding:var(--space-3) var(--space-4);flex-direction:row;align-items:flex-start;font-size:.82rem}.studio-lyrics-entry-head,.studio-lyrics-panel-head{flex-direction:column;align-items:stretch}.studio-lyrics-actions{justify-content:stretch}.studio-lyrics-actions .btn,.studio-lyrics-actions button{justify-content:center;width:100%}.studio-lyrics-read{min-height:180px;max-height:42vh;padding:var(--space-4);font-size:var(--fs-sm)}.studio-lyrics-textarea{min-height:140px}#yt-player-container,#yt-player-container iframe{height:240px!important}}@media (width<=380px){.mode-grid,.sandbox-grid{grid-template-columns:1fr}.hub-tab span{display:none}.hub-launcher .hub-tab{padding-inline:var(--space-2)}.hub-launcher .hub-tab span{display:inline}}@media (width>=1440px){.app-content{padding:var(--space-10) var(--space-12) var(--space-16)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}