:root{--bg: #07080c}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%}body{margin:0;background:var(--bg);overflow:hidden}.banner-stage{position:relative;width:100vw;height:100dvh;display:grid;place-items:center;isolation:isolate;background:radial-gradient(circle at 12% 15%,rgba(255,213,126,.16),transparent 32%),radial-gradient(circle at 82% 82%,rgba(123,171,255,.12),transparent 38%),#050609}.orbit-gallery{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:auto;overflow:hidden}.orbit-item{position:absolute;left:var(--x);top:0;width:var(--size);border-radius:14px;overflow:hidden;background:#ffffff08;transform:translateZ(0) scale(1);opacity:.82;will-change:transform,opacity;pointer-events:auto;cursor:pointer;border:1px solid rgba(240,204,128,.38);box-shadow:0 10px 24px #00000057,0 0 14px #f1c66624}.orbit-item.is-landscape{width:calc(var(--size) * 1.34)}.orbit-item.fx-float .orbit-card{box-shadow:0 10px 24px #00000057,0 0 16px #f1c66633}.orbit-item.fx-spin .orbit-card{box-shadow:0 12px 28px #0000005c,0 0 18px #91c2ff38}.orbit-item.fx-shimmer .orbit-card{box-shadow:0 12px 26px #00000057,0 0 20px #ffde923d}.orbit-item.fx-depth .orbit-card{box-shadow:0 16px 34px #0006,0 0 14px #bedeff33}.orbit-card{width:100%;height:100%;aspect-ratio:auto;border-radius:12px;overflow:hidden}.orbit-item img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.98) contrast(1.04);transition:filter .22s ease}.zoom-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.zoom-card{position:fixed;left:var(--banner-center-x, 50vw);top:var(--banner-center-y, 50vh);width:min(42vw,70vh);aspect-ratio:3 / 4;transform:translate(-50%,-50%) scale(1);border-radius:22px;border:1px solid rgba(247,212,136,.65);overflow:hidden;background:#ffffff0a;box-shadow:0 28px 70px #00000094,0 0 28px #f5c96f4d;opacity:1}.zoom-card.is-landscape{width:min(56vw,72vh);aspect-ratio:4 / 3}.zoom-card img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.08) contrast(1.08)}.banner-frame{width:min(70vw,1120px);aspect-ratio:3 / 2;height:auto;max-width:1180px;min-width:320px;overflow:hidden;border-radius:24px;border:1px solid rgba(233,191,107,.78);box-shadow:0 40px 95px #000000a3,0 14px 36px #00000042,0 0 44px #ffd38229,0 0 0 1px #f9d68e4d inset;transform:translateZ(0);animation:floatBanner 6.8s ease-in-out infinite;background:linear-gradient(145deg,#ffffff17,#ffffff05),#050609;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:6px;position:relative;isolation:isolate;z-index:2}.banner-frame:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:18px;background:linear-gradient(118deg,#ffffff47,#ffffff12 22%,#fff0 48%),radial-gradient(circle at 84% 14%,rgba(255,239,205,.2),transparent 32%);mix-blend-mode:screen;opacity:.76;pointer-events:none;z-index:2}.banner-frame:after{content:"";position:absolute;left:9%;right:9%;bottom:-22px;height:30px;border-radius:999px;background:radial-gradient(ellipse at center,#ffc95cb8,#ffc95c33,#ffc95c00);filter:blur(14px);pointer-events:none;z-index:-1;animation:neonPulse 3.6s ease-in-out infinite alternate}.banner-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:18px;filter:saturate(1.02) contrast(1.03)}.ambient{position:absolute;border-radius:999px;filter:blur(48px);z-index:-1;pointer-events:none}.ambient-a{width:28vw;height:28vw;min-width:180px;min-height:180px;left:6%;top:12%;background:radial-gradient(circle,#ffc75d59,#ffc75d00);animation:pulseA 4.5s ease-in-out infinite alternate}.ambient-b{width:24vw;height:24vw;min-width:150px;min-height:150px;right:7%;bottom:8%;background:radial-gradient(circle,#7cacff4d,#7cacff00);animation:pulseB 5.4s ease-in-out infinite alternate}.sweep{position:absolute;inset:-20% auto -20% -45%;width:45%;background:linear-gradient(110deg,#fff0,#ffffff26 48%,#fff0);transform:rotate(10deg);animation:sweep 5.6s ease-in-out infinite;pointer-events:none}.audio-toggle{position:fixed;right:14px;bottom:14px;z-index:40;min-width:68px;height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(245,204,118,.78);background:#10121894;color:#f0d7a0;font-size:.78rem;font-weight:600;letter-spacing:.02em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.audio-toggle:hover{transform:translateY(-1px);box-shadow:0 6px 18px #00000059,0 0 14px #f5c96f52;background:#1c1e24b8}.song-ticker{position:fixed;right:94px;bottom:14px;z-index:40;width:min(44vw,430px);height:34px;border-radius:999px;border:1px solid rgba(245,204,118,.48);background:#1012188f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:hidden;pointer-events:none}.song-ticker-track{display:inline-flex;align-items:center;gap:2.6rem;white-space:nowrap;min-width:max-content;height:100%;padding-right:2rem;animation:tickerScroll 16s linear infinite}.song-ticker span{color:#f0d7a0;font-size:.72rem;font-weight:600;letter-spacing:.02em;line-height:1;padding-left:1rem}@keyframes floatBanner{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-14px) scale(1.008)}}@keyframes pulseA{0%{transform:scale(.95);opacity:.8}to{transform:scale(1.1);opacity:1}}@keyframes pulseB{0%{transform:scale(1);opacity:.65}to{transform:scale(1.15);opacity:.95}}@keyframes sweep{0%{transform:translate(0) rotate(10deg);opacity:0}18%{opacity:.8}45%{opacity:0}to{transform:translate(360%) rotate(10deg);opacity:0}}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(orientation:portrait){.banner-frame{width:min(90vw,56dvh);aspect-ratio:2 / 3;height:auto;border-radius:18px;border-width:1px;padding:4px;transform:translateZ(0);animation:floatMobile 5.4s ease-in-out infinite}.banner-image{object-fit:cover}.banner-frame:before{top:4px;right:4px;bottom:4px;left:4px;border-radius:14px;opacity:.68}.orbit-item{width:52px;border-radius:10px;border-width:.9px;opacity:.86}.orbit-item.is-landscape{width:69.68px}.orbit-card{border-radius:10px}.sweep{width:70%;inset:-20% auto -20% -75%}.zoom-card{width:min(72vw,76dvh)}.zoom-card.is-landscape{width:min(86vw,76dvh)}.audio-toggle{right:10px;bottom:10px;height:32px;min-width:64px;font-size:.74rem}.song-ticker{right:82px;bottom:10px;width:min(56vw,280px);height:32px}.song-ticker span{font-size:.68rem;padding-left:.82rem}@keyframes floatMobile{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}}@media(orientation:landscape){.banner-frame{width:min(70vw,1120px);aspect-ratio:3 / 2}}@keyframes neonPulse{0%{opacity:.58;transform:scaleX(.95)}to{opacity:.95;transform:scaleX(1.06)}}