:root{--black:#000;--white:#fff;--dim:rgba(255,255,255,.55);--line:rgba(255,255,255,.22)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--white);font-family:Zen Kaku Gothic New,system-ui,sans-serif;background:radial-gradient(55rem 38rem at 50% -8%,rgba(255,255,255,.09),transparent 60%),var(--black);background-attachment:fixed}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--white);outline-offset:3px}.bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center;filter:grayscale(1)}.bg-dim{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6}.star{position:fixed;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:#fff;box-shadow:0 0 6px 1px #ffffffb3;opacity:0;pointer-events:none;animation:twinkle var(--d) ease-in-out var(--delay) infinite}@keyframes twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}.cloud{position:fixed;top:var(--y);left:0;width:var(--w);height:calc(var(--w) * .32);opacity:var(--o);filter:blur(var(--b));pointer-events:none;will-change:transform;background:radial-gradient(ellipse 30% 55% at 28% 60%,#fff 0 60%,transparent 70%),radial-gradient(ellipse 28% 70% at 50% 45%,#fff 0 60%,transparent 70%),radial-gradient(ellipse 30% 55% at 72% 60%,#fff 0 60%,transparent 70%),radial-gradient(ellipse 50% 40% at 50% 75%,#fff 0 60%,transparent 70%);animation:drift var(--d) linear var(--delay) infinite}@keyframes drift{0%{transform:translate3d(-110%,0,0)}to{transform:translate3d(calc(100vw + 10%),0,0)}}.cursor-glow{position:fixed;left:-150px;top:-150px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 65%);pointer-events:none}@media (hover: none){.cursor-glow{display:none}}.spark{position:fixed;bottom:-5vh;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;background:var(--c);box-shadow:0 0 10px 2px #fff9;opacity:0;pointer-events:none;animation:rise var(--d) linear var(--delay) infinite}@keyframes rise{0%{opacity:0;transform:translateZ(0)}15%{opacity:.9}85%{opacity:.5}to{opacity:0;transform:translate3d(var(--drift),-110vh,0)}}.page{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:2rem 1rem;overflow:hidden}.stack{position:relative;width:min(420px,100%);display:flex;flex-direction:column;gap:1rem;animation:enter .9s ease both}@keyframes enter{0%{opacity:0;top:18px}to{opacity:1;top:0}}.stack.float{margin-bottom:5.5rem}.stack.float .player{position:fixed;left:50%;bottom:.75rem;z-index:5;width:min(420px,calc(100% - 1.5rem));transform:translate(-50%)}.card{width:100%;padding:2.2rem 1.5rem 1.5rem;text-align:center;border-radius:24px;background:#000000c7;border:1px solid var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 24px 70px #000000d9,0 0 80px #ffffff0f;transition:transform .25s ease-out}.avatar-ring{width:136px;height:136px;margin:0 auto 1rem;padding:3px;border-radius:50%;background:var(--white);box-shadow:0 0 30px #ffffff59}.avatar{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover;border:4px solid var(--black);filter:grayscale(1)}.avatar-fallback{display:grid;place-items:center;background:#0a0a0a;color:var(--white);font:2.8rem Dela Gothic One,sans-serif}h1{margin:0;font:400 1.7rem Dela Gothic One,sans-serif;letter-spacing:.01em;text-shadow:0 0 18px rgba(255,255,255,.35)}.handle{margin:.25rem 0 0;color:var(--dim);font-weight:500}.bio{min-height:3.3em;margin:.9rem auto 0;max-width:34ch;line-height:1.65;color:#ffffffd9}.caret{display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-.12em;background:var(--white);animation:blink .9s steps(1) infinite}@keyframes blink{50%{opacity:.35}}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;list-style:none;padding:0;margin:1rem 0 0}.tags li{padding:.2rem .7rem;font-size:.78rem;border-radius:99px;color:#fffc;background:#ffffff0d;border:1px solid var(--line)}.socials{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;list-style:none;padding:0;margin:1.3rem 0 .2rem}.socials a{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;font-size:1.15rem;color:var(--white);background:transparent;border:1px solid var(--line);transition:transform .2s,background .2s,color .2s,box-shadow .2s}.socials a:hover,.socials a:focus-visible{transform:translateY(-3px);background:var(--white);color:var(--black);box-shadow:0 0 20px #ffffff80}.player{width:100%;display:flex;align-items:center;gap:.8rem;padding:.55rem .9rem .55rem .55rem;text-align:left;border-radius:999px;background:#000000c7;border:1px solid var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 16px 50px #000c,0 0 60px #ffffff0d}.cover{flex:none;width:52px;height:52px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.4);background:var(--black)}.cover img,.vinyl{width:100%;height:100%;display:block;object-fit:cover;filter:grayscale(1);animation:spin 8s linear infinite;animation-play-state:paused}.cover.spin img,.cover.spin .vinyl{animation-play-state:running}.vinyl{background:conic-gradient(transparent 0 40%,rgba(255,255,255,.2) 50%,transparent 60% 90%,rgba(255,255,255,.14) 95%,transparent),radial-gradient(circle,#000 0 5%,#fff 6% 22%,transparent 23%),repeating-radial-gradient(circle,#0d0d0d 0,#0d0d0d 2px,#202020,#202020 4px)}@keyframes spin{to{transform:rotate(360deg)}}.meta{flex:1;min-width:0}.song-title,.song-artist{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-title{font-weight:700;font-size:.92rem}.song-artist{font-size:.76rem;color:var(--dim)}.seek{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:3px;margin:.5rem 0 0;border-radius:3px;cursor:pointer;background:linear-gradient(to right,#fff var(--p),rgba(255,255,255,.22) var(--p))}.seek::-webkit-slider-runnable-track{height:3px;background:transparent}.seek::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:9px;margin-top:-3px;border-radius:50%;background:#fff}.seek::-moz-range-track{height:3px;border-radius:3px;background:#ffffff38}.seek::-moz-range-progress{height:3px;border-radius:3px;background:#fff}.seek::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:#fff}.controls{flex:none;display:flex;align-items:center;gap:.35rem}.controls button{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;font-size:.75rem;transition:background .2s}.controls button:hover{background:#ffffff26}.controls .play{width:38px;height:38px;font-size:.9rem;background:var(--white);color:var(--black)}.controls .play:hover{background:#ffffffd9}@media (prefers-reduced-motion: reduce){.cloud,.star{animation-play-state:paused}.spark{display:none}.stack,.caret,.cover img,.vinyl{animation:none}}