:root{--surface: #000d27;--surface-low: #041233;--surface-container: #081a40;--surface-high: #0d234e;--surface-bright: #14305f;--primary: #73ffe2;--primary-dim: #26fedc;--secondary: #ac8aff;--secondary-btn: #8b5cf6;--tertiary: #f1e7ff;--on-surface: #e8eefc;--on-variant: #96abd9;--ghost: rgba(51, 72, 111, .15);--danger: #ff8aa8;--radius: .5rem}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--surface);color:var(--on-surface);font-family:Manrope,system-ui,sans-serif;min-height:100vh;background-image:radial-gradient(1200px 800px at 85% -10%,rgba(172,138,255,.1),transparent 60%),radial-gradient(1000px 700px at -10% 40%,rgba(38,254,220,.06),transparent 55%),radial-gradient(900px 900px at 60% 110%,rgba(139,92,246,.08),transparent 60%);background-attachment:fixed}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3{letter-spacing:-.02em;font-weight:800}.display{font-size:clamp(2.2rem,6vw,4rem);line-height:1.05;color:var(--primary)}.headline{font-size:clamp(1.3rem,3vw,1.9rem)}.muted{color:var(--on-variant)}.small{font-size:.82rem}a{color:var(--primary);text-decoration:none}.container{width:min(1120px,92vw);margin:0 auto}.glass{background:#0d234e80;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:1rem;box-shadow:0 4px 12px #ac8aff0f,inset 0 0 0 1px var(--ghost)}.card{padding:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;font-weight:700;font-size:.95rem;padding:.7rem 1.4rem;border:none;border-radius:var(--radius);cursor:pointer;transition:all .25s ease;background:var(--secondary-btn);color:#fff}.btn:hover{box-shadow:0 0 24px #73ffe240;transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn.ghost{background:transparent;color:var(--primary);box-shadow:inset 0 0 0 1px var(--ghost)}.btn.ghost:hover{box-shadow:inset 0 0 0 1px #73ffe259}.btn.danger{background:transparent;color:var(--danger);box-shadow:inset 0 0 0 1px #ff8aa840}.btn.big{padding:.95rem 2rem;font-size:1.05rem}.btn.small{padding:.4rem .9rem;font-size:.82rem}.input,select.input,textarea.input{width:100%;font-family:inherit;font-size:.95rem;background:var(--surface-low);color:var(--on-surface);border:none;border-radius:var(--radius);padding:.75rem 1rem;outline:none;box-shadow:inset 0 0 0 1px var(--ghost);transition:box-shadow .25s ease}.input:focus{box-shadow:inset 0 -2px 0 0 var(--primary),inset 0 0 0 1px var(--ghost),0 0 16px #73ffe21f}label.field{display:block;margin-bottom:1rem}label.field>span{display:block;font-size:.8rem;font-weight:600;color:var(--on-variant);margin-bottom:.4rem;letter-spacing:.02em}.chip{display:inline-flex;align-items:center;gap:.4rem;background:var(--surface-bright);color:var(--on-surface);border-radius:999px;padding:.3rem .85rem;font-size:.8rem;font-weight:600}.chip.cyan{color:var(--primary)}.chip.lav{color:var(--secondary)}nav.top{position:sticky;top:0;z-index:40;background:#000d27b3;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}nav.top .inner{display:flex;align-items:center;gap:1.5rem;padding:.9rem 0;flex-wrap:wrap;row-gap:.35rem}nav.top a.navlink,.logo,.badge-credits,.chip{white-space:nowrap}.logo{font-weight:800;font-size:1.15rem;color:var(--tertiary);letter-spacing:-.02em}.logo em{color:var(--primary);font-style:normal}nav.top a.navlink{color:var(--on-variant);font-weight:600;font-size:.9rem;transition:color .2s}nav.top a.navlink:hover,nav.top a.navlink.active{color:var(--primary)}.spacer{flex:1}.row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.grid{display:grid;gap:1.25rem}.grid.cols3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid.cols2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.stack{display:flex;flex-direction:column;gap:1rem}section.block{padding:4rem 0}section.hero{padding:6rem 0 4rem}table.data{width:100%;border-collapse:collapse;font-size:.85rem}table.data th{text-align:left;color:var(--on-variant);font-weight:600;padding:.6rem .75rem}table.data td{padding:.6rem .75rem;background:#04123380}table.data tr td:first-child{border-radius:var(--radius) 0 0 var(--radius)}table.data tr td:last-child{border-radius:0 var(--radius) var(--radius) 0}.scroll-x{overflow-x:auto}.toggle{position:relative;width:46px;height:26px;flex:none;cursor:pointer}.toggle input{opacity:0;width:0;height:0}.toggle .track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--surface-bright);transition:background .25s}.toggle .track:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--on-variant);transition:all .25s}.toggle input:checked+.track{background:#73ffe240}.toggle input:checked+.track:after{left:23px;background:var(--primary);box-shadow:0 0 10px #73ffe299}input[type=range]{accent-color:var(--secondary-btn);width:100%}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:100;padding:.85rem 1.4rem;border-radius:var(--radius);background:var(--surface-high);color:var(--on-surface);font-weight:600;font-size:.9rem;box-shadow:0 8px 32px #0006,0 0 0 1px var(--ghost),0 0 24px #73ffe226;animation:toast-in .3s ease}.toast.error{box-shadow:0 8px 32px #0006,0 0 0 1px #ff8aa84d;color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000512b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1rem}.modal{width:min(480px,94vw);max-height:90vh;overflow-y:auto}.page{animation:fade-in .35s ease;position:relative;z-index:1;flex:1}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}footer.site{padding:3rem 0;color:var(--on-variant);font-size:.82rem}.badge-credits{display:inline-flex;align-items:center;gap:.45rem;background:var(--surface-high);border-radius:999px;padding:.35rem 1rem;font-weight:700;font-size:.85rem;color:var(--primary);box-shadow:0 0 16px #73ffe21a}@media(max-width:700px){.container{width:94vw}nav.top .inner{gap:.7rem;padding:.6rem 0}.nav-name{display:none}section.hero{padding:3.5rem 0 2.5rem}section.block{padding:2.5rem 0}.display{font-size:clamp(1.9rem,9vw,2.7rem)}.card{padding:1.1rem}}.orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;pointer-events:none;z-index:0}@keyframes breathe{0%,to{transform:scale(1);opacity:.75}50%{transform:scale(1.12);opacity:1}}.pulse-disc{width:84px;height:84px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#73ffe2e6,#8b5cf68c);box-shadow:0 0 40px #73ffe259}.playing .pulse-disc{animation:breathe 4s ease-in-out infinite}.trackcard{position:relative;overflow:hidden}.trackcard .art{height:120px;border-radius:.75rem;margin-bottom:1rem;background:radial-gradient(circle at 30% 40%,rgba(115,255,226,.35),transparent 60%),radial-gradient(circle at 75% 65%,rgba(172,138,255,.4),transparent 55%),var(--surface-low);box-shadow:0 0 24px #26fedc1f;display:flex;align-items:center;justify-content:center}