:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08111f;--panel:#0a1222c2;--panel-strong:#0f192eeb;--panel-border:#ffffff1f;--text:#f5f7fb;--muted:#f5f7fbb8;--accent:#79c8ff;--accent-2:#8b7bff;--shadow:0 24px 72px #00000059;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#79c8ff2e,#0000 28%),radial-gradient(circle at 100% 0,#8b7bff29,#0000 32%),linear-gradient(#06101d 0%,#08111f 100%);margin:0}a{color:inherit}.home-shell,.app-shell{min-height:100vh;padding:24px}.page-grid{grid-template-columns:1fr;gap:20px;max-width:1160px;margin:0 auto;display:grid}.hero-card,.panel-card,.glass-card{border:1px solid var(--panel-border);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:28px}.hero-card{background:radial-gradient(circle at top left, #79c8ff33, transparent 34%), radial-gradient(circle at bottom right, #8b7bff38, transparent 30%), var(--panel-strong);flex-direction:column;justify-content:center;gap:12px;min-height:280px;padding:32px;display:flex}.hero-card h1,.panel-card h2,.guest-overlay h1{letter-spacing:-.04em;margin:0;line-height:1.02}.hero-card h1{font-size:clamp(3rem,8vw,5.8rem)}.hero-copy,.panel-card p,.subtle{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--accent);margin:0;font-size:.74rem}.hero-actions,.button-row,.status-row,.control-row,.share-grid,.stack{gap:12px;display:flex}.hero-actions,.stack{flex-direction:column}.hero-actions.compact{flex-direction:row}.primary-link,.secondary-link,.primary-button,.secondary-button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:12px 18px;font-weight:650;text-decoration:none;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.primary-link,.primary-button{background:linear-gradient(135deg, var(--accent), #b8e5ff);color:#08111f}.secondary-link,.secondary-button{color:var(--text);background:#ffffff0a;border-color:#ffffff24}.primary-link:hover,.secondary-link:hover,.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.panel-card{padding:24px}.panel-header,.panel-headline{flex-direction:column;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.field-label{color:var(--muted);gap:8px;font-size:.95rem;display:grid}input,select{width:100%;color:var(--text);font:inherit;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:16px;padding:14px 16px}input::placeholder{color:#f5f7fb66}.color-picker{min-height:72px;padding:0}.brightness-row{align-items:center}.brightness-row input[type=range]{flex:1}.status-row.wrap,.share-grid{flex-wrap:wrap}.status-pill,.metric-pill{color:var(--text);background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;align-items:center;padding:8px 12px;display:inline-flex}.metric-pill{justify-content:center;min-width:72px}.share-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.guest-screen{min-height:100vh;margin:0;font-family:inherit}.guest-light{background:var(--scene-color,#06f);min-height:100vh;filter:brightness(var(--brightness,1));justify-content:center;align-items:flex-end;transition:background-color .4s,filter .3s;display:flex;position:relative;overflow:hidden}.guest-backdrop{pointer-events:none;background:radial-gradient(circle at 20% 20%,#ffffff38,#0000 22%),radial-gradient(circle at 80% 15%,#ffffff24,#0000 18%),radial-gradient(circle,#0000 44%,#0000002e 100%);position:absolute;inset:0}.guest-overlay{color:#fff;text-align:center;width:min(96vw,620px);margin:20px;padding:22px 24px;position:relative}.guest-overlay .status-row{flex-wrap:wrap;justify-content:center}.guide-modal-backdrop{z-index:4;background:#06101db3;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.guide-modal{border:1px solid var(--panel-border);background:var(--panel-strong);width:min(92vw,480px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:left;border-radius:20px;padding:18px 18px 16px}.guide-modal h3{letter-spacing:-.02em;margin:0 0 10px}.guide-modal ol{color:var(--muted);margin:0 0 14px;padding-left:20px}.guide-modal li{margin-bottom:8px}.error{color:#ffd6de}.effect-solid{animation:none}.effect-fade{animation:fadePulse calc(var(--speed,1s) * 2) ease-in-out infinite}.effect-pulse{animation:pulseGlow calc(var(--speed,1s) * 1.3) ease-in-out infinite}.effect-flash{animation:flashBlink calc(var(--speed,1s) * .45) steps(2, end) infinite}.effect-rainbow{animation:rainbowSpin calc(var(--speed,1s) * 3.5) linear infinite}.effect-soft_strobe{animation:softStrobe calc(var(--speed,1s) * .8) ease-in-out infinite}@keyframes fadePulse{0%{filter:brightness(calc(var(--brightness,1) * .65))}50%{filter:brightness(calc(var(--brightness,1) * 1.2))}to{filter:brightness(calc(var(--brightness,1) * .65))}}@keyframes pulseGlow{0%{filter:brightness(calc(var(--brightness,1) * .7));transform:scale(1)}50%{filter:brightness(calc(var(--brightness,1) * 1.15));transform:scale(1.03)}to{filter:brightness(calc(var(--brightness,1) * .7));transform:scale(1)}}@keyframes flashBlink{0%,49%{filter:brightness(calc(var(--brightness,1) * .3))}50%,to{filter:brightness(calc(var(--brightness,1) * 1.4))}}@keyframes rainbowSpin{0%{background:#ff004c}20%{background:#ff9e00}40%{background:#15d400}60%{background:#00b8ff}80%{background:#5933ff}to{background:#ff004c}}@keyframes softStrobe{0%,to{filter:brightness(calc(var(--brightness,1) * .75))}20%{filter:brightness(calc(var(--brightness,1) * 1.2))}40%{filter:brightness(calc(var(--brightness,1) * .8))}60%{filter:brightness(calc(var(--brightness,1) * 1.25))}80%{filter:brightness(calc(var(--brightness,1) * .85))}}@media (width<=920px){.page-grid,.share-grid{grid-template-columns:1fr}.panel-header,.panel-headline{flex-direction:column;align-items:flex-start}}@media (width<=640px){.home-shell,.app-shell{padding:16px}.hero-card,.panel-card{border-radius:22px}.hero-card{padding:24px}.hero-actions.compact,.button-row,.control-row,.status-row{flex-direction:column}}