:root{--bg0:#06070a;--bg1:#0a0b10;--panel:#0c0e14;--panel2:#0a0c12;--border:#ffffff24;--border2:#ffffff17;--text:#ffffffeb;--muted:#ffffffad;--muted2:#ffffff85;--shadow:0 20px 60px #0000008c;--r12:12px;--r16:16px;--r20:20px;--ring:0 0 0 3px #ffffff29;--ring2:0 0 0 3px #ffffff1f;--container:1120px}*{box-sizing:border-box}html,body{height:100%}body{color:var(--text);background:radial-gradient(1100px 800px at 18% -10%, #ffffff14, transparent 60%), radial-gradient(1100px 800px at 82% 0%, #ffffff0d, transparent 55%), linear-gradient(180deg, var(--bg0), var(--bg1));margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,Liberation Sans,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}.skip{border:1px solid var(--border);background:#000000a6;border-radius:10px;padding:10px 12px;position:absolute;top:8px;left:-999px}.skip:focus{box-shadow:var(--ring);outline:none;left:8px}.container{width:min(var(--container), calc(100% - 40px));margin:0 auto}.page{opacity:0;transition:opacity .28s,transform .28s;transform:translateY(6px)}.page.is-ready{opacity:1;transform:translateY(0)}.page.is-leaving{opacity:0;transform:translateY(6px)}.bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg__photo{object-fit:cover;opacity:.22;filter:contrast(1.06)brightness(.86);width:120%;height:120%;transform:translate3d(0, calc(var(--parallax-y,0px) * 1), 0) scale(1.06);will-change:transform;opacity:calc(.24 + (var(--scroll-p,0) * .14));position:absolute;inset:-10%}.bg:after{content:"";background:radial-gradient(900px 560px at 50% 15%,#ffffff1a,#0000 65%),linear-gradient(#06070acc,#06070aeb 35%,#06070af5);position:absolute;inset:0}.bg__grid{opacity:.25;background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 1px),linear-gradient(#ffffff0a 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:-2px;-webkit-mask-image:radial-gradient(60% 55% at 50% 35%,#000 40%,#0000 75%);mask-image:radial-gradient(60% 55% at 50% 35%,#000 40%,#0000 75%)}.bg__glow{filter:blur(40px);opacity:.28;border-radius:999px;width:900px;height:900px;animation:9s ease-in-out infinite float;position:absolute}.bg__glow--a{background:radial-gradient(circle at 30% 30%,#ffffff38,#0000 65%);top:-280px;left:-260px}.bg__glow--b{background:radial-gradient(circle at 30% 30%,#ffffff2e,#0000 62%);animation-duration:11s;top:-320px;right:-260px}@keyframes float{0%,to{transform:translate(0,0)}50%{transform:translateY(22px)}}.topbar{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border2);background:#06070c8c;position:sticky;top:0}.topbar__inner{justify-content:space-between;align-items:center;gap:18px;padding:14px 0;display:flex}.brand{align-items:center;gap:12px;min-width:220px;display:flex}.brand__logo{border:1px solid #ffffff2e;border-radius:12px;width:38px;height:38px;box-shadow:0 10px 30px #00000073}.brand__text{flex-direction:column;line-height:1.1;display:flex}.brand__name{letter-spacing:.06em;font-weight:850}.brand__tag{color:var(--muted2);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.nav{border:1px solid var(--border2);background:linear-gradient(#0e10169e,#0a0c109e);border-radius:999px;align-items:center;gap:8px;padding:8px;display:flex}.nav__link{color:var(--muted);border-radius:999px;padding:10px 14px;transition:transform .18s,background .18s,color .18s,box-shadow .18s;position:relative;overflow:hidden}.nav__link:before{content:"";opacity:0;background:radial-gradient(circle at 30% 30%,#ffffff1f,#0000 55%),radial-gradient(circle at 70% 20%,#ffffff14,#0000 55%);transition:opacity .18s;position:absolute;inset:-30px}.nav__link:hover{color:var(--text);transform:translateY(-1px)}.nav__link:hover:before{opacity:1}.nav__link.is-active{color:var(--text);background:linear-gradient(90deg,#ffffff24,#ffffff0f);border:1px solid #ffffff24;box-shadow:0 10px 30px #00000059}.topbar__actions{align-items:center;gap:10px;display:flex}.nav__link--admin{white-space:nowrap}.btn{border:1px solid var(--border2);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;background:#0f121ba6;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 14px;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:inline-flex}.btn:hover{border-color:#ffffff2e;transform:translateY(-1px);box-shadow:0 14px 36px #00000059}.btn:active{transform:translateY(0)}.btn:focus-visible{box-shadow:var(--ring);outline:none}.btn__icon{opacity:.9}.btn--primary{background:linear-gradient(#ffffff2e,#ffffff12);border:none}.btn--primary:hover{box-shadow:0 18px 44px #0000006b}.btn--ghost{background:#0f121b59}.btn--mini{border-radius:8px;padding:10px 12px;font-size:13px}.card{background:linear-gradient(#0f1014b3,#090a0eb8);border:none;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 22px 70px #0000008c}.card:after{content:"";opacity:.75;pointer-events:none;background:linear-gradient(135deg,#ffffff1a,#0000 38%,#ffffff0f),radial-gradient(800px 240px at 30% 10%,#ffffff1f,#0000 70%);position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}.section{padding:20px 0 8px}.section__head{justify-content:space-between;align-items:flex-end;gap:14px;padding:10px 4px 14px;display:flex}.section__title{letter-spacing:.02em;margin:0;font-size:22px}.section__hint{color:var(--muted);margin:0;font-size:13px}.hero{grid-template-columns:1.15fr .85fr;gap:14px;min-height:360px;margin-top:18px;padding:16px;display:grid}.card--hero{border-radius:10px}.hero__media{background:#00000040;border:none;border-radius:10px;min-height:320px;position:relative;overflow:hidden}.hero__img{object-fit:contain;filter:contrast(1.05)brightness(.95);background:#00000047;width:100%;height:100%;transform:none}.hero__sheen{opacity:.35;mix-blend-mode:screen;background:conic-gradient(from 120deg,#ffffff1f,#ffffff38,#ffffff14,#ffffff1f);animation:6s linear infinite sheen;position:absolute;inset:-80px}@keyframes sheen{to{transform:rotate(360deg)}}.hero__content{padding:6px 8px 10px}.hero__title{margin:10px 0 8px;font-size:clamp(28px,3.2vw,44px);line-height:1.05}.hero__titleAccent{background:linear-gradient(90deg,#fffffffa,#ffffff9e);color:#0000;-webkit-background-clip:text;background-clip:text}.hero__subtitle{color:var(--muted);margin:0 0 14px;line-height:1.5}.hero__cta{flex-wrap:wrap;gap:10px;display:flex}.hero__stats{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.stat{border:1px solid var(--border2);background:#0b0e167a;border-radius:14px;min-width:120px;padding:10px 12px;position:relative;overflow:hidden}.stat:before{content:"";opacity:.6;background:linear-gradient(90deg,#ffffff24,#ffffff0f);position:absolute;inset:-2px;-webkit-mask-image:radial-gradient(circle at 20% 0,#000 10%,#0000 65%);mask-image:radial-gradient(circle at 20% 0,#000 10%,#0000 65%)}.stat__value{letter-spacing:.06em;font-size:18px;font-weight:900}.stat__label{color:var(--muted2);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.pill{letter-spacing:.12em;text-transform:uppercase;background:#00000038;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:inline-flex}.dot{border-radius:999px;width:10px;height:10px;display:inline-block}.dot--live{background:radial-gradient(circle at 30% 30%,#fff,#ffffffb8 38%,#ffffff2e);animation:1.6s ease-in-out infinite pulse;box-shadow:0 0 0 4px #ffffff1a,0 0 22px #ffffff1f}@keyframes pulse{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.15);transform:scale(1.08)}}.grid{gap:12px;display:grid}.grid--banners{grid-template-columns:1.4fr 1fr 1fr 1fr 1.4fr}.grid--cards{grid-template-columns:repeat(3,1fr)}.tile{background:#0003;border:none;border-radius:10px;min-height:110px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden;transform:translateZ(0)}.tile:hover{transform:translateY(-2px);box-shadow:0 18px 44px #00000061}.tile__img{object-fit:contain;filter:contrast(1.06)brightness(.92);opacity:.98;background:#0000004d;width:100%;height:100%;transition:filter .28s,opacity .28s;transform:none}.tile:hover .tile__img{opacity:1;filter:contrast(1.1)brightness()}.tile__label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.12em;text-transform:uppercase;background:#00000061;border:none;border-radius:999px;padding:7px 10px;font-size:12px;position:absolute;bottom:10px;left:12px}.tile--wide{grid-column:span 2}.chiprow{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border2);color:var(--muted);cursor:pointer;background:#0f121b59;border-radius:999px;padding:10px 12px;transition:transform .18s,background .18s,border-color .18s,color .18s}.chip:hover{color:var(--text);border-color:#ffffff2e;transform:translateY(-1px)}.chip.is-active{color:var(--text);background:linear-gradient(90deg,#ffffff29,#ffffff0f);border-color:#ffffff29}.chip:focus-visible{box-shadow:var(--ring);outline:none}.trackcard{background:#0b0e169e;border:none;border-radius:10px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden}.trackcard:after{content:"";opacity:.65;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(700px 220px at 30% 0,#ffffff1a,#0000 70%),linear-gradient(135deg,#ffffff14,#0000 40%,#ffffff0f);position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}.trackcard:hover{transform:translateY(-2px);box-shadow:0 18px 44px #0000006b}.trackcard__cover{aspect-ratio:4/3;background:#00000040;border-bottom:none;display:block;position:relative;overflow:hidden}.trackcard__cover img{object-fit:contain;filter:contrast(1.06)brightness(.92);opacity:.98;background:#0000004d;width:100%;height:100%;transition:filter .28s,opacity .28s;transform:none}.trackcard:hover .trackcard__cover img{filter:contrast(1.1)brightness();opacity:1}body[data-page=home] .ash{pointer-events:none;z-index:0;opacity:calc(1 - (var(--scroll-p,0) * 1.25));filter:blur(1px)contrast(1.05);mix-blend-mode:screen;position:fixed;inset:-40px}body[data-page=home] .ash:before{content:"";background:radial-gradient(600px 260px at 18% 12%,#ffffff2e,#0000 65%),radial-gradient(780px 320px at 70% 18%,#ffffff24,#0000 62%),radial-gradient(900px 420px at 45% 0,#ffffff1a,#0000 70%),linear-gradient(#ffffff14,#0000 40%);position:absolute;inset:0}.list{flex-direction:column;gap:10px;display:flex}.row{background:#0000002e;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.row__left{flex-direction:column;gap:4px;display:flex}.row__title{font-weight:820}.row__meta{color:var(--muted);font-size:12px}.row__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.select{color:var(--text);background:#00000038;border:1px solid #ffffff1a;border-radius:8px;padding:10px 12px}.select:focus{box-shadow:var(--ring2);border-color:#ffffff2e;outline:none}.textarea{resize:vertical;min-height:90px}.empty{color:var(--muted);background:#00000029;border-radius:10px;padding:16px}.trackcard__play{opacity:0;background:linear-gradient(#ffffff29,#ffffff0f);border:none;border-radius:8px;place-items:center;width:46px;height:46px;transition:transform .18s,opacity .18s;display:grid;position:absolute;bottom:12px;right:12px;transform:translateY(6px);box-shadow:0 12px 28px #00000059}.trackcard:hover .trackcard__play{opacity:1;transform:translateY(0)}.trackcard__body{padding:12px}.trackcard__meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.trackcard__title{margin:10px 0;font-size:18px}.trackcard__actions{flex-wrap:wrap;gap:8px;display:flex}.badge{letter-spacing:.12em;text-transform:uppercase;background:#00000038;border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:11px;display:inline-flex}.badge--cyan,.badge--lime{border-color:#ffffff29}.muted{color:var(--muted)}.badge--cyan,.badge--lime{border-color:#ffffff29}.footer{border-top:1px solid var(--border2);background:#06070c59;margin-top:34px;padding:24px 0 110px}.footer__inner{justify-content:space-between;align-items:center;gap:14px;display:flex}.footer__left{align-items:center;gap:12px;display:flex}.footer__logo{border:1px solid #ffffff2e;border-radius:12px;width:38px;height:38px}.footer__brand{letter-spacing:.08em;font-weight:850}.footer__right{flex-wrap:wrap;gap:14px;display:flex}.link{color:var(--muted);transition:color .18s}.link:hover{color:var(--text)}.player{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:60;background:#080a10b8;border-top:1px solid #ffffff1f;padding:10px 0;transition:transform .22s,opacity .22s;position:fixed;bottom:0;left:0;right:0;transform:translate(0,0)}.player.is-hidden{opacity:0;pointer-events:none;transform:translateY(120%)}.player:before{content:"";opacity:.9;background:linear-gradient(90deg,#0000,#ffffff24,#0000);height:1px;position:absolute;top:-1px;left:0;right:0}.player__inner{justify-content:space-between;align-items:center;gap:14px;display:flex}.player__now{align-items:center;gap:12px;min-width:260px;display:flex}.avatar{background:#00000040;border:1px solid #ffffff29;border-radius:16px;width:46px;height:46px;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.player__title{font-weight:800}.viz{opacity:.88;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;width:180px;height:22px;margin-top:8px;display:block;box-shadow:inset 0 1px #ffffff0f}.player__controls{display:none}.player__center{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;min-width:0;max-width:720px;display:flex}.player__centerTop{justify-content:center;align-items:center;gap:10px;display:flex}.player__right{justify-content:flex-end;align-items:center;gap:10px;display:flex}.pbtn--close{background:#0f121b2e;border-color:#ffffff1a}.pbtn--close:hover{border-color:#ffffff29}.pbtn{width:44px;height:44px;color:var(--text);background:#0f121b59;border:1px solid #ffffff1f;border-radius:16px;place-items:center;transition:transform .12s,box-shadow .18s,border-color .18s,background .18s,opacity .18s;display:grid}.icon{justify-content:center;align-items:center;display:inline-flex}.pbtn svg{display:block}.pbtn:hover{border-color:#ffffff2e;transform:translateY(-1px);box-shadow:0 14px 36px #00000059}.pbtn:active{transform:translateY(0)scale(.98)}.pbtn:disabled{opacity:.4;cursor:not-allowed}.pbtn.is-on{border-color:#ffffff2e;box-shadow:0 14px 36px #00000059}.pbtn--big{background:linear-gradient(#ffffff24,#ffffff0f);border-color:#ffffff29;width:54px;height:54px}.pbtn--big .icon{transform:translate(1px)}.player__bar{align-items:center;gap:12px;width:100%;display:flex}.bar{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;flex:1;height:10px;position:relative;overflow:hidden}.bar__fill{background:linear-gradient(90deg,#ffffffeb,#ffffff9e);height:100%;display:block;box-shadow:0 0 18px #ffffff1a}.player__time{color:var(--muted);font-size:12px}.playerq{z-index:70;width:min(420px,100% - 32px);position:fixed;bottom:92px;right:16px}.playerq__panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080a10d1;border:1px solid #ffffff1f;border-radius:18px;overflow:hidden;box-shadow:0 22px 70px #0000008c}.playerq__head{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.playerq__title{letter-spacing:.02em;font-weight:900}.playerq__list{max-height:360px;overflow:auto}.playerq__item{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:10px 12px;display:flex}.playerq__item:hover{background:#ffffff0f}.playerq__item.is-cur{background:#ffffff14}.playerq__n{font-variant-numeric:tabular-nums;opacity:.65;width:28px}.playerq__main{flex-direction:column;gap:2px;min-width:0;display:flex}.playerq__name{white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.playerq__sub{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:520px){.playerq{width:auto;left:12px;right:12px}}.modal{width:min(660px,100% - 24px);color:inherit;background:0 0;border:none}.modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009}.modal__panel{padding:14px}.modal__head{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.modal__title{letter-spacing:.06em;font-weight:900}.modal__actions{justify-content:flex-end;gap:10px;padding-top:12px;display:flex}.field{flex-direction:column;gap:8px;margin-top:12px;display:flex}.field__label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.input{color:var(--text);background:#00000038;border:1px solid #ffffff1f;border-radius:14px;padding:12px}.input:focus{box-shadow:var(--ring2);border-color:#ffffff2e;outline:none}.toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);opacity:0;pointer-events:none;background:#0000008c;border:1px solid #ffffff1f;border-radius:14px;padding:12px 14px;transition:opacity .18s,transform .18s;position:fixed;bottom:92px;left:50%;transform:translate(-50%);box-shadow:0 20px 60px #00000080}.toast.is-show{opacity:1;transform:translate(-50%)translateY(-6px)}.codepop{z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000009e;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.codepop__panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080a10db;border:1px solid #ffffff1f;border-radius:18px;width:min(720px,100% - 24px);padding:16px;box-shadow:0 22px 70px #0000008c}.codepop__title{letter-spacing:.01em;font-size:20px;font-weight:900}.codepop__row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:14px;display:flex}.codepop__input{letter-spacing:.22em;text-align:center;flex:1;min-width:220px;font-size:18px}.codepop__actions{justify-content:flex-end;margin-top:12px;display:flex}.pagehead{justify-content:space-between;align-items:flex-start;gap:14px;margin-top:18px;padding:16px;display:flex}.pagehead__title{margin:0;font-size:26px}.pagehead__sub{color:var(--muted);margin:8px 0 0;line-height:1.5}.pagehead__right{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.panel{background:#0b0c108c;border:none;border-radius:10px;padding:16px;box-shadow:0 16px 50px #0000004d}.formgrid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.formgrid .field{margin:0}.help{color:var(--muted2);font-size:12px;line-height:1.45}.hr{background:#ffffff1a;height:1px;margin:12px 0}.doc{color:var(--muted);line-height:1.6}.doc strong{color:var(--text)}.doc a{color:#ffffffdb}.doc a:hover{text-decoration:underline}.doc ul{margin:10px 0 0;padding-left:18px}.wave{background:linear-gradient(90deg,#ffffff17,#ffffff0a),repeating-linear-gradient(90deg,#ffffff0d 0 2px,#0000 2px 8px);border:1px solid #ffffff1f;border-radius:16px;height:74px;position:relative;overflow:hidden}.wave:before{content:"";opacity:.85;background:radial-gradient(circle at 20% 30%,#ffffff24,#0000 55%),radial-gradient(circle at 70% 40%,#ffffff1a,#0000 55%);animation:4.4s ease-in-out infinite waveMove;position:absolute;inset:-80px}@keyframes waveMove{0%,to{transform:translate(0,0)}50%{transform:translate(30px)}}@media (max-width:980px){.topbar__inner{flex-wrap:wrap}.brand{min-width:auto}.hero{min-height:unset;grid-template-columns:1fr}.grid--banners{grid-template-columns:1fr 1fr}.tile--wide{grid-column:span 1}.grid--cards{grid-template-columns:1fr}.player__bar{min-width:unset}.formgrid{grid-template-columns:1fr}.viz{width:100%}}
:root{--r-btn:12px;--r-card:14px;--r-soft:16px;--shadow-elev:0 22px 70px #0000008c;--accent-a:255 255 255;--accent-b:210 210 210}::selection{background:#ffffff29}:where(a,button,input,textarea,select,[tabindex]):focus-visible{box-shadow:var(--ring);outline:none}.topbar{position:sticky;top:0}.topbar:after{content:"";background:linear-gradient(90deg, rgba(var(--accent-a) / .85), #ffffff59);height:2px;transform:scaleX(var(--scroll-p,0));transform-origin:0;opacity:.55;pointer-events:none;position:absolute;bottom:-1px;left:0;right:0}.btn{border-radius:var(--r-btn)}.btn--mini{border-radius:10px}.card,.trackcard,.row,.empty,.panel{border-radius:var(--r-card)}.card{box-shadow:var(--shadow-elev)}.card,.panel,.tile,.trackcard,.row{background:radial-gradient(800px 340px at 30% 0%, rgba(var(--accent-a) / .07), transparent 60%), #0000001f;border:1px solid #ffffff1a;transition:transform .16s,box-shadow .2s,border-color .2s,background .2s;position:relative}.card:before,.panel:before,.tile:before,.trackcard:before,.row:before{content:"";border-radius:inherit;pointer-events:none;opacity:.22;mix-blend-mode:screen;background-image:radial-gradient(circle at 18% 22%,#ffffff0f 0 1px,#0000 2px),radial-gradient(circle at 72% 38%,#ffffff0a 0 1px,#0000 2px),radial-gradient(circle at 40% 78%,#ffffff09 0 1px,#0000 2px);background-size:240px 240px,340px 340px,420px 420px;position:absolute;inset:0}@media (hover:hover){.card:hover,.panel:hover,.tile:hover,.trackcard:hover,.row:hover{background:radial-gradient(800px 340px at 30% 0%, rgba(var(--accent-a) / .1), transparent 60%), #00000024;border-color:#ffffff29;transform:translateY(-1px);box-shadow:0 26px 90px #0009}.card:active,.panel:active,.tile:active,.trackcard:active,.row:active{transform:translate(0,0)scale(.99)}}.list{flex-direction:column;gap:10px;display:flex}.row{justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:12px;display:flex}.row__left{flex:1;min-width:0}.row__title{letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.row__meta{opacity:.72;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;overflow:hidden}.row__actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}@media (max-width:720px){.row{flex-direction:column;align-items:stretch}.row__meta{white-space:normal}.row__actions{justify-content:stretch}.row__actions .btn{width:100%}}@media (max-width:520px){.container{width:min(var(--container), calc(100% - 28px))}.section__head{padding-left:2px;padding-right:2px}}@media (max-width:980px){.topbar__inner{flex-wrap:wrap}.brand{min-width:auto}.nav{flex-wrap:wrap;justify-content:center}.topbar__actions{flex-wrap:wrap}.pagehead{flex-direction:column;align-items:stretch}.pagehead__right{justify-content:flex-start}.formgrid,.grid--cards{grid-template-columns:1fr}.grid--banners{grid-template-columns:1fr 1fr}.tile--wide{grid-column:span 1}}@media (max-width:720px){.topbar__inner{gap:12px}.brand__tag{display:none}.nav{border-radius:16px;justify-content:space-between;width:100%;padding:6px}.nav__link{padding:10px}.topbar__actions{justify-content:space-between;width:100%}.topbar__actions .btn{flex:1}.pagehead{margin-top:12px;padding:12px}.pagehead__title{font-size:22px}.chiprow{flex-wrap:wrap;justify-content:flex-start}.chip{padding:10px 12px}.panel{padding:12px}.btn{min-height:44px}.btn--mini{min-height:40px}}@media (max-width:520px){.grid--banners{grid-template-columns:1fr}.topbar__actions .btn{flex:unset;width:100%}.nav{justify-content:flex-start;gap:6px}.nav__link{text-align:center;flex:1;padding:10px 12px}}.page[data-page=upload] .pagehead{max-width:1240px;margin-left:auto;margin-right:auto}.upload__shell{max-width:1240px;margin-left:auto;margin-right:auto;padding:8px}.page[data-page=upload] .section{padding-top:8px}.page[data-page=upload] .pagehead__title{font-size:26px}.page[data-page=upload] .pagehead__sub{max-width:60ch;display:none}.upload__grid{grid-template-columns:1fr;align-items:start;gap:6px;display:grid}.upload__card{min-width:0;padding:6px;overflow:hidden}.upload__card--files{grid-area:files}.upload__card--meta{grid-area:meta}.upload__card--rights{grid-area:rights}.upload__grid{grid-template-areas:"files""meta""rights"}.upload__card .hr{display:none}.page[data-page=upload] .field__label{letter-spacing:.08em;font-size:12px}.page[data-page=upload] .help,.page[data-page=upload] .doc p{display:none}.page[data-page=upload] .doc strong{margin-bottom:6px;display:block}.page[data-page=upload] .input,.page[data-page=upload] .select{border-radius:12px}.page[data-page=upload] .textarea{min-height:62px}.page[data-page=upload] .formgrid{gap:6px}.page[data-page=upload] .field,.page[data-page=upload] .field+.field{margin:0}.page[data-page=upload] textarea.input{padding-top:10px;padding-bottom:10px}.filepick{background:#0000001f;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:10px;min-width:0;padding:6px 8px;display:flex}.filepick__input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.filepick__btn{white-space:nowrap}.filepick__name{color:#ffffff9e;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.01em;flex:1;min-width:0;overflow:hidden}.filepick__name.is-on{color:#ffffffdb}.check{background:#0000001f;border:1px solid #ffffff1a;border-radius:12px;align-items:flex-start;gap:10px;padding:6px 8px;display:flex;overflow:hidden}.check input{accent-color:#ffffffd9;margin-top:3px}.check span{color:#ffffffd1;line-height:1.45}@media (max-width:980px){.upload__grid{grid-template-columns:1fr;grid-template-areas:"files""meta""rights"}}@media (max-width:520px){.upload__shell{padding:12px}.page[data-page=upload] .pagehead__title{font-size:22px}.upload__card{padding:10px}}.upload__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.upload__actions .btn{min-height:38px}.policy{background:#0000001a;border:1px solid #ffffff1a;border-radius:14px;padding:10px 12px}.policy__text{margin-top:8px;line-height:1.5}.policy__list{gap:6px;margin:0;padding-left:18px;display:grid}.policy__list li{color:#ffffffb3}.policy__list strong{color:#ffffffe0}.policy__ok{color:#ffffffdb;letter-spacing:.01em;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;margin-top:10px;padding:7px 10px;font-weight:800;display:inline-flex}.codepop__input{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.18em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.codepop__input::placeholder{color:#ffffff61}dialog.modal{background:0 0;border:0;padding:0}dialog.modal::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000009e}.modal__panel{background:#080a10db;border:1px solid #ffffff24;border-radius:18px;width:min(720px,100% - 12px);padding:16px;box-shadow:0 22px 80px #000000b3}.modal__title{letter-spacing:.01em;font-size:18px;font-weight:900}.modal__actions{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:14px;display:flex}.modal__tabs{flex-wrap:wrap;gap:10px;display:flex}.modal__tabs .btn.is-on{background:#ffffff14;border-color:#fff3}.appmodal{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000009e;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.appmodal__panel{background:#080a10db;border:1px solid #ffffff24;border-radius:18px;width:min(720px,100% - 12px);padding:16px;box-shadow:0 22px 80px #000000b3}.bg__photo{content:none}.bg:before{content:"";opacity:.22;filter:contrast(1.06)brightness(.86);transform:translate3d(0, calc(var(--parallax-y,0px) * 1), 0) scale(1.06);will-change:transform;background-image:url(/img/hero.png);background-position:50%;background-size:cover;background-image:radial-gradient(900px 560px at 20% 10%, rgba(var(--accent-a) / .14), transparent 65%), radial-gradient(900px 560px at 80% 0%, rgba(var(--accent-b) / .1), transparent 62%), url(/img/hero.png);background-position:50%,50%,50%;background-size:cover,cover,cover;position:absolute;inset:-10%}.bg__glow--a{background:radial-gradient(circle at 30% 30%, rgba(var(--accent-a) / .18), transparent 65%)}.bg__glow--b{background:radial-gradient(circle at 30% 30%, rgba(var(--accent-b) / .16), transparent 62%)}.tilt{will-change:transform;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;transform:translateZ(0)}.tilt.is-tilting{transform:perspective(900px) rotateX(calc(var(--tilt-y,0) * -7deg)) rotateY(calc(var(--tilt-x,0) * 8deg)) translate3d(0, -1px, 0)}.story{padding:16px}.story:after{opacity:.85;-webkit-mask-image:radial-gradient(70% 70% at 50% 20%,#000 30%,#0000 70%);mask-image:radial-gradient(70% 70% at 50% 20%,#000 30%,#0000 70%)}.story__grid{grid-template-columns:.9fr 1.1fr;gap:14px;display:grid;position:relative}.story__rail{pointer-events:none;background:#ffffff1a;border-radius:999px;width:3px;position:absolute;top:16px;bottom:16px;left:14px;overflow:hidden}.story__progress{background:linear-gradient(180deg, rgba(var(--accent-a) / .75), #ffffff59);width:100%;box-shadow:0 0 24px rgba(var(--accent-a) / .12)}.story__sticky{align-self:start;min-height:340px;padding-left:18px;position:sticky;top:88px}.story__stickyInner{background:#0000002e;border:1px solid #ffffff1a;border-radius:16px;padding:14px;box-shadow:0 18px 44px #0000004d}.story__badge{letter-spacing:.1em;text-transform:uppercase;background:#00000038;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;display:inline-flex}.story__title{letter-spacing:.01em;margin-top:12px;font-size:22px;font-weight:900}.story__text{color:#ffffffb3;margin:8px 0 0;line-height:1.55}.story__hint{color:#ffffff85;margin-top:10px;font-size:12px}.story__steps{flex-direction:column;gap:12px;display:flex}.story__step{background:#00000024;border:1px solid #ffffff1a;border-radius:16px;padding:14px;box-shadow:0 16px 50px #0000003d}.story__step.is-active{background:radial-gradient(500px 220px at 20% 0%, rgba(var(--accent-a) / .14), transparent 65%), #00000024;border-color:#ffffff29}.story__stepTop{justify-content:space-between;align-items:center;gap:10px;display:flex}.story__stepTitle{letter-spacing:.01em;margin-top:10px;font-weight:900}.story__stepText{margin-top:6px;line-height:1.55}@media (max-width:980px){.story__grid{grid-template-columns:1fr}.story__sticky{min-height:unset;padding-left:0;position:relative;top:auto}.story__rail{display:none}}.bg__cycle{background-image:var(--bg-a,url(/img/hero.png));opacity:0;filter:contrast(1.06)brightness(.82)saturate(0);transform:translate3d(0, calc(var(--parallax-y,0px) * 1), 0) scale(1.08);will-change:opacity, transform;background-position:50%;background-size:cover;transition:opacity 1.2s;position:absolute;inset:-10%}.bg__cycle--a{background-image:var(--bg-a,url(/img/hero.png));opacity:var(--bg-a-o,0)}.bg__cycle--b{background-image:var(--bg-b,url(/img/hero.png));opacity:var(--bg-b-o,0)}@media (prefers-reduced-motion:reduce){.bg__cycle{transition:none}}body[data-page=home] .ash{z-index:5;opacity:calc(1 - (var(--scroll-p,0) * 1.25))}body[data-page=home] .ash:after{content:"";pointer-events:none;filter:blur(.2px);opacity:.85;mix-blend-mode:screen;background-image:radial-gradient(circle,#ffffff38 0 1px,#0000 2px),radial-gradient(circle,#ffffff29 0 1px,#0000 2px),radial-gradient(circle,#ffffff1f 0 1px,#0000 2px);background-position:0 0,80px 120px,160px 40px;background-size:220px 220px,320px 320px,460px 460px;animation:8.5s linear infinite ash-drift;position:absolute;inset:-10%;transform:translate(0,0)}@keyframes ash-drift{0%{background-position:0 0,80px 120px,160px 40px;transform:translateY(-10px)}to{background-position:0 360px,80px 540px,160px 780px;transform:translateY(60px)}}@media (prefers-reduced-motion:reduce){body[data-page=home] .ash:after{animation:none}}.page.is-ready .section,.page.is-ready .card,.page.is-ready .panel{animation:.42s both fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){.page.is-ready .section,.page.is-ready .card,.page.is-ready .panel{animation:none}}.hero__sheen{opacity:0;animation:none}.hero__media{position:relative}.hero__media:after{content:"";opacity:.42;mix-blend-mode:screen;pointer-events:none;background:radial-gradient(900px 420px at 30% 15%,#ffffff24,#0000 70%),linear-gradient(120deg,#0000 40%,#ffffff2e,#0000 60%);animation:5.6s ease-in-out infinite sheen-sweep;position:absolute;inset:-120px;transform:translate(-18%,-6%)rotate(6deg);-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 55%,#0000 80%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 55%,#0000 80%)}.hero__media:before{content:"";opacity:.22;mix-blend-mode:screen;pointer-events:none;background-image:radial-gradient(circle at 20% 20%,#ffffff0d 0 1px,#0000 2px),radial-gradient(circle at 70% 40%,#ffffff0a 0 1px,#0000 2px);background-size:260px 260px,340px 340px;position:absolute;inset:0}@keyframes sheen-sweep{0%,to{opacity:.3;transform:translate(-18%,-6%)rotate(6deg)}50%{opacity:.52;transform:translate(18%,6%)rotate(6deg)}}@media (prefers-reduced-motion:reduce){.hero__media:after{animation:none}}.player{width:100%;padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080a10b8;border:1px solid #ffffff1f;border-bottom:0;border-radius:18px 18px 0 0;bottom:0;left:0;right:0;box-shadow:0 -16px 60px #0000009e}.player__inner{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.player__now,.player__meta{min-width:0}.player__title{letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.player .muted{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player__controls{justify-content:center;gap:10px;padding:0}.player__bar{flex-direction:column;flex:1;gap:8px;min-width:0;max-width:620px;display:flex}.player__time{font-variant-numeric:tabular-nums;letter-spacing:.02em;justify-content:space-between;display:flex}.vpop{right:0}@media (max-width:520px){.player{padding:12px 12px calc(14px + env(safe-area-inset-bottom,0px));border-radius:18px 18px 0 0}.player__inner{flex-direction:column;align-items:stretch;gap:10px}.player__controls{justify-content:center;gap:12px;padding:2px 0}.player__bar{max-width:none}.player__vol{justify-content:space-between}.vpop{bottom:calc(100% + 12px)}}.footer{padding-bottom:110px}.toast{bottom:96px}.player__controls{gap:10px}.pbtn{will-change:transform;transition:transform .12s,box-shadow .18s,border-color .18s,background .18s,opacity .18s}.pbtn:hover{border-color:#ffffff2e;transform:translateY(-1px);box-shadow:0 14px 36px #00000059}.pbtn:active{transform:translateY(0)scale(.98)}.player.is-idle .pbtn{opacity:.78}.player.is-idle .pbtn--big{opacity:.92}.vwrap{align-items:center;gap:10px;display:flex;position:relative}.player__vol{margin-left:auto}.pbtn.is-on{border-color:#ffffff2e;box-shadow:0 14px 36px #00000059}.vpop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;pointer-events:none;background:#080a10c7;border:1px solid #ffffff1f;border-radius:14px;padding:10px 12px;transition:opacity .18s,transform .18s;position:absolute;bottom:calc(100% + 10px);right:0;transform:translateY(6px);box-shadow:0 22px 70px #0000008c}.vpop.is-open{opacity:1;pointer-events:auto;transform:translate(0,0)}.vslider{accent-color:#ffffffd9;cursor:pointer;width:140px}.bar--interactive{cursor:pointer;touch-action:none}.bar--interactive:focus-visible{outline:none;box-shadow:0 0 0 3px #ffffff24}.bar__knob{opacity:0;background:#ffffffe0;border:1px solid #ffffff2e;border-radius:999px;width:14px;height:14px;transition:opacity .18s,transform .12s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 10px 28px #00000073}.bar--interactive:hover .bar__knob{opacity:.95}.bar--interactive:active .bar__knob{transform:translate(-50%,-50%)scale(1.06)}
