@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-vietnamese-700-normal-DYeBwlKR.woff2) format("woff2"),url(/assets/barlow-condensed-vietnamese-700-normal-DhIzd8Tb.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-ext-700-normal-CwuXbfVR.woff2) format("woff2"),url(/assets/barlow-condensed-latin-ext-700-normal-BIHFfxf0.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2) format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #0a0a0a;--panel: #141414;--panel-2: #1b1b1b;--line: #262626;--line-soft: #1c1c1c;--accent: #ef5524;--accent-soft: #f16d53;--accent-wash: rgba(239, 85, 36, .14);--text: #ffffff;--muted: #9a9aa3;--faint: #6b6b73;--ok: #3dd68c;--warn: #f5b02e;--danger: #f4523f;--ok-wash: rgba(61, 214, 140, .13);--warn-wash: rgba(245, 176, 46, .1);--font-display: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;--font-body: "Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--r-sm: 7px;--r-md: 10px;--r-lg: 14px;--shadow: 0 24px 80px rgba(0, 0, 0, .55);--rail-w: 232px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter Variable,system-ui,sans-serif}.screen{min-height:100%;display:flex;flex-direction:column}.center{align-items:center;justify-content:center;padding:24px}.gate{max-width:440px;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center}.gate h1{font-family:Barlow Condensed,sans-serif;font-size:2.2rem;text-transform:uppercase;letter-spacing:.02em;margin:0}.gate .logo{width:72px;height:72px;border-radius:14px;object-fit:cover}.meta{color:var(--muted);font-size:.9rem;margin:0}.meta.error{color:var(--danger)}.meta.version{font-size:.72rem;color:var(--faint)}.input{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:12px 14px;font-size:1rem}.input.code{font-family:Barlow Condensed,sans-serif;font-size:2rem;text-align:center;letter-spacing:.4em;text-transform:uppercase}.input:focus{outline:2px solid var(--accent);border-color:var(--accent)}.btn{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:12px 22px;font-size:1rem;font-weight:600;cursor:pointer}.btn.big{width:100%;padding:16px;font-size:1.1rem}.btn:disabled{opacity:.5;cursor:default}.btn:hover:not(:disabled){background:var(--accent-soft)}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--muted)}.btn.ghost:hover:not(:disabled){background:var(--panel);color:var(--text)}.player{align-items:center;padding:20px 24px;gap:16px}.player-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.offline-banner{position:sticky;top:0;z-index:10;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--warn-wash);border:1px solid var(--warn);color:var(--warn);border-radius:var(--r-md);padding:10px 14px;font-size:.88rem;text-align:center}.start-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:220px;height:220px;border-radius:50%;font-family:var(--font-display);font-size:1.7rem;letter-spacing:.06em;box-shadow:0 0 0 10px var(--accent-wash),var(--shadow)}.now{gap:8px;text-align:center}.place-name{margin:0;color:var(--muted);font-size:.95rem;text-transform:uppercase;letter-spacing:.12em}.cover{width:min(46vw,240px);aspect-ratio:1;margin:14px 0 6px;border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--faint);overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover}.track-title{font-family:var(--font-display);font-size:2rem;text-transform:uppercase;margin:4px 0 0;max-width:560px}.track-artist{margin:0;color:var(--muted);font-size:1.05rem}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 12px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.badge.spot{background:var(--warn-wash);color:var(--warn)}.badge.vote{background:var(--ok-wash);color:var(--ok)}.badge.sm{padding:1px 8px;font-size:.66rem}.queue{margin-top:22px;width:min(92vw,440px);text-align:left}.queue-title{margin:0 0 6px;color:var(--faint);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.queue ol{list-style:none;margin:0;padding:0;counter-reset:q}.queue li{counter-increment:q;display:flex;align-items:baseline;gap:8px;padding:7px 0;border-bottom:1px solid var(--line-soft);font-size:.92rem}.queue li:before{content:counter(q);color:var(--faint);font-size:.78rem;min-width:14px}.queue-item-title{color:var(--text)}.queue-item-artist{color:var(--muted);font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.locutor-fab{position:fixed;right:22px;bottom:22px;z-index:20;width:56px;height:56px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow)}.locutor-fab:hover{color:var(--accent);border-color:var(--accent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#0009;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:min(94vw,420px);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;display:flex;flex-direction:column;gap:14px;text-align:left;box-shadow:var(--shadow)}.modal .input{background:var(--panel-2)}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin:0;display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:1.5rem;text-transform:uppercase;letter-spacing:.03em}.modal-close{background:none;border:none;color:var(--muted);cursor:pointer;padding:4px;display:flex}.modal-close:hover{color:var(--text)}.field{display:flex;flex-direction:column;gap:6px}.field>span{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.field textarea.input{resize:none;font-family:inherit}.plate-inputs{display:flex;gap:6px}.plate-inputs .input{width:44px;padding:10px 0;text-align:center;text-transform:uppercase;font-family:var(--font-display);font-size:1.3rem}.plate-inputs .plate-gap{margin-left:10px}.meta.warn{color:var(--warn);display:flex;align-items:center;gap:6px}