@layer snp.tokens{:root{--snp-ui-color-red: #dc2626;--snp-ui-color-gold: #d4af37;--snp-ui-color-blue: #2563eb;--snp-ui-color-green: #22c55e;--snp-ui-background-page: #111111;--snp-ui-surface-deck: rgba(20, 20, 20, .98);--snp-ui-surface-light: rgba(30, 30, 30, .95);--snp-ui-surface-medium: rgba(15, 15, 15, .92);--snp-ui-text-primary: #ffffff;--snp-ui-text-muted: #cccccc;--snp-ui-radius-sm: 8px;--snp-ui-radius-md: 12px;--snp-ui-radius-lg: 18px;--snp-ui-radius-pill: 999px;--snp-ui-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}}@layer snp.live{:root{--snp-ui-onair-background: var(--snp-ui-surface-deck);--snp-ui-onair-border: rgba(220, 38, 38, .6);--snp-ui-onair-radius: 19.2px;--snp-ui-onair-shadow: 0 8px 60px var(--snp-ui-onair-border), 0 0 80px var(--snp-ui-onair-border), 0 2px 20px rgba(0, 0, 0, .5);--snp-ui-onair-text-primary: var(--snp-ui-text-primary);--snp-ui-onair-text-shadow: 0 0 1px rgba(255, 255, 255, .45), 0 0 14px rgba(255, 255, 255, .1);--snp-ui-next-background: var(--snp-ui-surface-light);--snp-ui-next-border: rgba(184, 184, 184, .28);--snp-ui-next-title: var(--snp-ui-text-primary);--snp-ui-next-artist: rgba(160, 160, 160, .9);--snp-ui-next-label: #cccccc;--snp-ui-standby-background: var(--snp-ui-background-page);--snp-ui-standby-banner-border: rgba(255, 255, 255, .25);--snp-ui-standby-banner-radius: var(--snp-ui-radius-lg);--snp-ui-standby-banner-shadow: 0 10px 28px rgba(255, 255, 255, .12), 0 0 60px rgba(255, 255, 255, .15), 0 0 120px rgba(255, 255, 255, .08);--snp-ui-standby-patch-glow: drop-shadow(0 0 20px rgba(255, 255, 255, .68)) drop-shadow(0 0 56px rgba(255, 255, 255, .38))}}:root{--snp-red: var(--snp-ui-color-red);--snp-red-rgb: 220, 38, 38;--snp-gold: var(--snp-ui-color-gold);--snp-gold-rgb: 212, 175, 55;--snp-blue: var(--snp-ui-color-blue);--snp-blue-rgb: 37, 99, 235;--snp-green: var(--snp-ui-color-green);--snp-green-rgb: 34, 197, 94;--snp-bg-primary: #141414;--snp-bg-secondary: rgba(22, 22, 22, .95);--snp-bg-surface: #1e1e1e;--snp-bg-card: #2a2a2a;--snp-text-primary: #ffffff;--snp-text-secondary: #e5e5e5;--snp-text-muted: #cccccc;--snp-font-primary: var(--snp-ui-font-sans);--snp-font-normal: 400;--snp-font-semibold: 600;--snp-text-xs: .75rem;--snp-text-sm: .875rem;--snp-text-xl: 1.25rem;--snp-leading-normal: 1.5;--snp-radius-card: 17px;--snp-space-md: 1rem;--snp-shadow-md: 0 4px 6px rgba(0, 0, 0, .7);--snp-shadow-xl: 0 20px 25px rgba(0, 0, 0, .9);--snp-transition-normal: .3s cubic-bezier(.4, 0, .2, 1);color:var(--snp-text-primary);color-scheme:dark;background-color:var(--snp-bg-primary);font-family:var(--snp-font-primary)}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:8px 10px 20px;min-width:320px;min-height:100vh;background:var(--snp-bg-primary);color:var(--snp-text-primary);font-family:var(--snp-font-primary);overflow-x:hidden;overflow-y:auto}body *{user-select:none;-webkit-user-select:none;-ms-user-select:none}body img,body svg{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.titlebar{position:fixed;top:0;left:0;right:0;height:32px;z-index:10000;-webkit-app-region:drag;background:transparent;pointer-events:auto}#root{min-height:100vh;width:100%;max-width:100vw}.landing-root{width:100%;max-width:100vw;min-width:0;min-height:100vh;padding:32px clamp(16px,4vw,56px) 48px;display:flex;flex-direction:column;gap:32px;background:var(--snp-bg-primary)}.landing-hero{width:min(980px,100%);min-width:0;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(24px,calc(21.65px + .65vw),30px);padding:clamp(0px,calc(-3.13px + .87vw),8px) 0}.hero-brand{max-width:100%;min-width:0;display:flex;flex-direction:column;align-items:center;gap:clamp(12px,calc(10.43px + .43vw),16px)}.hero-logo{margin-bottom:0}.hero-logo img{display:block;width:clamp(180px,calc(140.87px + 10.87vw),280px);height:auto;filter:brightness(1.2) contrast(1.1) drop-shadow(0 4px 12px rgba(0,0,0,.3))}.hero-content{width:min(860px,100%);min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:clamp(28px,calc(25.65px + .65vw),34px);padding:0}.hero-heading{max-width:100%;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.hero-title{max-width:100%;font-size:clamp(24.4px,calc(19.1px + 1.48vw),38px);font-weight:300;margin:0;letter-spacing:-.8px;color:var(--snp-text-primary);text-shadow:0 2px 8px rgba(0,0,0,.5);overflow-wrap:anywhere}.hero-content h2,.session-copy h2{max-width:100%;margin:0;font-size:clamp(28.8px,calc(22.54px + 1.74vw),44.8px);overflow-wrap:anywhere}.session-stage{width:min(980px,100%);max-width:100%;min-width:0;min-height:245px;margin:0 auto;margin-top:clamp(10px,calc(7.65px + .65vw),16px);padding:clamp(24px,5vw,44px);display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1fr);gap:clamp(24px,5vw,48px);align-items:center;background:#151515;border:1px solid rgba(255,255,255,.12);border-radius:var(--snp-radius-card);box-shadow:0 14px 28px #0000006b;position:relative;overflow:hidden}.session-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.02) 0%,transparent 62%);pointer-events:none}.session-stage>*{position:relative;z-index:1}.session-visual{min-height:170px;display:grid;place-items:center;position:relative}.stage-frame{width:min(270px,100%);aspect-ratio:1.35;padding:22px;display:grid;align-content:end;gap:13px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:#1b1b1b;box-shadow:inset 0 0 0 1px #ffffff09,0 18px 32px #0000005c}.stage-line{height:10px;border-radius:999px;opacity:.34}.stage-line-red{width:72%;background:rgba(var(--snp-red-rgb),.58)}.stage-line-gold{width:100%;background:rgba(var(--snp-gold-rgb),.48)}.stage-line-green{width:56%;background:rgba(var(--snp-green-rgb),.46)}.stage-line-blue{width:84%;background:rgba(var(--snp-blue-rgb),.46)}.stage-pulse{position:absolute;width:86px;height:86px;border:1px solid rgba(255,255,255,.12);border-radius:999px;opacity:.18;box-shadow:0 0 0 18px #ffffff04}.session-copy{min-width:0;display:flex;flex-direction:column;gap:0}.session-copy h2{color:var(--snp-text-primary);letter-spacing:0;text-shadow:0 2px 8px rgba(0,0,0,.6)}.landing-footer{margin-top:auto;display:flex;justify-content:center;gap:12px;padding:16px 8px;align-items:center;color:var(--snp-text-muted);font-size:var(--snp-text-xs);opacity:.85}.landing-footer:hover{opacity:1}@media(max-width:820px){.session-stage{grid-template-columns:1fr;text-align:center}.session-copy{align-items:center}}@media(max-width:640px){body{padding-right:0;padding-left:0}.landing-root{padding:28px 16px 40px;gap:28px}.hero-title{font-size:23px}.hero-content h2,.session-copy h2{font-size:29px;line-height:1.08}.session-stage{min-height:188px;width:100%;padding:24px 18px;gap:var(--snp-space-md)}.session-visual{min-height:140px}.stage-frame{width:min(230px,100%);padding:18px;gap:10px}.landing-footer{text-align:center}}@media(prefers-reduced-motion:reduce){.session-stage{transition:var(--snp-transition-normal)!important}}@media(prefers-contrast:high){.session-stage{border-width:3px}}