@font-face{font-family:Gilroy;src:url('/assets/fonts/Gilroy-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Gilroy;src:url('/assets/fonts/Gilroy-Semibold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Gilroy;src:url('/assets/fonts/Gilroy-Black.woff2') format('woff2');font-weight:800;font-display:swap}
:root{color-scheme:dark;--bg:#030a0f;--line:rgba(157,185,199,.2);--text:#f3f5f7;--muted:#9aa3ab;--green:#78db31;--red:#ff5a5a;--panel:linear-gradient(145deg,rgba(9,19,25,.94),rgba(5,13,18,.82))}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;max-width:100%;overflow-x:clip;overscroll-behavior-x:none;touch-action:pan-y;background:var(--bg);color:var(--text);font-family:Gilroy,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input,textarea{font-family:inherit}
.tv-remote{width:100%;max-width:520px;margin:0 auto;padding:20px 18px 60px;overflow-x:clip;display:flex;flex-direction:column;gap:22px}
.tv-remote__header{display:flex;align-items:center;gap:14px}
.tv-remote__logo{width:72px;height:72px;object-fit:contain;flex:none}
.tv-remote__header h1{margin:0;font-size:22px;font-weight:800;letter-spacing:.02em}
.tv-remote__status{margin:6px 0 0;font-size:15px;color:var(--muted)}
.tv-remote__pin-gate,.tv-remote__panel{display:flex;flex-direction:column;gap:18px}
.tv-remote__pin-gate{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.tv-remote__pin-label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--muted)}
.tv-remote__pin-label input,.tv-remote__textarea,.tv-remote__timer-fields input{width:100%;padding:14px;border-radius:10px;border:1px solid var(--line);background:#0a141b;color:var(--text);font-size:20px}
.tv-remote__pin-label input{letter-spacing:.3em;text-align:center}
.tv-remote__pin-error{margin:0;color:var(--red);font-size:14px}
.tv-remote__cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tv-remote__card{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);display:flex;flex-direction:column;gap:6px}
.tv-remote__card span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.tv-remote__card strong{font-size:17px;font-weight:800}
.tv-remote__panel h2{margin:0;font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.tv-remote__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tv-remote__btn{padding:16px 10px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:15px;font-weight:600;cursor:pointer}
.tv-remote__btn.is-current{border-color:#f5ff62;outline:2px solid #f5ff62;outline-offset:3px;color:#f5ff62;box-shadow:0 0 16px rgba(245,255,98,.32)}
.tv-remote__btn:active{background:rgba(120,219,49,.15);border-color:var(--green)}
.tv-remote__btn--silence{border-color:rgba(245,255,98,.45)}
.tv-remote__btn--questions{grid-column:1 / -1;border-color:rgba(245,255,98,.55);background:radial-gradient(circle at 18% 0,rgba(245,255,98,.2),transparent 52%),var(--panel);font-weight:800;color:#f5ff62}
.tv-remote__questions-error{color:#ff5a5a}
.tv-remote__questions-modal{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(3,10,15,.62);backdrop-filter:blur(18px)}
.tv-remote__questions-modal[hidden]{display:none!important}
.tv-remote__questions-card{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(100%,420px);padding:22px 16px 16px;border:1px solid rgba(245,255,98,.28);border-radius:24px;background:radial-gradient(circle at 50% 0,rgba(245,255,98,.14),transparent 46%),linear-gradient(145deg,rgba(9,19,25,.96),rgba(5,13,18,.9));box-shadow:0 24px 60px rgba(0,0,0,.5);text-align:center}
.tv-remote__questions-card h2{margin:0;color:#fff;font-size:22px;font-weight:800}
.tv-remote__questions-stage{width:100%}
.tv-remote__questions-next{width:100%;padding:14px;border:0;border-radius:12px;background:#f5ff62;color:#111;font-size:15px;font-weight:800;cursor:pointer}
.tv-remote__questions-next:disabled{opacity:.45}
.tv-remote__questions-close{width:100%;padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:transparent;color:#f3f5f7;font-size:14px;font-weight:700;cursor:pointer}
.tv-remote__hundred-label{display:flex;flex-direction:column;gap:8px;width:100%;color:#9aa3ab;font-size:13px;font-weight:600;text-align:left}
.tv-remote__hundred-label input{width:100%;padding:14px;border-radius:12px;border:1px solid rgba(245,255,98,.35);background:#0a141b;color:#fff;font-size:28px;font-weight:800;text-align:center}
.tv-remote__hundred-text{margin:0;color:#fff;font-size:16px;font-weight:700;line-height:1.35}
.tv-remote__hint{margin:0;font-size:13px;color:var(--muted)}
.tv-remote__duration{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.tv-remote__duration button{padding:10px 4px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:12px;cursor:pointer}
.tv-remote__duration button.is-selected{border-color:var(--green);color:var(--green);background:rgba(120,219,49,.1)}
.tv-remote__textarea{min-height:90px;font-size:15px;resize:vertical}
.tv-remote__show-btn{padding:16px;border-radius:12px;border:0;background:var(--green);color:#04160a;font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;cursor:pointer}
.tv-remote__show-btn--danger{background:var(--red);color:#2a0505}
.tv-remote__reset-btn,.tv-remote__link{padding:14px;border-radius:12px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:14px;font-weight:600;cursor:pointer}
.tv-remote__refresh,.tv-remote__timer-open{width:100%;margin:0;padding:14px;border-radius:12px;border:1px solid rgba(245,255,98,.45);background:rgba(245,255,98,.08);color:#f5ff62;font:700 16px Gilroy,Arial,sans-serif;cursor:pointer}
.tv-remote__lock-banner{margin:0;padding:12px 14px;border:1px solid rgba(245,255,98,.35);border-radius:12px;background:rgba(245,255,98,.08);color:#f5ff62;font-size:14px;line-height:1.35;font-weight:600}
.tv-remote__sections{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tv-remote__sections button{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:8px 4px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:13px;font-weight:700;cursor:pointer}
.tv-remote__sections button b{font-size:12px;font-weight:800;color:var(--green)}
.tv-remote__sections button.is-active{border-color:var(--green);color:var(--text);background:rgba(120,219,49,.12)}
.tv-remote__meeting-section{display:flex;flex-direction:column;gap:12px;min-width:0}
.tv-remote__tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px;border:1px solid var(--line);border-radius:12px;background:#060f15}
.tv-remote__tabs button{padding:10px 6px;border-radius:9px;border:0;background:transparent;color:var(--muted);font-size:13px;font-weight:700;cursor:pointer}
.tv-remote__tabs button.is-active{background:var(--green);color:#04160a}
.tv-remote__tab{display:flex;flex-direction:column;gap:18px;min-width:0}
.tv-remote__save-status{margin:0;font-size:13px;color:var(--green);min-height:16px}
.tv-remote__group{display:flex;flex-direction:column;gap:10px;min-width:0}
.tv-remote__unit{display:flex;flex-direction:column;gap:6px;min-width:0}
.tv-remote__unit--pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.tv-remote__field-label{display:flex;align-items:baseline;justify-content:space-between;font-size:13px;color:var(--muted)}
.tv-remote__counter{font-size:11px;color:var(--muted)}
.tv-remote__input{width:100%;min-width:0;padding:12px;border-radius:10px;border:1px solid var(--line);background:#0a141b;color:var(--text);font-size:15px}
.tv-remote__textarea--compact{min-height:64px}
.tv-remote__wipe{width:100%;padding:14px;border-radius:12px;border:1px solid rgba(255,107,107,.55);background:rgba(255,107,107,.08);color:#ffb4b4;font-size:15px;font-weight:700;cursor:pointer}
.tv-remote__panel.is-locked .tv-remote__btn,
.tv-remote__panel.is-locked .tv-remote__show-btn,
.tv-remote__panel.is-locked .tv-remote__reset-btn:not([data-remote-timer-close]),
.tv-remote__panel.is-locked .tv-remote__refresh,
.tv-remote__panel.is-locked .tv-remote__timer-open,
.tv-remote__panel.is-locked .tv-remote__duration button,
.tv-remote__panel.is-locked .tv-remote__textarea,
.tv-remote__panel.is-locked .tv-remote__input,
.tv-remote__panel.is-locked .tv-remote__wipe,
.tv-remote__panel.is-locked .tv-remote__questions-next{opacity:.45;pointer-events:none}
.tv-remote__modal{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(3,10,15,.72);backdrop-filter:blur(10px)}
.tv-remote__modal-card{width:min(100%,420px);padding:22px 18px 18px;border:1px solid var(--line);border-radius:18px;background:var(--panel);display:flex;flex-direction:column;gap:12px;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.tv-remote__modal-card h2{margin:0;font-size:20px;font-weight:800}
.tv-remote__modal-text{margin:0;font-size:15px;line-height:1.45;color:var(--muted)}
.tv-remote__timer-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tv-remote__timer-fields label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:13px;font-weight:600}
.tv-remote__timer-fields input{font-size:18px;text-align:center}
.tv-remote__timer-clock{margin:4px 0 0;color:#fff;font:900 64px/1 Gilroy,Arial,sans-serif;text-align:center;font-variant-numeric:tabular-nums}
.tv-remote__timer-clock.is-warn{color:#f5ff62}
.tv-remote__timer-clock.is-late{color:#ff5a5a}
@media(max-width:420px){.tv-remote__duration{grid-template-columns:1fr 1fr}}