*{box-sizing:border-box}:root{--yellow:#ffe600;--blue:#19b7ff;--dark:#07070d;--glass:rgba(255,255,255,.08);--glass-border:rgba(255,255,255,.18)}body{margin:0;min-height:100vh;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 20% 20%,rgba(255,230,0,.18),transparent 30%),radial-gradient(circle at 85% 15%,rgba(25,183,255,.22),transparent 30%),linear-gradient(135deg,#050507,#10101b 55%,#060606);color:white;overflow-x:hidden}.orb{position:fixed;width:300px;height:300px;border-radius:50%;filter:blur(80px);opacity:.6;z-index:-1}.orb-yellow{background:var(--yellow);left:-80px;top:10%}.orb-blue{background:var(--blue);right:-90px;bottom:8%}a{text-decoration:none;color:inherit}.brand{font-weight:950;letter-spacing:-2px;color:var(--yellow);font-size:34px;text-shadow:0 0 22px rgba(255,230,0,.35)}.brand span{color:white}.topbar,.mobile-header,.dashboard-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.badge{border:1px solid var(--glass-border);background:rgba(255,255,255,.08);padding:10px 16px;border-radius:999px;color:var(--blue);font-weight:800}.projector-layout{padding:34px;min-height:100vh}.hero-screen{min-height:calc(100vh - 110px);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:42px}.eyebrow{color:var(--blue);font-weight:900;letter-spacing:3px}.hero-copy h1{font-size:clamp(42px,6vw,86px);line-height:.98;margin:10px 0;letter-spacing:-4px}.hero-copy em{color:var(--yellow);font-style:normal}.subtitle{font-size:24px;color:#d8d8d8}.qr-panel{background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid var(--glass-border);border-radius:34px;padding:28px;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.45)}.qr-frame{background:white;border-radius:28px;padding:18px}.qr-frame img{width:100%;display:block;border-radius:18px}.qr-text{font-size:24px;color:var(--yellow);font-weight:950;margin-bottom:0}.mobile-shell{max-width:720px;margin:0 auto;padding:24px}.mobile-header{margin-bottom:26px}.mobile-header p{color:#bdbdbd;margin:0}.glass-card,.song-card,.stat-card{background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045));border:1px solid var(--glass-border);border-radius:22px;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.25);backdrop-filter:blur(16px)}input{width:100%;padding:15px;border:none;outline:none;border-radius:14px;margin:8px 0;color:white;background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.1);font-size:16px}.primary-btn,.vote-btn,.danger-btn,.done-btn{border:none;border-radius:14px;padding:14px 16px;font-weight:950;cursor:pointer}.primary-btn{width:100%;color:#050505;background:linear-gradient(90deg,var(--yellow),#ffb700);margin-top:8px}.vote-btn{background:linear-gradient(90deg,var(--blue),#006dff);color:white}.done-btn{background:rgba(255,230,0,.95);color:#050505}.danger-btn{background:rgba(255,70,70,.9);color:white}.message{min-height:22px;color:var(--yellow);font-weight:700}.section-title{display:flex;align-items:end;justify-content:space-between;margin:24px 0 10px}.section-title span{color:var(--blue);font-weight:900}.song-list{display:flex;flex-direction:column;gap:12px}.song-card{display:flex;justify-content:space-between;gap:16px;align-items:center}.song-title{font-size:19px;font-weight:950}.song-artist{color:#bfbfbf;font-size:14px;margin-top:3px}.song-votes{color:var(--yellow);font-weight:950;margin-top:8px}.song-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.hidden{display:none!important}.dashboard{max-width:1200px;margin:0 auto;padding:28px}.dashboard-header{justify-content:flex-start;margin-bottom:24px}.dashboard-header h1{margin:0;color:var(--yellow)}.dashboard-header p{margin:3px 0;color:#bbb}.login-card{max-width:440px;margin:50px auto}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.stat-card span{font-size:42px;font-weight:950;color:var(--yellow)}.stat-card p{margin:4px 0 0;color:#bbb}.dj-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:800px){.hero-screen{grid-template-columns:1fr;text-align:center}.topbar{align-items:flex-start}.projector-layout{padding:20px}.hero-copy h1{font-size:42px;letter-spacing:-2px}.subtitle,.qr-text{font-size:18px}.song-card{align-items:flex-start;flex-direction:column}.song-actions{justify-content:flex-start}.dj-columns,.stats-grid{grid-template-columns:1fr}.brand{font-size:28px}}
