:root{--np-bg-plum-top: #3a1f63;--np-bg-plum-deep: #17112e;--np-phone-bezel: #0e0a1f;--np-tv-gradient: radial-gradient(130% 100% at 50% -10%, #3a1f63 0%, #17112e 58%);--np-tv-dots: radial-gradient(#ffffff12 1.5px, transparent 1.5px);--np-finale-gradient: radial-gradient(120% 120% at 50% 40%, #7c5cff 0%, #5b2a9e 40%, #17112e 100%);--np-intro-gradient: radial-gradient(130% 120% at 50% 0%, #ff7a59 0%, #b83a6a 45%, #17112e 100%);--np-coral: #ff7a59;--np-coral-deep: #ff5e7a;--np-gold: #ffd166;--np-teal: #3ddc97;--np-teal-deep: #1fb87a;--np-blue: #5b8cff;--np-purple: #7c5cff;--np-purple-soft: #a78bfa;--np-ink: #17112e;--np-text: #ffffff;--np-text-muted: #cdbff0;--np-text-dim: #9b8bc4;--np-surface: rgba(255, 255, 255, .1);--np-surface-soft: rgba(255, 255, 255, .06);--np-border: rgba(255, 255, 255, .18);--np-border-soft: rgba(255, 255, 255, .11);--np-cta-coral: linear-gradient(#ff7a59, #ff5e7a);--np-cta-teal: linear-gradient(#3ddc97, #1fb87a);--np-r-tv: 6px;--np-r-card: 14px;--np-r-card-lg: 18px;--np-r-pill: 30px;--np-r-phone: 30px;--np-shadow-card: 0 10px 26px rgba(0, 0, 0, .3);--np-shadow-cta: 0 8px 22px #ff5e7a55;--np-shadow-frame: 0 10px 34px rgba(0, 0, 0, .22);--np-font-display: "Bricolage Grotesque", system-ui, sans-serif;--np-font-body: "Plus Jakarta Sans", system-ui, sans-serif}@keyframes np-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes np-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes np-spin{to{transform:rotate(360deg)}}@keyframes np-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes np-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes np-rise{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--np-font-body);background:var(--np-bg-plum-deep);color:var(--np-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;touch-action:manipulation}input,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--np-purple-soft);outline-offset:2px}.np-display{font-family:var(--np-font-display);font-weight:800;letter-spacing:-.025em}.np-eyebrow{font-weight:800;text-transform:uppercase;letter-spacing:.28em;font-size:12px;color:var(--np-text-dim)}.np-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;padding:14px 18px;border-radius:var(--np-r-pill);font-family:var(--np-font-display);font-weight:800;font-size:18px;color:#fff;text-decoration:none;background:var(--np-cta-coral);box-shadow:var(--np-shadow-cta);transition:transform .08s ease,filter .15s ease,opacity .15s ease;-webkit-user-select:none;user-select:none}.np-cta:active{transform:translateY(1px) scale(.99)}.np-cta--teal{background:var(--np-cta-teal);color:var(--np-ink);box-shadow:0 8px 22px #1fb87a55}.np-cta--gold{background:linear-gradient(#ffe08a,var(--np-gold));color:var(--np-ink);box-shadow:0 8px 22px #ffd16655}.np-cta--ghost{background:var(--np-surface);color:var(--np-text);border:1.5px solid var(--np-border);box-shadow:none}.np-cta--sm{min-height:46px;padding:10px 14px;font-size:15px}.np-cta--pulse{animation:np-cta-pulse 1.1s ease-in-out infinite}.np-cta:disabled{opacity:.45;filter:saturate(.6);cursor:not-allowed}@keyframes np-cta-pulse{0%,to{box-shadow:0 8px 22px #1fb87a55}50%{box-shadow:0 0 0 6px #3ddc9744,0 8px 22px #1fb87a77}}.np-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:var(--np-r-pill);font-weight:800;font-size:12px;letter-spacing:.02em}.np-dot{width:12px;height:12px;border-radius:50%;flex:none}.np-reconnecting{position:fixed;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:60;display:inline-flex;align-items:center;gap:9px;padding:8px 16px;border-radius:var(--np-r-pill);background:#17112ef2;border:1px solid var(--np-border);font-weight:800;font-size:13px;animation:np-rise .25s ease;pointer-events:none}.np-reconnecting:before{content:"";width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:currentColor;animation:np-spin .9s linear infinite}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);max-width:min(92vw,720px);background:#17112ef2;border:1px solid var(--np-border);padding:12px 20px;border-radius:var(--np-r-pill);font-weight:700;text-align:center;z-index:50;animation:np-rise .25s ease}.toast--error{border-color:var(--np-coral-deep)}.np-boot{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--np-tv-gradient)}.np-boot:after{content:"";width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.18);border-top-color:var(--np-coral);opacity:0;animation:np-spin .9s linear infinite,np-boot-in .2s ease .4s forwards}@keyframes np-boot-in{to{opacity:1}}.np-stage{min-height:100%;width:100%}.sound-toggle{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:60;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--np-r-pill);background:#17112eb8;border:1.5px solid var(--np-border);color:var(--np-text);font-family:var(--np-font-display);font-weight:800;font-size:14px;line-height:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--np-shadow-card);transition:transform .08s ease,opacity .15s ease,border-color .15s ease}.sound-toggle:active{transform:scale(.96)}.sound-toggle--off{opacity:.7}.sound-toggle__icon{font-size:18px}.sound-toggle__text{white-space:nowrap}.sound-toggle--prompt{border-color:var(--np-gold);color:var(--np-gold);animation:np-pulse 1.8s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.np-stage--phone *,.np-stage--phone *:before,.np-stage--phone *:after{animation-iteration-count:1!important;scroll-behavior:auto!important}.np-cta--pulse,.sound-toggle--prompt{animation:none}}