html{color-scheme:dark}body{margin:0;min-width:320px;background:#020403}#root{min-height:100vh}:root{color:#f5f7f4;font-family:Segoe UI,sans-serif}*{box-sizing:border-box}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.page-shell{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at top,rgba(30,215,96,.16),transparent 30%),radial-gradient(circle at bottom right,rgba(30,215,96,.2),transparent 28%),linear-gradient(135deg,#031108,#07170d 42%,#020403);display:grid;place-items:center;padding:32px 16px}.page-glow{position:absolute;border-radius:999px;filter:blur(90px);opacity:.55;pointer-events:none}.page-glow-left{width:260px;height:260px;background:#1ed76033;left:-80px;bottom:40px}.page-glow-right{width:300px;height:300px;background:#1ed7602e;right:-90px;top:70px}.profile-card{position:relative;z-index:1;width:min(100%,460px);border-radius:32px;padding:28px;background:#181818b8;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 60px #00000073,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px)}.card-head{display:flex;align-items:center;gap:18px;margin-bottom:24px}.avatar-frame{width:104px;height:104px;border-radius:28px;overflow:hidden;flex-shrink:0;border:1px solid rgba(30,215,96,.45);box-shadow:0 0 0 4px #1ed76014,0 14px 28px #00000059;background:linear-gradient(145deg,#1ed76033,#141414e6)}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-fallback{width:100%;height:100%;display:grid;place-items:center;font-size:2.4rem;font-weight:800;color:#fff}.identity-block{min-width:0}.identity-block h1{margin:0;font-size:clamp(2.4rem,6vw,4rem);line-height:.95}.handle{margin:8px 0 6px;color:#f5f7f4;font-size:1.15rem}.subtitle{margin:0;color:#f5f7f49e;font-size:.98rem}.now-playing-card{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;padding:14px;border-radius:24px;margin-bottom:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);transition:transform .2s ease,border-color .2s ease,background .2s ease}.now-playing-card:hover{transform:translateY(-2px);border-color:#1ed76059;background:#ffffff12}.track-cover{width:72px;height:72px;border-radius:18px;overflow:hidden;background:#ffffff0a}.track-cover img{width:100%;height:100%;object-fit:cover}.cover-fallback{width:100%;height:100%;display:grid;place-items:center;font-size:2rem;color:#1ed760}.track-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.track-label{color:#1ed760;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.track-copy strong{font-size:1.08rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-copy span:last-child{color:#f5f7f4a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-status{display:flex;flex-direction:column;align-items:center;gap:6px;color:#f5f7f48c;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.pulse{width:12px;height:12px;border-radius:999px;background:#1ed760;box-shadow:0 0 #1ed76080;animation:pulse 1.8s infinite}.is-idle .pulse{background:#ffffff40;box-shadow:none;animation:none}.social-list{display:grid;gap:12px}.social-link{display:grid;grid-template-columns:54px 1fr auto;gap:14px;align-items:center;padding:14px;border-radius:22px;background:#ffffff0b;border:1px solid rgba(255,255,255,.08);transition:transform .2s ease,border-color .2s ease,background .2s ease}.social-link:hover{transform:translateY(-2px);border-color:#1ed76059;background:#ffffff12}.social-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:radial-gradient(circle at top,#1ed76038,#ffffff0a);color:#1ed760}.social-icon svg{width:24px;height:24px;fill:currentColor}.social-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.social-copy strong{font-size:1.02rem}.social-copy span{color:#f5f7f499}.social-arrow{color:#f5f7f4b3;font-size:1.2rem}@keyframes pulse{0%{box-shadow:0 0 #1ed76073}70%{box-shadow:0 0 0 12px #1ed76000}to{box-shadow:0 0 #1ed76000}}@media(max-width:640px){.profile-card{padding:22px;border-radius:28px}.card-head{flex-direction:column;align-items:flex-start}.avatar-frame{width:92px;height:92px}.now-playing-card{grid-template-columns:64px 1fr}.track-status{grid-column:1 / -1;flex-direction:row;justify-content:flex-start}.social-link{grid-template-columns:54px 1fr}.social-arrow{display:none}}.site-footer{position:relative;z-index:1;margin-top:18px;color:#f5f7f473;font-size:.82rem;text-align:center;letter-spacing:.03em}