:root{--accent:#1ed760;--accent-2:#22d3ee;--accent-3:#8b5cf6;--ink:#eaf1f9;--muted:#9fb0c3;--panel:rgba(12,18,30,0.55);--panel-border:rgba(255,255,255,0.09)}*{box-sizing:border-box}body{margin:0;padding:0;background:radial-gradient(ellipse at center 60%,rgba(150,180,210,.6) 0,rgba(45,75,110,.5) 30%,rgba(5,12,25,.9) 70%),linear-gradient(180deg,#02050a 0,#0a1120 50%,#152033);height:100vh;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);position:relative}.aurora{position:fixed;inset:-20%;z-index:-2;pointer-events:none;background:radial-gradient(40% 40% at 22% 30%,rgba(30,215,96,.2),transparent 60%),radial-gradient(45% 45% at 78% 35%,rgba(34,211,238,.16),transparent 60%),radial-gradient(50% 50% at 55% 80%,rgba(139,92,246,.16),transparent 60%);filter:blur(40px);animation:auroraDrift 24s ease-in-out infinite alternate}@keyframes auroraDrift{0%{transform:translate3d(-3%,-2%,0) scale(1)}50%{transform:translate3d(3%,2%,0) scale(1.08)}to{transform:translate3d(-2%,3%,0) scale(1)}}.star-bg{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-1}.star{position:absolute;background-color:#fff;border-radius:50%;animation:twinkle linear infinite;box-shadow:0 0 5px #fff}@keyframes twinkle{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(.5)}}.stage{position:relative;z-index:1;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:84px 24px 64px}.stage-head{text-align:center;margin-bottom:4px}.eyebrow{margin:0 0 6px;font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:var(--accent);opacity:.85}.stage-title{margin:0;font-size:clamp(26px,3.4vw,42px);font-weight:800;letter-spacing:.2em;background:linear-gradient(120deg,#ffffff 0,#c2d0e0 55%,var(--accent) 120%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 6px 34px rgba(0,0,0,.45)}.scene{position:relative;width:100%;height:clamp(280px,46vh,460px);perspective:1200px;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:-webkit-grab;cursor:grab}.scene:active{cursor:-webkit-grabbing;cursor:grabbing}.stage-floor{position:absolute;bottom:7%;left:50%;transform:translateX(-50%);width:min(620px,78%);height:90px;background:radial-gradient(ellipse at center,rgba(30,215,96,.22),rgba(34,211,238,.1) 42%,transparent 72%);filter:blur(16px);pointer-events:none;z-index:0}.carousel{width:200px;height:200px;position:relative;transform-style:preserve-3d;transform:rotateX(-15deg) rotateY(0deg);transition:transform .1s linear}.carousel.switching{animation:carouselIn .5s ease}@keyframes carouselIn{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}.cd-item{position:absolute;width:200px;height:200px;cursor:pointer;transform-style:preserve-3d;transition:transform .3s,filter .25s,opacity .25s;will-change:transform,opacity}.cd-title{position:absolute;top:-40px;left:0;width:100%;text-align:center;font-size:18px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8);transform:translateZ(15px);pointer-events:none;opacity:0;transition:opacity .25s}.cd-item.is-front .cd-title{opacity:1}.category-sidebar{position:fixed;top:84px;left:24px;width:212px;background:var(--panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:18px;border:1px solid var(--panel-border);border-radius:18px;z-index:100;box-shadow:0 20px 50px rgba(0,0,0,.45)}.category-sidebar h3{margin:0 0 14px;font-size:14px;font-weight:700;color:var(--accent);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px;letter-spacing:.12em}.category-sidebar ul{list-style:none;padding:0;margin:0}.category-sidebar li{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px 10px 14px;margin-bottom:6px;cursor:pointer;border-radius:10px;transition:background .25s,color .25s,transform .25s;font-size:14px;color:var(--muted);overflow:hidden}.category-sidebar li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:60%;border-radius:3px;background:var(--accent);transition:transform .25s cubic-bezier(.2,.8,.2,1)}.category-sidebar .cat-dot{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.55;flex:0 0 auto;transition:opacity .25s,box-shadow .25s}.category-sidebar .cat-name{flex:1 1 auto}.category-sidebar .cat-count{font-size:11px;font-weight:600;color:var(--muted);background:rgba(255,255,255,.06);border-radius:999px;padding:1px 8px;min-width:24px;text-align:center}.category-sidebar li:hover{background:rgba(255,255,255,.08);color:#ffffff;transform:translateX(4px)}.category-sidebar li.active{background:rgba(30,215,96,.14);color:var(--accent);font-weight:700}.category-sidebar li.active:before{transform:translateY(-50%) scaleY(1)}.category-sidebar li.active .cat-dot{opacity:1;box-shadow:0 0 8px var(--accent)}.category-sidebar li.active .cat-count{color:#07130b;background:var(--accent)}.cd-face{position:absolute;top:0;left:0;bottom:0;right:0;background-size:cover;background-position:50%;border:1px solid rgba(255,255,255,.1)}.cd-front{transform:translateZ(10px);box-shadow:0 0 15px rgba(0,0,0,.5);overflow:hidden;z-index:2}.cd-front:after{content:"";position:absolute;top:-60%;left:-30%;width:60%;height:220%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.28),transparent);transform:rotate(8deg);pointer-events:none}.cd-back{background-color:#282828;transform:rotateY(180deg) translateZ(10px)}.cd-bottom,.cd-left,.cd-right,.cd-top{background-color:#0a0a0a}.cd-top{transform:rotateX(90deg) translateZ(10px)}.cd-bottom,.cd-top{height:20px;top:-10px}.cd-bottom{transform:rotateX(-90deg) translateZ(190px)}.cd-left{transform:rotateY(-90deg) translateZ(10px)}.cd-left,.cd-right{width:20px;left:-10px}.cd-right{transform:rotateY(90deg) translateZ(190px)}.now-playing{margin-top:10px;min-height:60px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.np-label{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}.np-title{font-size:20px;font-weight:700;color:#fff;max-width:min(70vw,520px)}.np-title.flip{animation:npFlip .35s ease}@keyframes npFlip{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.np-link{font-size:13px;color:var(--accent);text-decoration:none;opacity:.9;transition:text-shadow .2s,opacity .2s}.np-link:hover{opacity:1;text-shadow:0 0 12px rgba(30,215,96,.6)}.controls{width:min(560px,82%);margin-top:14px;flex-direction:column;gap:10px}.control-row,.controls{display:flex;align-items:center}.control-row{width:100%;gap:14px}.spin-btn{flex:0 0 auto;width:42px;height:42px;border-radius:50%;border:1px solid var(--panel-border);background:var(--panel);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--accent);font-size:13px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:border-color .2s,box-shadow .2s,transform .2s}.spin-btn:hover{border-color:var(--accent);box-shadow:0 0 14px rgba(30,215,96,.35);transform:scale(1.06)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:linear-gradient(90deg,rgba(30,215,96,.5),rgba(34,211,238,.4));border-radius:5px;outline:none;opacity:.85;transition:opacity .2s;cursor:pointer}input[type=range]:hover{opacity:1}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 0 4px rgba(30,215,96,.25),0 0 8px rgba(0,0,0,.5)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 0 4px rgba(30,215,96,.25),0 0 8px rgba(0,0,0,.5);border:none}.instruction{font-size:13px;color:var(--muted);letter-spacing:.02em}footer{position:fixed;bottom:0;left:0;width:100%;background-color:rgba(0,0,0,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#B7B7B7;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:12px;padding:10px 0;z-index:100}footer,footer p{text-align:center}footer p{margin:0;max-width:90%;word-wrap:break-word}footer img{margin-top:5px}.navbar{transition:background-color .3s ease-in-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.nav-link{position:relative;transition:color .3s ease-in-out;font-weight:500}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:50%;background-color:#fff;transition:all .3s cubic-bezier(.2,.8,.2,1)}.nav-link:hover:after{width:100%;left:0}.custom-toggler .toggler-icon{display:block;width:30px;height:2px;margin:6px 0;background-color:#fff;transition:all .3s cubic-bezier(.2,.8,.2,1)}.navbar-toggler{padding:0;border:none}.navbar-toggler:focus{box-shadow:none;outline:none}.custom-toggler[aria-expanded=true] .toggler-icon:first-child{transform:rotate(-45deg) translate(-5px,6px)}.custom-toggler[aria-expanded=true] .toggler-icon:nth-child(2){opacity:0}.custom-toggler[aria-expanded=true] .toggler-icon:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}@media (max-width:980px){.category-sidebar{width:184px;left:14px;padding:14px}}@media (max-width:820px){.category-sidebar{position:static;width:min(94%,560px);margin:76px auto 0;padding:12px 14px}.category-sidebar ul{display:flex;flex-wrap:wrap;gap:8px}.category-sidebar li{margin-bottom:0}.category-sidebar li:before{display:none}.stage{padding-top:16px}}@media (prefers-reduced-motion:reduce){.aurora,.carousel,.cd-item,.star{animation:none!important;transition:none!important}}