*{box-sizing:border-box;padding:0;margin:0}:root{--font-display:"Syne",sans-serif;--font-body:"Plus Jakarta Sans",sans-serif;--color-bg:#0a0a0a;--color-text:#fff;--color-text-warm:#f5f0eb;--color-primary:#8b5cf6;--ease-smooth:cubic-bezier(0.16,1,0.3,1);--color-grid-line:rgba(139,92,246,.1);--color-glow:rgba(139,92,246,.04);--live-scrollbar-thumb:rgba(139,92,246,.25);--live-scrollbar-thumb-hover:rgba(139,92,246,.5);--live-stage-bg:linear-gradient(170deg,rgba(139,92,246,.06),rgba(6,6,6,.92) 50%,rgba(139,92,246,.02));--live-stage-border:rgba(139,92,246,.18);--live-stage-text:hsla(0,0%,100%,.95);--live-stage-text-muted:hsla(0,0%,100%,.55);--live-stage-panel:hsla(0,0%,4%,.4);--live-stage-divider:hsla(0,0%,100%,.06);--live-stage-text-dim:hsla(0,0%,100%,.35);--live-stage-text-subtle:hsla(0,0%,100%,.2);--live-progress-track:hsla(0,0%,100%,.12);--live-progress-track-grid:hsla(0,0%,100%,.08);--live-volume-popover-bg:rgba(0,0,0,.95);--live-volume-popover-shadow:0 8px 32px rgba(0,0,0,.7),0 0 24px rgba(139,92,246,.3);--live-volume-track-bg:rgba(139,92,246,.25);--live-chip-bg:hsla(0,0%,100%,.08);--live-chip-border:hsla(0,0%,100%,.15);--live-popover-bg:rgba(28,24,44,.98);--live-popover-border:hsla(0,0%,100%,.1);--live-popover-divider:hsla(0,0%,100%,.1);--live-popover-shadow:0 8px 24px rgba(0,0,0,.2),0 0 0 1px rgba(139,92,246,.08);--live-tooltip-bg:rgba(28,24,44,.96);--live-grade-tile-bg:hsla(0,0%,100%,.06);--live-grade-slider-bg:hsla(0,0%,100%,.1);--live-grade-slider-bg-hover:hsla(0,0%,100%,.14);--live-grade-slider-fill-empty:hsla(0,0%,100%,.2);--live-grade-label-empty:hsla(0,0%,100%,.35);--live-grade-btn-bg:hsla(0,0%,100%,.08);--live-grade-btn-border:hsla(0,0%,100%,.15);--live-grade-btn-color:hsla(0,0%,100%,.55);--searchbar-bg:linear-gradient(135deg,rgba(30,28,40,.95),rgba(18,16,28,.98));--searchbar-border:hsla(0,0%,100%,.08);--searchbar-shadow:0 4px 24px rgba(0,0,0,.35),0 0 0 1px rgba(139,92,246,.12),inset 0 1px 0 hsla(0,0%,100%,.04)}[data-theme=light]{--color-bg:#f5f3ef;--color-text:#18151a;--color-text-warm:#2d2a25;--color-primary:#7c3aed;--color-grid-line:rgba(139,92,246,.07);--color-glow:rgba(139,92,246,.03);--searchbar-bg:linear-gradient(135deg,hsla(0,0%,100%,.96),hsla(40,23%,95%,.98));--searchbar-border:rgba(0,0,0,.1);--searchbar-shadow:0 4px 24px rgba(0,0,0,.1),0 0 0 1px rgba(139,92,246,.12);--live-scrollbar-thumb:rgba(139,92,246,.2);--live-scrollbar-thumb-hover:rgba(139,92,246,.4);--live-stage-bg:linear-gradient(170deg,rgba(139,92,246,.07),rgba(248,246,255,.98) 50%,rgba(139,92,246,.04));--live-stage-border:rgba(139,92,246,.22);--live-stage-text:rgba(24,21,26,.95);--live-stage-text-muted:rgba(24,21,26,.55);--live-stage-text-dim:rgba(24,21,26,.4);--live-stage-text-subtle:rgba(24,21,26,.2);--live-stage-panel:rgba(0,0,0,.04);--live-stage-divider:rgba(0,0,0,.08);--live-progress-track:rgba(0,0,0,.12);--live-progress-track-grid:rgba(0,0,0,.08);--live-volume-popover-bg:hsla(0,0%,100%,.98);--live-volume-popover-shadow:0 8px 32px rgba(0,0,0,.12),0 0 24px rgba(139,92,246,.15);--live-volume-track-bg:rgba(139,92,246,.28);--live-chip-bg:rgba(0,0,0,.06);--live-chip-border:rgba(0,0,0,.12);--live-popover-bg:hsla(0,0%,100%,.98);--live-popover-border:rgba(0,0,0,.1);--live-popover-divider:rgba(0,0,0,.14);--live-popover-shadow:0 8px 24px rgba(0,0,0,.08),0 0 0 1px rgba(139,92,246,.06);--live-tooltip-bg:hsla(0,0%,100%,.98);--live-grade-tile-bg:rgba(0,0,0,.06);--live-grade-slider-bg:rgba(0,0,0,.1);--live-grade-slider-bg-hover:rgba(0,0,0,.12);--live-grade-slider-fill-empty:rgba(0,0,0,.15);--live-grade-label-empty:rgba(24,21,26,.45);--live-grade-btn-bg:rgba(0,0,0,.06);--live-grade-btn-border:rgba(0,0,0,.14);--live-grade-btn-color:rgba(24,21,26,.65)}html{transition:background-color .25s ease,color .25s ease}body,html{max-width:100vw;overflow-x:hidden}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes buttonShimmer{0%{left:-100%}to{left:100%}}@keyframes buttonPulse{0%,to{box-shadow:0 0 20px rgba(139,92,246,.4),0 0 40px rgba(139,92,246,.2)}50%{box-shadow:0 0 30px rgba(139,92,246,.6),0 0 60px rgba(139,92,246,.3)}}@keyframes hero-pill-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes heroGradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes heroGlow{0%,to{text-shadow:0 0 10px rgba(139,92,246,.12)}50%{text-shadow:0 0 18px rgba(139,92,246,.2)}}@media (min-width:900px){.hero-headline{letter-spacing:-.02em;line-height:1.2}.hero-headline-accent{-webkit-font-smoothing:antialiased}}@keyframes marqueeScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes buttonGlowPulse{0%,to{box-shadow:0 14px 30px rgba(139,92,246,.22)}50%{box-shadow:0 20px 42px rgba(139,92,246,.36)}}.scroll-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-smooth),transform .7s var(--ease-smooth);will-change:opacity,transform}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.button-shimmer{animation:buttonShimmer 3s infinite}@keyframes profileModalBackdropIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes profileModalContentIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes profileModalTileStagger{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.profile-modal-backdrop{animation:profileModalBackdropIn .25s var(--ease-smooth) forwards}.profile-modal-panel{animation:profileModalContentIn .35s var(--ease-smooth) forwards}.profile-modal-tile{transition:background .2s ease,border-color .2s ease}.profile-modal-tile:hover{background:hsla(0,0%,100%,.06)!important;border-color:hsla(0,0%,100%,.12)!important}.profile-modal-tile:active{background:hsla(0,0%,100%,.04)!important}@keyframes settingsSectionReveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.settings-section-reveal{animation:settingsSectionReveal .5s var(--ease-smooth) forwards}.create-session-btn{animation:buttonPulse 2s ease-in-out infinite}.btn-primary{font-family:var(--font-body);padding:1rem 2rem;font-size:.9375rem;font-weight:600;letter-spacing:.02em;color:#fff;background:linear-gradient(180deg,#8b5cf6,#7c3aed);border:none;border-radius:14px;cursor:pointer;transition:transform .25s var(--ease-smooth),box-shadow .25s var(--ease-smooth),background .25s var(--ease-smooth);box-shadow:0 4px 0 rgba(0,0,0,.2),0 12px 28px rgba(139,92,246,.35);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.25),transparent);opacity:.8}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 0 rgba(0,0,0,.18),0 18px 36px rgba(139,92,246,.42)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 0 rgba(0,0,0,.22),0 8px 20px rgba(139,92,246,.3)}.btn-secondary{font-family:var(--font-body);padding:1rem 2rem;font-size:.9375rem;font-weight:600;letter-spacing:.02em;color:var(--color-text-warm);background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.18);border-radius:14px;cursor:pointer;transition:transform .25s var(--ease-smooth),box-shadow .25s var(--ease-smooth),background .25s ease,border-color .25s ease}.btn-secondary:hover{transform:translateY(-2px);background:hsla(0,0%,100%,.1);border-color:rgba(139,92,246,.5);box-shadow:0 12px 28px rgba(0,0,0,.35)}.btn-secondary:active{transform:translateY(0)}.creator-proofline{font-family:var(--font-body);font-size:clamp(.72rem,1.05vw,.86rem);font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:rgba(173,137,255,.95);text-align:center}.cta-cluster{padding:0;border:none;background:transparent;box-shadow:none}.cta-cluster .btn-primary,.cta-cluster .btn-secondary{min-width:185px}.btn-primary:focus-visible,.btn-secondary:focus-visible{outline:2px solid rgba(167,139,250,.9);outline-offset:2px}[data-theme=light] body{background:var(--color-bg);color:var(--color-text)}[data-theme=light] .btn-secondary{color:var(--color-text-warm);background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.15)}[data-theme=light] .btn-secondary:hover{background:rgba(0,0,0,.08);border-color:rgba(124,58,237,.4);box-shadow:0 12px 28px rgba(0,0,0,.12)}[data-theme=light] .profile-modal-tile:hover{background:rgba(0,0,0,.04)!important;border-color:rgba(0,0,0,.1)!important}[data-theme=light] .profile-modal-tile:active{background:rgba(0,0,0,.06)!important}.layout-grid{background-image:linear-gradient(var(--color-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid-line) 1px,transparent 1px);background-size:40px 40px}.layout-glow{background:radial-gradient(circle at 50% 0,var(--color-glow) 0,transparent 60%)}