:root{--bg:#05070c;--panel:#0b111b;--panel2:#111827;--gold:#fbbf24;--text:#f8fafc;--muted:#94a3b8;--line:#253044}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.public-premium{padding-bottom:110px}.app-shell{display:flex;min-height:100vh}.side-panel{width:270px;position:fixed;inset:0 auto 0 0;background:linear-gradient(180deg,#070b12,#0d111b);border-right:1px solid var(--line);padding:26px}.main-content{margin-left:270px;width:calc(100% - 270px);padding:28px}.lora-logo{font-size:28px;font-weight:900;letter-spacing:.08em}.lora-logo span{color:var(--gold)}.brand-mark small{color:var(--muted)}.nav-link{color:#d8e0ed;border-radius:14px;padding:12px 14px}.nav-link:hover,.nav-link.active{background:#251d08;color:var(--gold)}.online-box,.online-chip{background:#101826;border:1px solid var(--line);border-radius:18px;padding:13px;color:#dbeafe}.online-chip{display:inline-flex;gap:6px;align-items:center;padding:8px 12px}.pulse{display:inline-block;width:10px;height:10px;background:#22c55e;border-radius:50%;box-shadow:0 0 0 6px rgba(34,197,94,.12);margin-right:7px}.topbar h1{font-size:clamp(24px,4vw,44px)}.hero-premium{min-height:250px;border:1px solid #203047;border-radius:28px;padding:32px;background:radial-gradient(circle at 85% 20%,rgba(6,182,212,.35),transparent 25%),linear-gradient(135deg,#0b1120 0%,#111827 55%,#211305 100%);display:flex;justify-content:space-between;align-items:center;overflow:hidden}.hero-premium h2{font-size:clamp(34px,6vw,68px);line-height:.95;font-weight:900}.hero-premium p{color:var(--muted);font-size:18px}.waveform{width:300px;height:100px;background:repeating-linear-gradient(90deg,rgba(251,191,36,.25) 0 4px,transparent 4px 14px);border-radius:20px;filter:drop-shadow(0 0 20px rgba(251,191,36,.25))}.premium-card{background:linear-gradient(180deg,#111827,#080b12);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.25)}.song-cover{width:100%;aspect-ratio:1.35/1;object-fit:cover;display:block}.song-info{padding:18px;position:relative}.song-info h3{font-size:20px;margin:0 0 6px}.song-info p{color:var(--muted);margin:0 0 10px}.play-float{position:absolute;right:18px;top:-25px;width:52px;height:52px;border-radius:50%;border:0;background:var(--gold);color:#111;font-weight:900}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.tags span{font-size:12px;color:#cbd5e1;border:1px solid var(--line);border-radius:99px;padding:5px 9px}.share-row{display:flex;gap:8px;flex-wrap:wrap}.player-bar{position:fixed;left:0;right:0;bottom:0;background:#181818;border-top:1px solid #333;z-index:1000}.player-bar.premium{background:rgba(8,13,22,.95);border-top:1px solid var(--line);backdrop-filter:blur(16px)}.cover{width:64px;height:64px;object-fit:cover;border-radius:14px}.progress{height:6px;background:#263244}.btn-round{border-radius:50px}.form-control,.form-select{border-radius:12px}.admin-wrap{background:#f6f7fb;color:#222;min-height:100vh}.admin-wrap .card{border-radius:18px}.table img{width:52px;height:52px;object-fit:cover;border-radius:8px}a{text-decoration:none}.login-retro{min-height:100vh;background:radial-gradient(circle at 20% 10%,#53391d,transparent 24%),linear-gradient(135deg,#06211d,#0b1716 55%,#23160a);display:flex;align-items:center}.retro-card{background:#f6d7aa;border:3px solid #ad7a3c;border-radius:28px;color:#16110b;box-shadow:0 20px 80px rgba(0,0,0,.45)}.retro-title{font-family:Georgia,serif;font-weight:900;font-size:40px;letter-spacing:.05em}.retro-radio{border:2px solid #ad7a3c;border-radius:20px;padding:20px;text-align:center;background:#07312f;color:#f6d7aa}@media(max-width:991px){.side-panel{display:none}.main-content{margin-left:0;width:100%;padding:18px}.player-bar .btn{padding:.35rem .55rem}.cover{width:54px;height:54px}}