:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#f4f7ff;background:radial-gradient(circle at 20% 18%,rgba(83,108,181,.22),transparent 28%),radial-gradient(circle at 78% 12%,rgba(124,173,255,.12),transparent 24%),linear-gradient(180deg,#04070d,#09111c 48%,#05080d)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:transparent}button,input{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{min-height:100vh;display:flex;flex-direction:column;gap:28px;padding:0 18px 28px}.rain-stage{position:relative;overflow:hidden;min-height:100vh;padding:28px 0 0}.rain-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:0 0 36px 36px;background:linear-gradient(180deg,#080c141f,#03060cd1),radial-gradient(circle at 50% 24%,rgba(166,206,255,.12),transparent 18%),radial-gradient(circle at 50% 90%,rgba(75,107,170,.24),transparent 30%),linear-gradient(180deg,#09111a,#101724 42%,#05080d)}.night-vignette,.mist,.city-glow,.window-sheen,.rain-layer,.window-frame{position:absolute}.night-vignette,.mist,.city-glow,.window-sheen,.rain-layer{top:0;right:0;bottom:0;left:0}.night-vignette{background:radial-gradient(circle at center,transparent 30%,rgba(2,4,8,.44) 100%)}.mist{filter:blur(48px);opacity:.9}.mist-left{background:radial-gradient(circle at 18% 48%,rgba(96,122,196,.22),transparent 28%)}.mist-right{background:radial-gradient(circle at 78% 24%,rgba(112,154,255,.18),transparent 24%)}.city-glow{top:auto;height:38%;background:linear-gradient(180deg,transparent 0%,rgba(9,15,26,.08) 20%,rgba(2,5,10,.92) 100%),radial-gradient(circle at 18% 90%,rgba(255,196,118,.16),transparent 10%),radial-gradient(circle at 46% 93%,rgba(125,175,255,.16),transparent 12%),radial-gradient(circle at 82% 88%,rgba(255,196,118,.12),transparent 9%)}.window-frame{background:linear-gradient(180deg,#ffffff14,#fff0);opacity:.28}.frame-left,.frame-right{top:0;bottom:0;width:1px}.frame-left{left:17%}.frame-right{right:17%}.frame-top{top:14%;left:14%;right:14%;height:1px}.window-sheen{background:linear-gradient(114deg,transparent 0%,rgba(255,255,255,.1) 44%,transparent 60%),linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 22%,transparent 40%,rgba(255,255,255,.02) 72%,transparent 100%);opacity:.52}.rain-drop{position:absolute;top:-18%;width:1.5px;height:140px;border-radius:999px;background:linear-gradient(180deg,#fff0,#d3e7ffbf);animation-name:rainfall;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes rainfall{0%{transform:translate3d(0,-18vh,0)}to{transform:translate3d(-24px,112vh,0)}}.hero-layout{position:relative;z-index:1;width:min(1240px,100%);min-height:calc(100vh - 28px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:end;gap:28px;padding:36px 0 44px}.story-panel{display:flex;flex-direction:column;justify-content:flex-end;gap:18px;min-width:0}.glass-panel{background:linear-gradient(180deg,#080e1857,#070c148f);border:1px solid rgba(192,218,255,.08);box-shadow:0 26px 80px #00000047;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.story-copy{max-width:780px;padding:34px;border-radius:30px}.eyebrow,.preview-label,.status-pill,.note-label,.player-kicker{display:inline-flex;width:fit-content;border-radius:999px;font-size:.82rem}.eyebrow,.preview-label{margin-bottom:14px;padding:7px 13px;background:#dae6ff0f;color:#dde8ff}.micro-copy{margin:0 0 12px;color:#dde9ff94;font-size:.92rem;letter-spacing:.01em}.story-copy h1{margin:0 0 18px;max-width:10ch;font-size:clamp(3.7rem,6.8vw,6.9rem);line-height:.86;letter-spacing:-.06em;text-wrap:balance}.hero-text,.story-copy p,.scene-notes p,.scenario-chip span,.sound-button span,.now-playing p,.player-footer p,.slider-block span,.timer-label-row span,.conversion-card>p,.form-note,.benefit-list,.premium-actions span{color:#e3ecffb8}.hero-text{margin:0;max-width:46ch;font-size:1.03rem}.result-line{margin:14px 0 0;max-width:42ch;color:#eef4ffe6;font-size:.98rem;line-height:1.55}.result-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.result-pills span{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;border:1px solid rgba(188,213,255,.1);background:#ffffff08;color:#e8efffc2;font-size:.86rem}.quiet-line{margin:20px 0 0;color:#e3ecff94;font-size:.94rem}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.cta-row button,.player-footer button,.signup-form button,.premium-actions button{border:0;border-radius:999px;padding:14px 20px;background:linear-gradient(135deg,#f1f6fff0,#97bcffeb 58%,#8097ffe6);color:#08101d;font-weight:700;box-shadow:0 14px 34px #5677ff2e}.status-pill{padding:8px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:#dbe6ff}.status-pill.live{border-color:#9ed6ff66;background:#82baff1f}.scene-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:22px;border-radius:28px}.scene-notes>div{display:grid;gap:8px}.note-label,.player-kicker{margin-bottom:0;padding:6px 11px;background:#ffffff0d;color:#e1ecffc2}.sound-button strong{font-size:1rem}.now-playing p,.conversion-card h2,.form-note,.premium-actions span{margin:0}.scenario-row{display:flex;flex-wrap:wrap;gap:10px}.scenario-chip,.sound-button,.timer-row button{border:1px solid rgba(188,213,255,.08);background:#ffffff07;color:#eef4ff}.scenario-chip{text-align:left;border-radius:999px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:0}.scenario-chip.active,.sound-button.active,.timer-row button.active{border-color:#add4ff2e;background:#add4ff0f}.player-card{min-width:0;padding:26px;border-radius:32px;display:flex;flex-direction:column;gap:18px}.timer-label-row,.premium-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.now-playing{display:grid;gap:10px}.now-playing-minimal{justify-items:start}.now-playing h2{margin:0;font-size:2.1rem}.ambient-preview{position:relative;min-height:190px;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 50% 24%,rgba(137,181,255,.12),transparent 22%),linear-gradient(180deg,#ffffff05,#ffffff02),linear-gradient(180deg,#0d1422,#0a1018);border:1px solid rgba(255,255,255,.04)}.ambient-orb{position:absolute;border-radius:999px;filter:blur(12px)}.ambient-orb-one{top:20%;left:18%;width:120px;height:120px;background:radial-gradient(circle,rgba(134,180,255,.34),transparent 72%)}.ambient-orb-two{right:12%;bottom:14%;width:160px;height:160px;background:radial-gradient(circle,rgba(255,198,116,.16),transparent 72%)}.ambient-grid{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:100% 28px,28px 100%;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.92),transparent 95%);mask-image:linear-gradient(180deg,rgba(0,0,0,.92),transparent 95%)}.sound-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sound-grid-minimal{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sound-button{text-align:center;border-radius:999px;padding:10px 12px;display:inline-flex;align-items:center;justify-content:center;min-height:40px}.control-drawer,.player-controls{display:grid;gap:14px}.timer-block{display:grid;gap:12px}.timer-block-minimal{gap:8px}.timer-label-row-minimal{font-size:.92rem}.timer-row{display:flex;flex-wrap:wrap;gap:8px}.timer-row button{border-radius:999px;padding:8px 12px;font-size:.9rem}.player-footer{align-items:flex-end}.player-footer-minimal{justify-content:flex-start}.player-footer-artful{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.player-footer button{flex-shrink:0}.secondary-trigger{border:0;padding:0;background:transparent;color:#e3ecffad;letter-spacing:.01em}.glass-subpanel{background:linear-gradient(180deg,#080e182e,#070c144d);border:1px solid rgba(192,218,255,.06);border-radius:24px;padding:16px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.conversion-strip{width:min(1240px,100%);margin:-10px auto 0}.conversion-strip-story{display:block}.conversion-story{padding:34px 36px;border-radius:32px;display:grid;gap:24px;background:linear-gradient(180deg,#0b111d7a,#080d174d);border:1px solid rgba(194,216,255,.08)}.conversion-intro{max-width:760px;display:grid;gap:10px}.conversion-intro h2{margin:0;font-size:clamp(2rem,3.4vw,3rem);letter-spacing:-.03em}.conversion-intro p{margin:0;max-width:58ch;color:#e2eaf7c7}.signup-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-top:4px}.signup-form-story{max-width:720px}.signup-form input{width:100%;min-height:54px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0b;color:#f5f7ff}.form-note{margin-top:-8px;font-size:.95rem}.form-note-story{color:#d8e2f2ad}.promise-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:6px;border-top:1px solid rgba(191,213,247,.08)}.promise-line{max-width:62ch;color:#e5ecf7b8}.promise-button{border:1px solid rgba(194,216,255,.12);background:#ffffff08;color:#eef4ff}@media (max-width: 1080px){.hero-layout{grid-template-columns:1fr;align-items:start}.story-copy h1{max-width:11ch}}@media (max-width: 720px){.app-shell{padding:0 14px 20px}.story-copy,.player-card,.conversion-story{padding:20px}.scene-notes,.scenario-row,.sound-grid,.signup-form{grid-template-columns:1fr}.promise-row{align-items:flex-start;flex-direction:column}.story-copy h1{font-size:clamp(2.8rem,14vw,4.2rem)}.player-topline,.timer-label-row,.player-footer,.slider-block>div,.premium-actions{align-items:flex-start;flex-direction:column}.player-footer button,.signup-form button,.promise-button{width:100%}}