:root{--ink:#0a0a0a;--muted:#ffffff9e;--font-display:"Bebas Neue", Impact, sans-serif;--font-body:"Oswald", "Arial Narrow", sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:#fff;background:var(--ink);-webkit-font-smoothing:antialiased;text-shadow:0 1px 8px #00000059;overflow-x:hidden}button,input{font:inherit}a{color:inherit}.page{isolation:isolate;background:#0a0a0a;position:relative}.page__bg{z-index:0;pointer-events:none;background:url(/bg.png) 50%/cover no-repeat;position:fixed;inset:0}.hero{z-index:1;color:#fff;background:0 0;flex-direction:column;justify-content:space-between;align-items:center;min-height:100dvh;display:flex;position:relative;overflow:hidden}.topbar{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:20px 20px auto}.topbar__clock,.topbar__nav{pointer-events:auto}.topbar__clock{font-family:var(--font-display);letter-spacing:.06em;font-variant-numeric:tabular-nums;text-shadow:0 2px 12px #0000008c;margin:0;font-size:1.35rem}.topbar__nav{align-items:center;gap:.55rem;display:flex}.topbar__btn{-webkit-backdrop-filter:blur(16px)saturate(1.3);letter-spacing:.12em;text-transform:uppercase;color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.72rem;text-decoration:none;transition:opacity .15s,background .15s,border-color .15s;display:inline-flex}.topbar__btn--icon{flex-shrink:0;width:2.4rem;height:2.4rem;padding:0}.topbar__btn--icon .nav-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topbar__btn svg{flex-shrink:0;display:block}.topbar__btn:hover{background:#ffffff2e;border-color:#ffffff59}.headline{width:min(60vw,448px);font-family:var(--font-display);letter-spacing:.02em;text-align:center;color:#fff;filter:drop-shadow(0 4px 24px #00000080);margin:107px 0 0;font-size:clamp(1.65rem,6.5vw,2.65rem);font-weight:700;line-height:1.15}.player-wrap{z-index:2;width:min(576px,100% - 48px);margin-bottom:60px}.player{-webkit-backdrop-filter:blur(40px)saturate(1.5);background:#ffffff1a;border:1px solid #fff3;border-radius:999px;align-items:center;gap:16px;min-height:107px;padding:12px 20px 12px 12px;display:flex;box-shadow:0 8px 40px #00000073,inset 0 1px #ffffff40}.player-artwork{object-fit:cover;background:#00000059;border-radius:50%;flex:0 0 80px;width:80px;height:80px;box-shadow:0 10px 15px #0000001a}.track-info{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.track-title{font-family:var(--font-display);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.35rem;line-height:1.05;overflow:hidden}.artist{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.78rem;overflow:hidden}.player__error{letter-spacing:.04em;color:#ff8f8f;margin:0;font-size:.7rem}.player__progress{appearance:none;background:linear-gradient(to right, #fff var(--progress,0%), #ffffff38 var(--progress,0%));cursor:pointer;border-radius:999px;outline:none;width:100%;height:4px;margin:.35rem 0 .1rem}.player__progress::-webkit-slider-thumb{appearance:none;background:#fff;border:0;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 2px #00000040}.player__progress::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:12px;height:12px}.player__times{letter-spacing:.04em;font-variant-numeric:tabular-nums;color:#ffffff8c;margin:0;font-size:.72rem}.player__controls{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.player__btn{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .12s,transform .12s;display:inline-flex}.player__btn:hover:not(:disabled){background:#ffffff1a}.player__btn:active:not(:disabled){transform:scale(.94)}.player__btn:disabled,.play-button:disabled{opacity:.4;cursor:not-allowed}.play-button{color:#000;cursor:pointer;background:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .12s;display:inline-flex;box-shadow:0 10px 15px #00000026}.play-button:hover:not(:disabled){transform:scale(1.04)}.play-button:active:not(:disabled){transform:scale(.96)}.about{z-index:2;color:#fff;background:linear-gradient(#0000,#0a0a0aeb 18%,#0a0a0a 100%);max-width:36rem;margin:0 auto;padding:4rem 1.5rem 2.5rem;position:relative}.about__title{font-family:var(--font-display);letter-spacing:.04em;color:#ffffffe6;margin:0 0 .55rem;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:400}.about__lead{color:var(--muted);max-width:34ch;margin:0 0 1rem;font-size:.95rem;line-height:1.45}.faq{flex-direction:column;gap:.35rem;display:flex}.faq__item{border-top:1px solid #ffffff1a;padding:.45rem 0}.faq__item summary{cursor:pointer;letter-spacing:.04em;text-transform:uppercase;color:#ffffffc7;font-size:.82rem;list-style:none}.faq__item summary::-webkit-details-marker{display:none}.faq__item p{color:var(--muted);max-width:40ch;margin:.4rem 0 .15rem;font-size:.88rem;line-height:1.4}@media (width<=640px){.headline{margin-top:118px;font-size:clamp(1.45rem,7.5vw,2.1rem)}.player-wrap{margin-bottom:65px}.nav-label{display:none}.topbar__btn:not(.topbar__btn--icon){width:2.4rem;height:2.4rem;padding:0}.player{gap:12px;padding-right:12px}.track-info{min-width:0}.track-title,.artist{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.track-title{font-size:1.15rem}.about{padding:3rem 1.25rem calc(2rem + env(safe-area-inset-bottom,0px))}}