:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#020202;--bg-alt:#050505;--accent:#4e00b4;--accent-soft:#4400ff50;--accent-strong:#2200bbb0;--card-bg:#080808f5;--border-subtle:#4b5563a6;--text-main:#f9fafb;--text-muted:#9ca3af;--text-soft:#6b7280;--shadow-strong:0 26px 80px #000000f2;--radius-card:26px;--radius-pill:999px;--transition-fast:.16s ease-out;--transition-med:.22s ease-out}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{min-height:100vh;color:var(--text-main);background:radial-gradient(circle at 0 0,#0f172a52,#0000 52%),radial-gradient(circle at 100% 0,#0f172a42,#0000 52%),radial-gradient(circle at 50% 150%,#000,#020202 70%);font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif}.page{justify-content:center;align-items:center;min-height:100vh;padding:32px 16px;display:flex;position:relative;overflow:hidden}.bg-video{object-fit:cover;opacity:.75;filter:saturate(1.2)contrast(1.1);pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.bg-overlay{pointer-events:none;background:radial-gradient(circle at 50% 0,#00000073,#0000 55%),radial-gradient(circle at 50% 120%,#0000008c,#0000 60%);position:fixed;inset:0}.glow-circle{background:radial-gradient(circle,var(--accent-soft),transparent 60%);filter:blur(14px);opacity:.75;pointer-events:none;border-radius:50%;width:420px;height:420px;position:fixed}.glow-circle-1{top:-140px;left:-80px}.glow-circle-2{bottom:-180px;right:-60px}.grain-layer{pointer-events:none;mix-blend-mode:soft-light;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='3' stitchTiles='noStitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.38'/%3E%3C/svg%3E");position:fixed;inset:0}.content{z-index:2;width:100%;max-width:820px;position:relative}.profile-card{border-radius:var(--radius-card);box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(34px);backdrop-filter:blur(34px);transition:transform var(--transition-med),box-shadow var(--transition-med),border-color var(--transition-med),background var(--transition-med);background:radial-gradient(circle at 0 0,#18181be6,#0000 52%),radial-gradient(circle at 100% 0,#27272aa3,#0000 56%),linear-gradient(135deg,#070707fa,#020202);border:1px solid #4b5563d9;flex-direction:column;gap:20px;padding:28px 26px 22px;display:flex;position:relative}.profile-card:before{content:"";border-radius:inherit;background:conic-gradient(from 210deg,#18181b33,var(--accent-strong),#27272a66,#18181b33);pointer-events:none;opacity:.8;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.profile-card:hover{border-color:var(--accent-strong);box-shadow:0 32px 90px #000}.title-block{flex-direction:column;gap:6px;display:flex}.site-title{letter-spacing:.18em;text-transform:uppercase;color:#e5e7eb;font-size:32px}.typewriter-text{text-shadow:0 0 18px #fafafa66;display:inline-block}.subtitle{color:var(--text-muted);font-size:14px}.profile-main{align-items:center;gap:22px;display:flex}.avatar-wrap{flex-shrink:0;width:120px;height:120px;position:relative}.avatar-ring{background:conic-gradient(from 180deg,#18181b80,var(--accent-strong),#18181bcc,#1c009be6,#18181b80);opacity:.9;filter:blur(.6px);border-radius:999px;position:absolute;inset:-4px}.avatar{object-fit:cover;background:radial-gradient(circle,#020202,#020202);border:3px solid #020202;border-radius:999px;width:100%;height:100%;position:relative}.profile-info{flex-direction:column;flex:1;gap:10px;display:flex}.username-row{align-items:center;gap:8px;display:flex}.username{letter-spacing:.08em;text-transform:uppercase;color:#e5e7eb;font-size:12px;font-weight:600}.tag-pill{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.1em;color:var(--text-soft);background:radial-gradient(circle at 0 0,#18181be6,#0000);border:1px solid #52525be6;padding:4px 10px;font-size:11px}.bio{color:var(--text-muted);max-width:460px;font-size:14px}.links-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:6px;display:grid}.link-button{color:#e5e7eb;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);background:radial-gradient(circle at 0 0,#fafafa08,#0000 60%),linear-gradient(135deg,#0a0a0afa,#000);border:1px solid #3f3f46e6;border-radius:999px;justify-content:center;align-items:center;padding:10px 14px;font-size:13px;text-decoration:none;display:inline-flex;box-shadow:0 12px 38px #000000e6}.link-button:hover{border-color:var(--accent);background:radial-gradient(circle at 0 0,#2300be2e,#0000 68%),linear-gradient(135deg,#020617,#020202);transform:translateY(-2px);box-shadow:0 20px 55px #000}.audio-wrap{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.audio-button{border-radius:var(--radius-pill);color:#e5e7eb;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);background:radial-gradient(circle at 0 0,#2600ff5b,#0000 70%),linear-gradient(120deg,#020617,#020617);border:1px solid #2700b66b;padding:9px 14px;font-size:11px}.audio-button:hover{background:linear-gradient(120deg,#0015cc4d,#1200b6cc);border-color:#2600ffe6;transform:translateY(-1px);box-shadow:0 14px 38px #021192bf}.volume-wrap{align-items:center;gap:8px;min-width:160px;display:inline-flex}.volume-label{color:var(--text-soft);width:44px;font-size:11px}.volume-slider{appearance:none;cursor:pointer;background:#1f2937e6;border-radius:999px;outline:none;width:100%;height:4px}.volume-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid #000;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 6px #0300a72e}.volume-slider::-moz-range-thumb{background:var(--accent);border:2px solid #000;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 6px #1800f12e}.footer-row{justify-content:flex-end;margin-top:4px;display:flex}.footer-text{color:var(--text-soft);font-size:11px}.admin-page{background:radial-gradient(circle at 0 0,#0f172a47,#0000 55%),radial-gradient(circle at 100% 0,#18181b52,#0000 55%),radial-gradient(circle at 50% 120%,#000,#020202 70%);justify-content:center;align-items:center;min-height:100vh;padding:32px 16px;display:flex}.admin-card{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:linear-gradient(135deg,#0a0a0afa,#000000fa);border:1px solid #4b5563e6;border-radius:22px;width:100%;max-width:480px;padding:26px 22px 22px;box-shadow:0 24px 70px #000}.admin-title{margin-bottom:4px;font-size:22px}.admin-subtitle{color:var(--text-muted);margin-bottom:16px;font-size:13px}.admin-form{flex-direction:column;gap:12px;display:flex}.admin-label{color:var(--text-soft);flex-direction:column;gap:6px;font-size:13px;display:flex}.admin-input{color:var(--text-main);background:#0a0a0af5;border:1px solid #3f3f46e6;border-radius:12px;outline:none;padding:9px 11px;font-size:13px}.admin-input:focus{border-color:var(--accent);box-shadow:0 0 0 1px #10f6}.admin-submit{color:#f9fafb;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);background:linear-gradient(120deg,#1000e973,#3101b4e6);border:1px solid #2203d380;border-radius:999px;margin-top:6px;padding:10px 14px;font-size:13px}.admin-submit:hover{border-color:#0400e0e6;transform:translateY(-1px);box-shadow:0 16px 40px #1000a1e6}.admin-status{color:var(--text-muted);margin-top:10px;font-size:13px}.admin-result{word-break:break-all;margin-top:8px;font-size:13px}.admin-result a{color:#60a5faf5}@media (max-width:720px){.profile-card{padding:22px 18px 18px}.profile-main{flex-direction:column;align-items:flex-start}.avatar-wrap{width:96px;height:96px}.links-grid{grid-template-columns:1fr}}.meta-row{justify-content:flex-end;margin-top:-4px;margin-bottom:6px;display:flex}.chip{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:inline-flex}.chip-views{color:#9ca3af;background:radial-gradient(circle at 0 0,#18181be6,#0000);border:1px solid #4b5563d9}.icon-eye{border:1px solid #94a3b8cc;border-radius:999px;justify-content:center;align-items:center;width:14px;height:10px;display:inline-flex;position:relative;overflow:hidden}.icon-eye-inner{background:#f9fafbe6;border-radius:999px;width:6px;height:6px}.chip-text{font-weight:500}.nowplaying{background:radial-gradient(circle at 0 0,#18181bbf,#0000 70%),linear-gradient(135deg,#020202,#020617);border:1px solid #3f3f46e6;border-radius:16px;margin-top:12px;padding:8px 10px}.np-header{text-transform:uppercase;letter-spacing:.14em;color:#6b7280;margin-bottom:6px;font-size:11px}.np-body{align-items:center;gap:8px;text-decoration:none;display:flex}.np-body:hover .np-title{color:#e5e7eb}.np-body:hover .np-artist{color:#9ca3af}.np-cover{object-fit:cover;border-radius:8px;width:32px;height:32px}.np-text{flex-direction:column;gap:2px;display:flex}.np-title{color:#e5e7eb;font-size:13px}.np-artist{color:#9ca3af;font-size:12px}.np-idle .np-title{color:#9ca3af}.np-idle .np-artist{color:#6b7280}.enter-screen{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.enter-card{text-align:center;background:radial-gradient(circle at 0 0,#18181be6,#0000 60%),linear-gradient(145deg,#020617,#020202);border:1px solid #4b5563e6;border-radius:24px;padding:32px 40px;box-shadow:0 18px 45px #000000e6,0 0 0 1px #0f172ae6}.enter-title{letter-spacing:.15em;text-transform:uppercase;color:#e5e7eb;margin-bottom:8px;font-size:28px}.enter-subtitle{color:#9ca3af;margin-bottom:16px;font-size:13px}.enter-button{color:#e5e7eb;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:radial-gradient(circle at 0 0,#22c55e47,#0000 55%);border:1px solid #22c55ee6;border-radius:999px;margin-top:4px;padding:10px 32px;font-size:13px}.enter-button:disabled{opacity:.6;cursor:default}