@import "https://fonts.googleapis.com/css2?family=Megrim&display=swap";:root{color:#f5f8ee;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;--ink:#030306;--acid:#d8b45a;--cyan:#9ad5bb;--magenta:#caa65a;--line:#f5f8ee1f;--line-strong:#9ad5bb57;--muted:#f5f8ee94;--surface:#050a08d1;--shadow:0 18px 70px #00000080;--radius:10px;--gold:#d8b45a;--mint:#9ad5bb;--jade:#71b99a;--player-mono:"JetBrains Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--wordmark:"Megrim", "Iowan Old Style", "Charter", Georgia, serif;background:#030306;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;overflow-x:hidden}button{font:inherit;color:inherit}.app-shell{isolation:isolate;--env-accent:var(--mint);--env-accent-soft:#9ad5bb24;--env-accent-line:#9ad5bb66;background:#010303;min-height:100vh;position:relative;overflow:hidden}.app-loading{min-height:100vh;color:var(--gold);font-family:var(--wordmark);letter-spacing:0;text-transform:none;background:#030306;place-items:center;font-size:clamp(2.35rem,8vw,4.5rem);font-weight:400;display:grid}.app-shell.ambience-forest{--env-accent:#77f08b;--env-accent-soft:#77f08b24;--env-accent-line:#77f08b70;--env-visual-filter:saturate(1.1) contrast(1.12) brightness(.72) hue-rotate(-10deg);--env-visual-blend:screen}.app-shell.ambience-beach{--env-accent:#56d9ff;--env-accent-soft:#56d9ff24;--env-accent-line:#56d9ff70;--env-visual-filter:saturate(1.2) contrast(1.1) brightness(.74);--env-visual-blend:screen}.app-shell.ambience-thunderstorm{--env-accent:#b8bcc2;--env-accent-soft:#b8bcc226;--env-accent-line:#b8bcc275;--env-visual-filter:grayscale(.48) saturate(.76) contrast(1.28) brightness(.64);--env-visual-blend:lighten}.app-shell.ambience-city{--env-accent:#00e7ff;--env-accent-soft:#00e7ff21;--env-accent-line:#00e7ff6b;--env-visual-filter:saturate(1.25) contrast(1.18) brightness(.68);--env-visual-blend:screen}.app-shell.ambience-cafe{--env-accent:#8a5a35;--env-accent-soft:#8a5a3533;--env-accent-line:#9a653d80;--env-visual-filter:sepia(.34) saturate(.88) contrast(1.14) brightness(.66);--env-visual-blend:soft-light}.app-shell.ambience-campfire{--env-accent:#ff7a3d;--env-accent-soft:#ff7a3d26;--env-accent-line:#ff7a3d75;--env-visual-filter:saturate(1.18) contrast(1.2) brightness(.66);--env-visual-blend:screen}#resonance{z-index:0;background:0 0;width:100%;height:100%;position:absolute;inset:0}.environment-visual-overlay{z-index:1;pointer-events:none;opacity:var(--environment-opacity);background-image:var(--environment-image);background-position:var(--environment-position);filter:var(--env-visual-filter,saturate(1.1) contrast(1.1) brightness(.7));mix-blend-mode:var(--env-visual-blend,screen);will-change:opacity;background-size:cover;position:absolute;inset:0;transform:none}.environment-visual-overlay-current{animation:.56s ease-out both environment-crossfade-in}.environment-visual-overlay-previous{animation:.56s ease-out both environment-crossfade-out}.environment-visual-overlay:before{content:"";background:radial-gradient(circle at 50% 48%, color-mix(in srgb, var(--env-accent) 28%, transparent) 0, transparent 28%), radial-gradient(circle at 20% 20%, #fff3, transparent 24%), linear-gradient(110deg, #ffffff0a, transparent 32%, #ffffff17 52%, transparent 72%);mix-blend-mode:screen;position:absolute;inset:0}.environment-visual-overlay:after{content:none}@keyframes environment-crossfade-in{0%{opacity:0}to{opacity:var(--environment-opacity)}}@keyframes environment-crossfade-out{0%{opacity:var(--environment-opacity)}to{opacity:0}}.top-bar{z-index:14;pointer-events:none;justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;top:22px;left:24px;right:24px}.brand-mark{color:#f5f8ee;font-family:var(--wordmark);letter-spacing:.02em;text-transform:uppercase;text-shadow:0 0 24px #9ad5bb2e,0 2px 18px #00000075;font-size:clamp(2.15rem,4vw,4.6rem);font-weight:400;line-height:.78}.auth-controls{pointer-events:auto;align-items:center;gap:8px;display:flex}.auth-button{border:1px solid var(--line-strong);min-height:38px;font-family:var(--player-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;padding:0 14px;font-size:.68rem;font-weight:760;box-shadow:0 12px 34px #00000057}.auth-button-secondary{color:#f5f8eec7;background:#050a08b8}.auth-button-primary{color:var(--ink);background:var(--gold);border-color:#d8b45ac2}.cl-userButtonAvatarBox{box-shadow:0 0 0 1px #d8b45ab8,0 0 22px #9ad5bb2e!important}.cl-userButtonPopoverCard{-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;background:#050a08f5!important;border:1px solid #9ad5bb47!important;border-radius:8px!important;width:min(360px,100vw - 32px)!important;overflow:hidden!important;box-shadow:0 28px 90px #00000094,0 0 0 1px #d8b45a1f!important}.cl-userButtonPopoverActionButton{color:#f5f8ee!important;background:0 0!important;border-top:1px solid #9ad5bb14!important}.cl-userButtonPopoverActionButton:hover,.cl-userButtonPopoverActionButton:focus-visible{background:#9ad5bb17!important}.cl-userButtonPopoverActionButtonText,.cl-userButtonPopoverActionButtonIcon,.cl-userPreviewMainIdentifier{color:#f5f8ee!important}.cl-userButtonPopoverActionButtonIcon{color:#9ad5bbdb!important}.cl-userPreviewSecondaryIdentifier{color:#f5f8ee94!important}.cl-userButtonPopoverFooter{background:linear-gradient(135deg,#d8b45a17,#050a08f0)!important;border-top:1px solid #9ad5bb1f!important}.cl-userButtonPopoverFooter,.cl-userButtonPopoverFooter *{color:#f5f8eead!important}.source-overlay{z-index:5;text-align:center;pointer-events:none;display:grid;position:fixed;top:44%;left:50%;transform:translate(-50%,-50%)}.source-state{color:#020a07d1;font-family:var(--player-mono);letter-spacing:.04em;text-transform:uppercase;text-shadow:0 1px #f5f8ee80,0 0 18px #f5f8ee6b;font-size:clamp(.92rem,1.8vw,1.28rem);font-weight:900;line-height:1}.quota-state{color:#020a07bd;font-family:var(--player-mono);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px #f5f8ee80,0 0 14px #f5f8ee52;margin-top:10px;font-size:clamp(.68rem,1.2vw,.82rem);font-weight:850}.controls{z-index:10;align-items:center;gap:10px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.play-button,.settings-button,.upgrade-button{cursor:pointer;box-shadow:var(--shadow);border:1px solid #9ad5bb57}.play-button{min-height:56px;color:var(--ink);font-family:var(--player-mono);letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(#e0bd68,#c99f45);border-color:#d8b45ac7;border-radius:999px;align-items:center;gap:10px;padding:0 22px;font-size:.78rem;font-weight:850;display:inline-flex;box-shadow:0 20px 50px #0000007a,0 0 34px #d8b45a33}.settings-button{width:56px;height:56px;color:var(--muted);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#d8b45a0a,#0000),#f5f8ee09;border-radius:8px;place-items:center;display:grid}.settings-button[aria-expanded=true]{color:#0d0d08;border-color:var(--env-accent-line);background:linear-gradient(#d8b45ae0,#caa65ac7)}.upgrade-button{color:#0d0d08;min-height:42px;font-family:var(--player-mono);letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(#d8b45aeb,#caa65ad1);border-radius:8px;padding:0 14px;font-size:.66rem;font-weight:850}.play-button:hover,.settings-button:hover,.upgrade-button:hover,.environment-option:hover,.topic-option:hover,.auth-button:hover,.settings-close:hover{filter:brightness(1.06)}.settings-panel,.billing-panel{z-index:30;border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);width:min(360px,100vw - 48px);max-height:min(680px,100vh - 128px);box-shadow:var(--shadow);background:linear-gradient(140deg,#d8b45a12,#0000 34%,#9ad5bb0e),#040806e6;padding:18px;position:fixed;bottom:100px;right:24px;overflow:auto}.billing-panel{width:min(760px,100vw - 48px);bottom:108px;left:50%;right:auto;transform:translate(-50%)}.billing-copy{color:#f5f8eead;margin:0 0 16px;font-size:.92rem;line-height:1.5}.billing-table{background:#0103036b;border:1px solid #9ad5bb24;border-radius:8px;overflow:auto}.settings-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.settings-header h2{color:#f5f8eeeb;font-family:var(--player-mono);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:720}.settings-close{color:#9ad5bbbd;cursor:pointer;background:#f5f8ee09;border:1px solid #9ad5bb38;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.settings-section{gap:10px;display:grid}.settings-section+.settings-section{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.settings-section h3{color:#d8b45abd;font-family:var(--player-mono);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:760}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.topic-option{--topic-color:var(--cyan);border:1px solid var(--line);min-height:44px;color:var(--muted);text-align:left;cursor:pointer;background:linear-gradient(135deg,#d8b45a0a,#0000),#f5f8ee09;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:.82rem;font-weight:650;display:flex}.topic-option.is-selected{color:#0d0d08;border-color:var(--env-accent-line);background:linear-gradient(#d8b45ae0,#caa65ac7)}.topic-copy{min-width:0;display:block}.topic-label{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:650;overflow:hidden}.topic-source{display:none}.environment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.environment-option{border:1px solid var(--line);min-height:44px;color:var(--muted);text-align:left;cursor:pointer;background:linear-gradient(135deg,#d8b45a0a,#0000),#f5f8ee09;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:.82rem;font-weight:650;display:flex}.settings-check{color:#0d0d08d6;stroke-width:2.4px;flex:none}.environment-option.is-selected{color:#0d0d08;border-color:var(--env-accent-line);background:linear-gradient(#d8b45ae0,#caa65ac7)}.volume-control{border-top:1px solid var(--line);gap:10px;margin-top:16px;padding-top:16px;display:grid}.volume-control span{color:var(--muted);font-family:var(--player-mono);text-transform:uppercase;align-items:center;gap:8px;font-size:.68rem;font-weight:720;display:flex}.volume-control svg{color:var(--mint)}input[type=range]{width:100%;accent-color:var(--env-accent)}.landing-page{color:#f5f8ee;--landing-bg:#040806;--landing-ink:#f5f8ee;--landing-muted:#f5f8ee94;--landing-faint:#f5f8ee57;--landing-line:#f5f8ee1f;--landing-line-strong:#9ad5bb57;--landing-lime:#9ad5bb;--landing-cyan:#6fb8a7;--landing-pink:#d8b45a;--landing-yellow:#caa65a;--landing-gold:#d8b45a;--landing-jade:#71b99a;--landing-panel:#080e0cb8;--landing-serif:"Iowan Old Style", "Charter", Georgia, serif;--landing-mono:"JetBrains Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;background:#010303;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow:visible}.landing-page:before{content:"";z-index:0;pointer-events:none;opacity:1;background-color:#0000;background-image:linear-gradient(90deg,#010303b8,#0103034d 48%,#010303bd),linear-gradient(#01030329,#01030394 72%,#010303f0),url(/assets/pulsar-greenmarble.jpg);background-position:0 0,0 0,top;background-repeat:repeat,repeat,no-repeat;background-size:auto,auto,cover;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;position:fixed;inset:0}.landing-page:after{content:"";z-index:0;pointer-events:none;opacity:1;mix-blend-mode:screen;background:radial-gradient(at 50% 0,#9ad5bb1c,#0000 38rem),radial-gradient(at 12% 70%,#d8b45a21,#0000 34rem),linear-gradient(90deg,#0000002e,#0000 18% 82%,#00000038);position:fixed;inset:0}.landing-page>*{z-index:1;position:relative}.landing-header{z-index:60;position:sticky;top:0}.landing-container{width:min(100%,1480px);margin:0 auto;padding:0 clamp(22px,4.8vw,76px)}.landing-rail{z-index:8;color:#f5f8ee52;border-color:var(--landing-line);width:38px;font-family:var(--landing-mono);letter-spacing:.36em;text-transform:uppercase;writing-mode:vertical-rl;pointer-events:none;place-items:center;font-size:10px;font-weight:700;display:grid;position:fixed;top:0;bottom:0}.landing-rail-left{border-right:1px solid var(--landing-line);left:0;transform:rotate(180deg)}.landing-rail-right{border-left:1px solid var(--landing-line);right:0}.landing-topline{border-bottom:1px solid var(--landing-line);min-height:38px;color:var(--landing-faint);font-family:var(--landing-mono);letter-spacing:.18em;text-transform:uppercase;background:#070705ad;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:0 clamp(58px,5.2vw,96px);font-size:10px;font-weight:600;display:grid}.landing-topline>:last-child{justify-self:end}.landing-dot{background:var(--landing-lime);border-radius:50%;width:6px;height:6px;margin-right:10px;display:inline-block;box-shadow:0 0 18px #9ad5bb7a}.landing-text-button,.landing-links button{color:var(--landing-gold);font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0}.landing-nav{-webkit-backdrop-filter:blur(18px);background:#040604d6;border-bottom:1px solid #f5f8ee1a;justify-content:space-between;align-items:center;gap:24px;min-height:82px;padding:0 clamp(58px,5.2vw,96px);display:flex}.landing-brand{color:var(--landing-ink);font-family:"Megrim", var(--landing-serif);letter-spacing:.02em;text-transform:uppercase;align-items:center;font-size:clamp(1.65rem,2.65vw,3rem);font-weight:400;line-height:.82;text-decoration:none;display:inline-flex}.landing-links{font-family:var(--landing-mono);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:clamp(16px,2.5vw,34px);font-size:10.5px;font-weight:700;display:flex}.landing-links a{color:var(--landing-faint);text-decoration:none}.landing-links a:hover{color:var(--landing-ink)}.landing-hero{border-bottom:1px solid var(--landing-line);background:#0103031a;align-items:stretch;min-height:calc(100svh - 142px);display:flex}.landing-hero-grid{grid-template-columns:minmax(0,.86fr) minmax(420px,1fr);align-items:center;gap:clamp(24px,5vw,90px);padding-top:clamp(74px,10vh,132px);padding-bottom:clamp(46px,7vh,86px);display:grid}.landing-hero-label{color:var(--landing-gold);margin-bottom:28px}.landing-hero-copy h1{max-width:10ch;color:var(--landing-ink);letter-spacing:0;text-wrap:balance;margin:0 0 28px;font-size:clamp(70px,10vw,158px);font-weight:900;line-height:.88}.landing-hero-copy h1 span{display:block}.landing-hero-copy h1 em{color:var(--landing-lime);font-family:var(--landing-serif);font-style:italic;font-weight:500;display:block}.landing-hero-copy p,.landing-copy{max-width:58ch;color:var(--landing-muted);margin:0;font-size:clamp(17px,1.35vw,22px);line-height:1.55}.landing-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.landing-button{border:1px solid var(--landing-line);min-height:48px;color:var(--landing-ink);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#f5f8ee0a;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:.78rem;font-weight:850;text-decoration:none;display:inline-flex}.landing-button-primary{color:#0d0d08;border-color:var(--landing-gold);background:var(--landing-gold);box-shadow:0 0 36px #d8b45a2e}.landing-visual{place-items:end center;min-height:min(680px,58vw);display:grid;position:relative;overflow:visible}.landing-hero-art{z-index:1;filter:drop-shadow(0 38px 54px #00000080);pointer-events:none;-webkit-user-select:none;user-select:none;width:min(46vw,620px);max-width:92%;height:auto;position:relative;transform:translateY(clamp(10px,2vw,34px))}.landing-label,.landing-panel-head,.landing-queue-row>span,.landing-topic-chip span{font-family:var(--landing-mono);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:700}.landing-section{border-bottom:1px solid var(--landing-line);background:#010303c2;padding:clamp(72px,9vw,132px) 0}.landing-two-col,.landing-topic-layout{grid-template-columns:minmax(0,.8fr) minmax(420px,1fr);align-items:start;gap:clamp(28px,5vw,84px);display:grid}.landing-label{color:var(--landing-lime);margin-bottom:20px;display:block}.landing-section h2,.landing-cta h2{color:var(--landing-ink);letter-spacing:0;text-wrap:balance;margin:0;font-size:clamp(42px,5.8vw,94px);font-weight:900;line-height:.96}.landing-stream-panel{border-top:1px solid var(--landing-line)}.landing-panel-head,.landing-queue-row{border-bottom:1px solid var(--landing-line);grid-template-columns:76px 108px minmax(0,1fr);align-items:baseline;gap:18px;display:grid}.landing-panel-head{color:var(--landing-faint);grid-template-columns:1fr auto;padding:0 0 14px}.landing-queue-row{min-height:74px;padding:14px 0}.landing-queue-row>span:first-child{color:var(--landing-faint)}.landing-queue-row>span:nth-child(2){color:var(--landing-cyan)}.landing-queue-row p{color:#f5f8eed1;margin:0;font-size:1rem;line-height:1.35}.landing-topic-layout{align-items:center}.landing-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.landing-topic-chip{border:1px solid var(--landing-line);min-height:78px;color:var(--landing-ink);background:linear-gradient(128deg,#d8b45a14,#0000 38%,#65d66e0f),linear-gradient(135deg,#f5f8ee0d,#f5f8ee05);align-items:center;gap:16px;padding:18px;font-size:clamp(20px,2vw,30px);font-weight:840;display:flex}.landing-topic-chip span{color:var(--landing-lime)}.landing-proof-grid{border:1px solid var(--landing-line);background:var(--landing-line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.landing-proof-card{background:linear-gradient(132deg,#d8b45a12,#0000 34%,#65d66e0e),#030806e6;min-height:280px;padding:clamp(24px,3vw,42px)}.landing-proof-card svg{color:var(--landing-lime)}.landing-proof-card h3{color:var(--landing-ink);margin:64px 0 14px;font-size:clamp(25px,2.4vw,40px);line-height:1.02}.landing-proof-card p{color:var(--landing-muted);margin:0;font-size:1rem;line-height:1.55}.landing-pricing{gap:28px;display:grid}.landing-pricing h2{max-width:12ch}.landing-pricing-table{box-shadow:var(--shadow);background:#030806d1;border:1px solid #9ad5bb2e;border-radius:8px;overflow:auto}.landing-cta{background:#010303d1;padding:clamp(72px,10vw,150px) 0}.landing-cta-inner{text-align:center;justify-items:center;gap:28px;display:grid}.landing-cta svg{color:var(--landing-lime)}.landing-cta h2{max-width:14ch}@media (width<=760px){.top-bar{top:14px;left:14px;right:14px}.brand-mark{font-size:clamp(1.85rem,12vw,3rem)}.auth-button{min-height:36px;padding:0 12px;font-size:.74rem}.controls{width:calc(100% - 28px);bottom:18px;left:14px;transform:none}.upgrade-button{min-height:56px}.play-button{flex:1;justify-content:center}.settings-panel{width:auto;max-height:calc(100vh - 116px);bottom:92px;left:14px;right:14px}.billing-panel{width:auto;max-height:calc(100vh - 116px);bottom:92px;left:14px;right:14px;transform:none}}@media (width<=980px){.landing-rail,.landing-topline span:nth-child(2),.landing-links a{display:none}.landing-topline{grid-template-columns:1fr auto;padding:0 18px}.landing-nav{padding:0 18px}.landing-links{gap:14px}.landing-hero-grid,.landing-two-col,.landing-topic-layout,.landing-proof-grid{grid-template-columns:1fr}.landing-hero-grid{padding-top:42px}.landing-hero-copy h1{font-size:clamp(56px,17vw,104px)}.landing-visual{min-height:430px}.landing-hero-art{width:min(82vw,430px);max-width:100%}.landing-topic-grid{grid-template-columns:1fr}.landing-panel-head,.landing-queue-row{grid-template-columns:62px minmax(78px,.34fr) minmax(0,1fr);gap:10px}}@media (width<=560px){.landing-nav{min-height:72px}.landing-brand{font-size:clamp(1.65rem,8vw,2.25rem)}.landing-links{display:none}.landing-hero-copy h1{max-width:7ch;font-size:clamp(58px,16.5vw,70px)}.landing-hero-copy p{overflow-wrap:break-word;max-width:30ch;font-size:16px}.landing-actions,.landing-button{width:100%}.landing-section h2,.landing-cta h2{font-size:clamp(38px,13vw,62px)}.landing-panel-head{grid-template-columns:1fr auto}.landing-queue-row{grid-template-columns:56px 1fr}.landing-queue-row p{grid-column:2}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}