:root{--color-accent:#db5f06;--color-accent-strong:#ff7a1a;--color-accent-dim:#8f4108;--color-bg:#141210;--color-bg-raised:#1c1916;--color-bg-card:#211d19;--color-border:#322c26;--color-border-strong:#453d34;--color-text:#f4efe8;--color-text-dim:#b6ab9d;--color-text-faint:#7b7267;--color-success:#6fae5d;--color-danger:#d9503f;--font-display:"Bebas Neue", "Oswald", system-ui, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fs-2xl:clamp(2.5rem, 8vw, 4rem);--fs-xl:clamp(1.75rem, 6vw, 2.5rem);--fs-lg:1.375rem;--fs-md:1.0625rem;--fs-base:.9375rem;--fs-sm:.8125rem;--fs-xs:.6875rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--shadow-card:0 2px 10px #00000059;--tap-min:48px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--fs-base);-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain;margin:0;padding:0}#root{flex-direction:column;min-height:100dvh;display:flex}h1,h2,h3{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;margin:0;line-height:1.05}p{margin:0}button{font-family:var(--font-body);cursor:pointer}a{color:inherit}img{max-width:100%;display:block}::selection{background:var(--color-accent);color:#fff}:focus-visible{outline:2px solid var(--color-accent-strong);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.app-loading{background:var(--color-bg);min-height:100dvh}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);font-weight:700;font-size:var(--fs-md);letter-spacing:.02em;text-transform:uppercase;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:1px solid #0000;transition:transform .12s,opacity .12s,background-color .12s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--lg{min-height:56px;font-size:var(--fs-lg);padding:var(--space-4) var(--space-6)}.btn--full{width:100%}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:not(:disabled):hover{background:var(--color-accent-strong)}.btn--secondary{border-color:var(--color-border-strong);color:var(--color-text);background:0 0}.btn--secondary:not(:disabled):hover{border-color:var(--color-accent)}.btn--ghost{color:var(--color-text-dim);text-transform:none;letter-spacing:normal;background:0 0;font-weight:600}.btn--success{background:var(--color-success);color:#0f1a0d}.btn--danger{border-color:var(--color-danger);color:var(--color-danger);background:0 0}.eq{align-items:flex-end;gap:3px;height:18px;display:inline-flex}.eq--sm{height:14px}.eq__bar{background:var(--color-accent-strong);transform-origin:bottom;will-change:transform;border-radius:2px;width:3px;height:100%;animation:.9s ease-in-out infinite eq-bounce;transform:scaleY(.3)}.eq--sm .eq__bar{width:2px}.eq__bar:first-child{animation-delay:-.6s}.eq__bar:nth-child(2){animation-delay:-.3s}.eq__bar:nth-child(3){animation-delay:-.9s}.eq__bar:nth-child(4){animation-delay:-.15s}@keyframes eq-bounce{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.home-screen{align-items:flex-end;min-height:100dvh;display:flex;position:relative;overflow:hidden}.home-screen__photo{position:absolute;inset:0}.home-screen__photo img{object-fit:cover;object-position:center 20%;width:100%;height:100%}.home-screen__scrim{background:linear-gradient(#14121059 0%,#1412108c 45%,#141210f7 88%);position:absolute;inset:0}.home-screen__content{z-index:1;width:100%;padding:var(--space-6) var(--space-5) calc(var(--space-7) + var(--safe-bottom));text-align:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex;position:relative}.home-screen__logo{filter:drop-shadow(0 4px 14px #00000080);width:210px;max-width:68vw;margin-bottom:var(--space-2)}.home-screen__live{align-items:center;gap:var(--space-2);border:1px solid var(--color-accent-dim);color:var(--color-accent-strong);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-4);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;background:#db5f0626;font-weight:700;display:inline-flex}.home-screen__venue{color:var(--color-text-dim);font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.home-screen__tagline{font-size:var(--fs-lg);color:var(--color-text);max-width:30ch;margin-bottom:var(--space-3)}.home-screen__content .btn{max-width:420px}.song-card{align-items:center;gap:var(--space-3);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);list-style:none;display:flex}.song-card--mine{border-color:var(--color-accent)}.song-card--played{opacity:.55}.song-card__rank{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--color-accent);text-align:center;flex-shrink:0;min-width:28px}.song-card__info{flex:1;min-width:0}.song-card__title{font-weight:700;font-size:var(--fs-md);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.song-card__artist{font-size:var(--fs-sm);color:var(--color-text-dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.song-card__meta{align-items:flex-end;gap:var(--space-1);flex-direction:column;flex-shrink:0;display:flex}.song-card__votes{font-size:var(--fs-xs);color:var(--color-text-faint);font-weight:600}.song-card__badge{font-size:var(--fs-xs);color:var(--color-text-faint);text-transform:uppercase;font-weight:700}.song-card__badge--live{color:var(--color-accent-strong)}.song-card__vote{min-height:36px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--color-accent);color:var(--color-accent-strong);font-weight:700;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.02em;background:0 0;transition:background-color .12s,color .12s,transform .12s}.song-card__vote:active{transform:scale(.95)}.song-card__vote:disabled{opacity:.4}.song-card__vote--active{background:var(--color-accent);color:#fff}.search-input{align-items:center;gap:var(--space-2);background:var(--color-bg-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);min-height:var(--tap-min);display:flex}.search-input input{color:var(--color-text);font-size:var(--fs-md);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1}.search-input input::placeholder{color:var(--color-text-faint)}.search-input input::-webkit-search-cancel-button{filter:invert()}.section-heading{align-items:center;gap:var(--space-2);font-size:var(--fs-lg);color:var(--color-text);margin-bottom:var(--space-3);display:flex}.section-heading__icon{font-size:.85em}.now-playing{border:1px solid var(--color-accent-dim);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);text-align:center;background:linear-gradient(#db5f0624,#db5f060a)}.now-playing__eyebrow{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent-strong);margin-bottom:var(--space-1);font-weight:700;display:flex}.now-playing__title{font-family:var(--font-display);font-size:var(--fs-xl);letter-spacing:.01em;text-transform:uppercase;margin-top:var(--space-1)}.now-playing__sub{color:var(--color-text-dim);font-size:var(--fs-sm);margin-top:var(--space-2)}.progress{width:100%}.progress__label{font-family:var(--font-display);font-size:var(--fs-md);letter-spacing:.04em;color:var(--color-text-dim);margin-bottom:var(--space-2);justify-content:space-between;display:flex}.progress__track{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-pill);height:8px;overflow:hidden}.progress__fill{background:var(--color-accent);border-radius:var(--radius-pill);height:100%;transition:width .5s}.suggestion-trigger{color:var(--color-accent-strong);font-weight:700;font-size:var(--fs-sm);padding:var(--space-3) 0;text-align:center;width:100%;min-height:var(--tap-min);background:0 0;border:none}.suggestion-form{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.suggestion-form--done{text-align:center;align-items:center;gap:var(--space-2);color:var(--color-success);font-weight:600}.suggestion-form__label{font-weight:700;font-size:var(--fs-sm);color:var(--color-text-dim)}.suggestion-form input{background:var(--color-bg-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-3);color:var(--color-text);font-size:var(--fs-md);min-height:var(--tap-min)}.suggestion-form__actions{gap:var(--space-2);justify-content:flex-end;display:flex}.repertoire-screen{flex-direction:column;min-height:100dvh;display:flex}.repertoire-screen__header{z-index:10;justify-content:space-between;align-items:center;gap:var(--space-3);padding:calc(var(--space-3) + var(--safe-top)) var(--space-4) var(--space-3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);background:#141210eb;display:flex;position:sticky;top:0}.repertoire-screen__back{color:var(--color-text);min-width:var(--tap-min);min-height:var(--tap-min);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.repertoire-screen__show-name{font-family:var(--font-display);font-size:var(--fs-md);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-dim);text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.repertoire-screen__body{padding:var(--space-4) var(--space-4) calc(var(--space-8) + var(--safe-bottom));gap:var(--space-6);flex-direction:column;flex:1;width:100%;max-width:640px;margin:0 auto;display:flex}.repertoire-screen__list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.repertoire-screen__empty{color:var(--color-text-faint);text-align:center;padding:var(--space-5) 0}.repertoire-screen__error{border:1px solid var(--color-danger);color:var(--color-text);padding:var(--space-3);border-radius:var(--radius-sm);font-size:var(--fs-sm);background:#d9503f1f}.repertoire-screen__toggle{color:var(--color-text-dim);font-weight:700;font-size:var(--fs-md);padding:var(--space-2) 0;min-height:var(--tap-min);text-align:left;background:0 0;border:none;width:100%}.ig-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);color:var(--color-text-dim);font-size:var(--fs-sm);min-height:40px;font-weight:600;text-decoration:none;display:inline-flex}.ig-btn:hover{border-color:var(--color-accent);color:var(--color-text)}.subscribe-form{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.subscribe-form--done{text-align:center;color:var(--color-success);font-weight:600}.subscribe-form__label{font-weight:700;font-size:var(--fs-sm);color:var(--color-text-dim);text-align:center}.subscribe-form input{background:var(--color-bg-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-3);color:var(--color-text);font-size:var(--fs-md);min-height:var(--tap-min)}.info-screen{text-align:center;align-items:center;gap:var(--space-4);min-height:100dvh;padding:calc(var(--space-8) + var(--safe-top)) var(--space-5) calc(var(--space-7) + var(--safe-bottom));flex-direction:column;max-width:480px;margin:0 auto;display:flex}.info-screen__logo{width:160px;margin-bottom:var(--space-3)}.info-screen__title{font-size:var(--fs-xl)}.info-screen__text{color:var(--color-text-dim);max-width:34ch}.info-screen__block{text-align:left;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;padding:var(--space-4)}.info-screen__block-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--color-accent);margin-bottom:var(--space-3)}.info-screen__upcoming{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.info-screen__upcoming li{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2);flex-direction:column;gap:2px;display:flex}.info-screen__upcoming li:last-child{border-bottom:none;padding-bottom:0}.info-screen__upcoming span{font-size:var(--fs-sm);color:var(--color-text-faint)}.info-screen>.subscribe-form,.info-screen>.ig-btn{width:100%}.conn-banner{z-index:50;text-align:center;font-size:var(--fs-sm);padding:var(--space-2) var(--space-4);padding-top:calc(var(--space-2) + var(--safe-top));font-weight:600;position:sticky;top:0}.conn-banner--offline{background:var(--color-danger);color:#fff}.conn-banner--reconnected{background:var(--color-success);color:#0f1a0d}.ig-topbar{z-index:40;padding:6px var(--space-4);padding-top:calc(6px + var(--safe-top));color:var(--color-text-dim);font-size:var(--fs-xs);letter-spacing:.02em;background:#141210d1;justify-content:center;align-items:center;gap:6px;font-weight:700;text-decoration:none;display:flex;position:sticky;top:0}.ig-topbar:hover,.ig-topbar:active{color:var(--color-text)}.ig-topbar__icon{color:var(--color-accent-strong);display:inline-flex}.admin-login{min-height:100dvh;padding:var(--space-5);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.admin-login__logo{width:140px;margin-bottom:var(--space-2)}.admin-login__eyebrow{color:var(--color-text-faint);font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3);font-weight:700}.admin-login__form{gap:var(--space-4);flex-direction:column;width:100%;max-width:340px;display:flex}.admin-login__form label{gap:var(--space-2);font-size:var(--fs-sm);color:var(--color-text-dim);flex-direction:column;font-weight:600;display:flex}.admin-login__form input{background:var(--color-bg-card);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-3);color:var(--color-text);font-size:var(--fs-md);min-height:var(--tap-min)}.admin-login__error{color:var(--color-danger);font-size:var(--fs-sm);text-align:center}.admin-layout{flex-direction:column;min-height:100dvh;display:flex}.admin-layout__header{align-items:center;gap:var(--space-5);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-bg-raised);z-index:20;flex-wrap:wrap;display:flex;position:sticky;top:0}.admin-layout__logo{width:auto;height:34px}.admin-layout__nav{gap:var(--space-2);flex-wrap:wrap;flex:1;display:flex}.admin-layout__link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);color:var(--color-text-dim);font-weight:600;font-size:var(--fs-sm);text-decoration:none}.admin-layout__link--active{background:var(--color-accent);color:#fff}.admin-layout__logout{border:1px solid var(--color-border-strong);color:var(--color-text-dim);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);font-size:var(--fs-sm);background:0 0;min-height:40px;font-weight:600}.admin-layout__main{padding:var(--space-5);flex:1;width:100%;max-width:960px;margin:0 auto}@media (width<=640px){.admin-layout__header{flex-direction:column;align-items:stretch}.admin-layout__nav{order:3;justify-content:center}}.admin-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5)}.admin-card+.admin-card{margin-top:var(--space-4)}.admin-section-title{font-size:var(--fs-lg);margin-bottom:var(--space-4)}.admin-form{gap:var(--space-3);display:grid}.admin-form--row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.admin-form label{gap:var(--space-2);font-size:var(--fs-sm);color:var(--color-text-dim);flex-direction:column;font-weight:600;display:flex}.admin-form input,.admin-form select{background:var(--color-bg-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-3);color:var(--color-text);font-size:var(--fs-md);min-height:44px;font-family:var(--font-body)}.admin-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.admin-list-item{justify-content:space-between;align-items:center;gap:var(--space-3);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);flex-wrap:wrap;display:flex}.admin-list-item__info{flex:1;min-width:0}.admin-list-item__title{font-weight:700;font-size:var(--fs-md)}.admin-list-item__sub{color:var(--color-text-faint);font-size:var(--fs-sm)}.admin-list-item--top{border-color:var(--color-accent);background:linear-gradient(90deg,#db5f0624,#db5f0608)}.admin-list-item--top .admin-list-item__title{color:var(--color-accent-strong)}.admin-list-item__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.admin-badge{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;padding:2px var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);color:var(--color-text-dim);font-weight:700;display:inline-block}.admin-badge--live{color:var(--color-accent-strong);border-color:var(--color-accent)}.admin-badge--done{color:var(--color-text-faint)}.admin-empty{color:var(--color-text-faint);text-align:center;padding:var(--space-6) 0}.live-control__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.live-control__now-playing{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.qr-page__card{align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-7);background:#fff;flex-direction:column;display:flex}.qr-page__link{font-size:var(--fs-sm);color:#444;word-break:break-all}.qr-page__hint{color:var(--color-text-faint)}@media print{body *{visibility:hidden}#qr-print-area,#qr-print-area *{visibility:visible}#qr-print-area{border:none;margin:auto;position:fixed;inset:0}}