:root{--color-bg-mesh-1: 260, 50%, 10%;--color-bg-mesh-2: 220, 45%, 15%;--color-accent: 250, 80%, 65%;--color-accent-glow: 250, 80%, 65%, .3;--glass-bg: 220, 30%, 20%, .3;--glass-border: 255, 255, 255, .08;--glass-highlight: 255, 255, 255, .05;--text-primary: 220, 20%, 95%;--text-secondary: 220, 20%, 70%;--success: 150, 60%, 45%;--danger: 0, 70%, 55%;--warning: 40, 80%, 60%;--font-sans: "Outfit", "Inter", system-ui, sans-serif;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 12px;--shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .05);--shadow-neon: 0 0 20px var(--color-accent-glow)}body{margin:0;min-height:100vh;font-family:var(--font-sans);color:hsl(var(--text-primary));background-color:hsl(var(--color-bg-mesh-1));background-image:radial-gradient(at 0% 0%,hsla(253,16%,7%,1) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(225,39%,30%,.3) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(339,49%,30%,.3) 0,transparent 50%);background-size:cover;background-attachment:fixed;line-height:1.6;-webkit-font-smoothing:antialiased}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #8b5cf666}70%{box-shadow:0 0 0 10px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}main{min-height:100vh;display:flex;flex-direction:column;gap:2rem;align-items:center;padding:3rem 1.5rem;box-sizing:border-box;animation:fadeIn .8s ease-out}h1{font-size:3.5rem;font-weight:800;margin:0;background:linear-gradient(to right,#c084fc,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.03em;text-shadow:0 0 30px rgba(192,132,252,.3)}.intro{margin:-1rem 0 0;color:hsl(var(--text-secondary));font-size:1.15rem;text-align:center;max-width:40rem}.queue-panel{width:min(720px,100%);display:flex;flex-direction:column;gap:1.5rem;padding:2rem;border-radius:var(--radius-lg);background:hsla(var(--glass-bg));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(var(--glass-border));box-shadow:var(--shadow-lg);transition:transform .3s ease}.queue-panel:hover{transform:translateY(-2px)}.queue-overview{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;border-radius:var(--radius-md);background:linear-gradient(135deg,#ffffff14,#ffffff05);border:1px solid hsla(var(--glass-border))}.queue-overview__progress{margin:0;font-weight:700;font-size:1.2rem;color:hsl(var(--color-accent))}.queue-overview__cycle{font-size:.9rem;color:hsl(var(--text-secondary));margin-top:.25rem}.queue-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;padding:0;margin:0}.queue-item{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:var(--radius-md);background:#ffffff08;border:1px solid transparent;transition:all .2s cubic-bezier(.4,0,.2,1)}.queue-item:hover{background:#ffffff0f;border-color:hsla(var(--glass-border))}.queue-item--current{background:linear-gradient(90deg,#8b5cf626,#8b5cf60d);border-left:4px solid hsl(var(--color-accent));box-shadow:0 4px 20px -5px #8b5cf633}.queue-item--current .queue-item__position{color:hsl(var(--color-accent));font-weight:800}.queue-item--completed{opacity:.5;filter:grayscale(.8)}.queue-item__name{font-weight:500;font-size:1.05rem;letter-spacing:.01em}.queue-item__position{font-weight:700;color:hsl(var(--text-secondary));font-feature-settings:"tnum"}.host-controls__buttons{display:flex;gap:1rem;margin-top:.5rem}.host-controls__buttons button{padding:.8rem 1.5rem;border:none;border-radius:var(--radius-sm);background:linear-gradient(135deg,hsl(var(--color-accent)),#7c3aed);color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px -1px #0003;flex:1}.host-controls__buttons button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #7c3aed4d}.host-controls__buttons button:disabled{opacity:.5;cursor:not-allowed;transform:none}.host-controls__reset{background:#ffffff1a!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.host-toolbar button{background:transparent;color:hsl(var(--text-secondary));border:1px solid hsla(var(--glass-border));padding:.5rem 1rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.host-toolbar button:hover{background:#ffffff0d;color:#fff;border-color:#fff3}.queue-status{text-align:center;padding:1rem;border-radius:var(--radius-sm);background:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.queue-status--error{background:#ef44441a;color:#f87171;border-color:#ef444433}.toast{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);background:#0f172ae6;color:#fff;padding:.75rem 1.5rem;border-radius:50px;box-shadow:0 10px 25px #00000080;border:1px solid rgba(255,255,255,.1);animation:fadeIn .3s ease-out;z-index:100}.host-settings__panel{background:#1e1b4b;color:#fff;border:1px solid rgba(255,255,255,.1)}.host-settings__panel textarea{background:#0003;color:#fff;border-color:#ffffff1a}