.home{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:24px 20px;gap:36px}.home-hero{text-align:center;max-width:520px}.home-eyebrow{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin:0 0 14px;font-weight:600}.home-title{font-family:var(--font-display);font-size:clamp(40px,12vw,72px);line-height:.95;margin:0;letter-spacing:-.01em;color:var(--paper)}.home-title-accent{color:var(--flame)}.home-sub{margin:18px 0 0;font-size:17px;line-height:1.5;color:var(--paper-dim)}.home-card{width:100%;max-width:420px;background:var(--ink-raised);border:1px solid var(--ink-line);border-radius:var(--radius);padding:8px}.home-tabs{display:flex;gap:4px;padding:6px}.home-tab{flex:1;background:transparent;border:none;color:var(--paper-dim);font-size:14px;font-weight:600;padding:10px 8px;border-radius:var(--radius-sm);transition:background .15s ease,color .15s ease}.home-tab--active{background:var(--ink-line);color:var(--paper)}.home-form{display:flex;flex-direction:column;gap:10px;padding:18px 20px 22px}.home-label{font-size:13px;color:var(--paper-dim);font-weight:500}.home-input{background:var(--ink);border:1px solid var(--ink-line);border-radius:var(--radius-sm);color:var(--paper);font-size:17px;padding:14px 16px}.home-input--code{font-family:var(--font-display);letter-spacing:.08em;text-transform:lowercase}.home-input::placeholder{color:#5c5048}.home-button{margin-top:8px;background:var(--flame);color:var(--ink);border:none;border-radius:var(--radius-sm);font-weight:700;font-size:16px;padding:14px;transition:filter .15s ease}.home-button:disabled{opacity:.5;cursor:not-allowed}.home-button:not(:disabled):hover{filter:brightness(1.08)}.home-error{color:var(--flame);font-size:14px;margin:0 20px 16px}@media (max-width: 420px){.home{padding-top:12px}}.joingate{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.joingate-card{width:100%;max-width:400px;background:var(--ink-raised);border:1px solid var(--ink-line);border-radius:var(--radius);padding:32px 26px;text-align:center}.joingate-eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--teal);margin:0 0 8px;font-weight:600}.joingate-party-name{font-family:var(--font-display);font-size:clamp(28px,8vw,38px);margin:0 0 28px;line-height:1.05}.joingate-form{display:flex;flex-direction:column;gap:14px;text-align:left}.joingate-label{font-size:13px;color:var(--paper-dim);font-weight:500}.joingate-input{background:var(--ink);border:1px solid var(--ink-line);border-radius:var(--radius-sm);color:var(--paper);font-size:17px;padding:14px 16px}.joingate-toggle{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--paper-dim);cursor:pointer}.joingate-toggle input{width:18px;height:18px;accent-color:var(--teal)}.joingate-button{margin-top:6px;background:var(--flame);color:var(--ink);border:none;border-radius:var(--radius-sm);font-weight:700;font-size:16px;padding:14px}.joingate-button:disabled{opacity:.5;cursor:not-allowed}.joingate-error{color:var(--flame);font-size:14px;margin:14px 0 0}.nowplaying{background:var(--ink-raised);border:1px solid var(--flame-dim);border-radius:var(--radius);overflow:hidden;position:relative}.nowplaying--empty{border:1px dashed var(--ink-line);padding:40px 20px;text-align:center}.nowplaying-empty-label{font-family:var(--font-display);font-size:18px;margin:0 0 6px;color:var(--paper-dim)}.nowplaying-empty-sub{margin:0;font-size:14px;color:var(--paper-dim)}.nowplaying-frame{position:relative;width:100%;aspect-ratio:16 / 9;background:#000}.nowplaying-yt{position:absolute;top:0;right:0;bottom:0;left:0}.nowplaying-yt iframe{width:100%;height:100%;border:0}.nowplaying-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px 20px}.nowplaying-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--flame);font-weight:700;margin:0 0 6px}.nowplaying-title{font-family:var(--font-display);font-size:clamp(18px,5vw,22px);margin:0 0 2px;line-height:1.15}.nowplaying-artist{margin:0;color:var(--paper-dim);font-size:14px}.nowplaying-added-by{margin:8px 0 0;font-size:12px;color:#7a6c61}.nowplaying-controls{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.nowplaying-skip{background:transparent;border:1px solid var(--ink-line);color:var(--paper-dim);border-radius:999px;padding:9px 14px;font-size:12px;font-weight:600;white-space:nowrap}.nowplaying-skip--active{border-color:var(--flame);color:var(--flame)}.nowplaying-lock-badge{font-size:12px;color:var(--gold);white-space:nowrap}.nowplaying-host-row{display:flex;gap:6px}.nowplaying-host-btn{background:var(--ink-line);border:none;color:var(--paper);border-radius:var(--radius-sm);padding:7px 10px;font-size:11px;font-weight:600}.nowplaying-host-btn:hover{background:var(--gold);color:var(--ink)}.rating-prompt{position:absolute;top:0;right:0;bottom:0;left:0;background:#16110ff0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;z-index:5}.rating-prompt-text{font-family:var(--font-display);font-size:18px;text-align:center;padding:0 24px;margin:0}.rating-prompt-stars{display:flex;gap:6px}.rating-star{background:transparent;border:none;font-size:32px;color:var(--ink-line);padding:4px;line-height:1;transition:color .15s ease,transform .1s ease}.rating-star:hover{color:var(--gold);transform:scale(1.1)}.rating-prompt-skip{background:transparent;border:none;color:var(--paper-dim);font-size:13px;text-decoration:underline}.queue-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.queue-row{display:grid;grid-template-columns:32px 52px 1fr auto;align-items:center;gap:12px;background:var(--ink-raised);border:1px solid var(--ink-line);border-radius:var(--radius-sm);padding:10px 12px}.queue-row--locked{border-color:var(--gold)}.queue-number{font-family:var(--font-display);font-size:22px;color:var(--ink-line);text-align:center;-webkit-text-stroke:1px var(--paper-dim);color:transparent}.queue-row:first-child .queue-number{-webkit-text-stroke:1px var(--teal)}.queue-thumb{width:52px;height:52px;border-radius:6px;object-fit:cover;background:var(--ink)}.queue-info{min-width:0}.queue-title{margin:0;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-artist{margin:2px 0 0;font-size:13px;color:var(--paper-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-genre{color:var(--teal)}.queue-addedby{margin:2px 0 0;font-size:11px;color:#7a6c61}.queue-vote-block{display:flex;flex-direction:column;align-items:center;gap:2px}.queue-vote-btn{background:transparent;border:none;color:var(--paper-dim);font-size:14px;width:28px;height:22px;line-height:1;border-radius:6px}.queue-vote-btn:hover{background:var(--ink-line)}.queue-vote-btn--up-active{color:var(--teal)}.queue-vote-btn--down-active{color:var(--flame)}.queue-score{font-family:var(--font-display);font-size:14px;color:var(--paper);min-width:18px;text-align:center}.queue-lock-btn{background:transparent;border:none;font-size:16px;padding:4px;margin-left:-4px}.queue-empty{text-align:center;padding:32px 16px;border:1px dashed var(--ink-line);border-radius:var(--radius)}.queue-empty-title{font-family:var(--font-display);font-size:16px;margin:0 0 4px;color:var(--paper-dim)}.queue-empty-sub{margin:0;font-size:13px;color:#7a6c61}@media (max-width: 380px){.queue-row{grid-template-columns:24px 44px 1fr auto}.queue-thumb{width:44px;height:44px}}.addsong-fab{position:sticky;bottom:16px;margin:0 auto;width:calc(100% - 8px);max-width:600px;background:var(--flame);color:var(--ink);border:none;border-radius:999px;font-weight:700;font-size:16px;padding:16px;box-shadow:0 8px 24px #0006}.addsong-fab:hover{filter:brightness(1.08)}.addsong-panel{position:sticky;bottom:16px;background:var(--ink-raised);border:1px solid var(--ink-line);border-radius:var(--radius);padding:16px;box-shadow:0 8px 30px #00000080}.addsong-form{display:flex;flex-direction:column;gap:12px}.addsong-row{display:flex;gap:8px}.addsong-input{flex:1;background:var(--ink);border:1px solid var(--ink-line);border-radius:var(--radius-sm);color:var(--paper);font-size:15px;padding:12px 14px;min-width:0}.addsong-close{background:transparent;border:none;color:var(--paper-dim);font-size:16px;width:40px;flex-shrink:0}.addsong-manual{display:flex;flex-direction:column;gap:8px}.addsong-genres{display:flex;flex-wrap:wrap;gap:6px}.addsong-genre{background:var(--ink);border:1px solid var(--ink-line);color:var(--paper-dim);border-radius:999px;font-size:12px;padding:6px 12px;text-transform:capitalize}.addsong-genre--active{border-color:var(--teal);color:var(--teal)}.addsong-error{margin:0;font-size:13px;color:var(--gold)}.addsong-submit{background:var(--flame);color:var(--ink);border:none;border-radius:var(--radius-sm);font-weight:700;font-size:15px;padding:13px}.addsong-submit:disabled{opacity:.5}.party{max-width:640px;margin:0 auto;width:100%;padding:20px 16px 120px;display:flex;flex-direction:column;gap:24px}.party-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.party-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--teal);margin:0 0 4px;font-weight:600}.party-name{font-family:var(--font-display);font-size:clamp(24px,7vw,32px);margin:0;line-height:1.05}.party-share{flex-shrink:0;background:transparent;border:1px solid var(--ink-line);color:var(--paper);border-radius:999px;padding:10px 16px;font-size:13px;font-weight:600;white-space:nowrap}.party-share:hover{border-color:var(--teal);color:var(--teal)}.party-queue-section{display:flex;flex-direction:column;gap:12px}.party-queue-heading{display:flex;align-items:baseline;justify-content:space-between}.party-queue-heading h2{font-family:var(--font-display);font-size:20px;margin:0}.party-queue-count{font-size:13px;color:var(--paper-dim)}.party-loading,.party-notfound{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:24px;color:var(--paper-dim)}.party-notfound h1{font-family:var(--font-display);color:var(--paper);font-size:26px;margin:0}:root{--ink: #16110f;--ink-raised: #211a17;--ink-line: #3a2f29;--paper: #f5ede2;--paper-dim: #cdbfae;--flame: #ff5a36;--flame-dim: #59281c;--teal: #4fd1c5;--teal-dim: #1d4742;--gold: #ffc857;--font-display: "Archivo Black", "Arial Black", sans-serif;--font-body: "Space Grotesk", "Helvetica Neue", sans-serif;--radius: 14px;--radius-sm: 8px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--ink);color:var(--paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:var(--teal);text-decoration:none}button{font-family:var(--font-body);cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--teal);outline-offset:2px}input{font-family:var(--font-body)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.room-glow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 700px 500px at 8% -5%,rgba(255,90,54,.16),transparent 60%),radial-gradient(ellipse 600px 500px at 100% 0%,rgba(79,209,197,.1),transparent 55%)}.app-shell{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}