:root{color-scheme:dark;--bg:#04151f;--card:rgba(8,29,41,0.78);--card-strong:rgba(10,34,48,0.86);--line:rgba(157,244,255,0.14);--text:#ebfbff;--muted:#91c6cf;--accent:#5eead4;--accent-strong:#06b6d4}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(circle at top,rgba(94,234,212,.12),transparent 28%),radial-gradient(circle at bottom right,rgba(6,182,212,.16),transparent 26%),linear-gradient(180deg,#02070c 0,var(--bg) 100%);color:var(--text);font-family:Avenir Next,Segoe UI,sans-serif}button{font:inherit}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:40px 0 80px}.heroBlock{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:24px;gap:24px;align-items:center}.hero{max-width:760px}.eyebrow,.label{color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-size:.8rem}.hero h1{margin:8px 0 0;font-size:clamp(3rem,7vw,6rem);line-height:.95}.lede{margin:16px 0 24px;color:var(--muted);line-height:1.7}.controlCard,.heroCard,.inspector,.modes,.scenePicker,.screen{border:1px solid var(--line);border-radius:28px;background:var(--card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 16px 48px rgba(0,0,0,.24)}.heroCard{padding:24px;background:var(--card-strong)}.heroCard h2,.inspector h2{margin:8px 0 12px}.controlCard li,.displayCard p,.displayHero span,.heroCard p,.inspector p,.screenFooter span{color:var(--muted);line-height:1.6}.modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;padding:16px;margin-top:24px}.controlCard button,.modes button,.sceneTile{border:1px solid var(--line);border-radius:20px;padding:14px 16px;background:rgba(255,255,255,.03);color:var(--text);cursor:pointer}.modes button{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.modes button small,.sceneTile small{color:var(--muted)}.modes button.active,.sceneTile.active{background:linear-gradient(135deg,rgba(94,234,212,.18),rgba(6,182,212,.12));border-color:rgba(94,234,212,.45)}.scenePicker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;padding:16px;margin-top:18px}.sceneTile{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left}.sceneVenue,.screenVenue{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}.layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.8fr);grid-gap:24px;gap:24px;margin-top:24px}.inspector,.screen{padding:24px}.screenFooter,.screenTop{display:flex;align-items:center;justify-content:space-between;gap:16px}.screenFrame{aspect-ratio:16/10;border-radius:28px;overflow:hidden;position:relative;margin-top:16px;background:linear-gradient(160deg,rgba(94,234,212,.2),rgba(4,21,31,.8));border:1px solid rgba(255,255,255,.06)}.screenFrame:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.16) 50%,transparent 80%);transform:translateX(-120%);animation:sweep 4s linear infinite}.screenGlow{position:absolute;inset:auto auto 18% 10%;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(94,234,212,.32),rgba(6,182,212,0));filter:blur(12px)}.displayHero{position:absolute;inset:10% 9% auto 9%;z-index:1;max-width:58%}.displayHero p{margin:0 0 8px;color:#cbfffb;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.displayHero h2{margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:.95}.displayRail{position:absolute;left:9%;right:9%;bottom:14%;z-index:1;display:flex;gap:10px;flex-wrap:wrap}.displayChip{border-radius:999px;padding:9px 12px;border:1px solid rgba(255,255,255,.08)}.displayCard,.displayChip{background:rgba(255,255,255,.08)}.displayCard{position:absolute;border-radius:22px;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1;padding:16px}.displayCard strong{display:block;margin-bottom:8px}.displayCard.large{inset:auto 8% 30% auto;width:34%}.displayCard.small.left{inset:auto auto 12% 9%;width:24%}.displayCard.small.right{inset:auto 9% 12% auto;width:22%}.screenFooter{margin-top:16px}.controlStack{display:grid;grid-gap:14px;gap:14px;margin-top:18px}.controlCard{padding:18px}.controlCard span{display:block;color:var(--muted);margin-bottom:8px}.controlCard strong{display:block;margin-bottom:12px}.controlCard ul{margin:0;padding-left:18px}.controlCard button{margin-top:8px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#03262c}.mode-ripple .displayCard.large{animation:float 2.8s ease-in-out infinite}.mode-glow .screenFrame{box-shadow:0 0 0 1px rgba(94,234,212,.14),0 0 42px rgba(94,234,212,.16)}.mode-pulse .displayChip{animation:pulse 1.7s ease-in-out infinite alternate}@keyframes sweep{to{transform:translateX(120%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.04)}}@media (max-width:980px){.heroBlock,.layout,.modes,.scenePicker{grid-template-columns:1fr}}