:root{color-scheme:dark;--bg: #0d0d10;--panel: #101115;--sunken: #0f1013;--card: #131418;--list: #111217;--line: #1e1f24;--line-soft: #1a1b20;--field-line: #26272d;--text: #ecebe8;--text-dim: #b6b4af;--muted: #8a8884;--muted-2: #63615d;--muted-3: #5b5955;--green: #6ec98a;--green-text: #8fd6a8;--green-line: #4a7f5c;--danger: #d67460;--mono: "IBM Plex Mono", ui-monospace, monospace;font-family:Space Grotesk,system-ui,sans-serif;background:var(--bg);color:var(--text)}html,body{height:100%}body{margin:0;background:var(--bg)}a{color:var(--green-text);text-decoration:none}a:hover{color:#b3e6c4}input[type=range],input[type=checkbox]{accent-color:var(--green)}::placeholder{color:#64625e}.app{min-height:100vh;display:flex;flex-direction:column;overflow-x:auto}.topbar,.grid{min-width:1440px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 28px;border-bottom:1px solid var(--line);background:var(--panel)}.topbar__brand{font-size:16px;font-weight:600;letter-spacing:-.01em}.topbar__user{display:flex;align-items:center;gap:14px}.topbar__identity{display:flex;flex-direction:column;gap:1px}.topbar__login{font-size:14px;font-weight:600;letter-spacing:-.01em}.topbar__status{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10.5px;color:var(--muted-2)}.topbar__status:before{content:"";width:6px;height:6px;border-radius:50%;background:#3f4046}.topbar__status.is-connected{color:var(--green-text)}.topbar__status.is-connected:before{background:var(--green)}.topbar__hint{font-size:12px;color:var(--muted-2)}.banner{margin:0;padding:10px 28px;border-bottom:1px solid rgba(214,116,96,.3);background:#d6746014;color:#eda694;font-size:12.5px;min-width:1440px;box-sizing:border-box}.grid{flex:1;display:grid;grid-template-columns:320px minmax(800px,1fr) 320px;align-items:stretch}.col{padding:22px 20px;display:flex;flex-direction:column;gap:20px;background:var(--panel)}.col--settings{border-right:1px solid var(--line)}.col--log{border-left:1px solid var(--line);padding:16px;gap:12px}.eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2)}.group{display:flex;flex-direction:column;gap:10px}.group__title{font-size:12.5px;font-weight:600;color:var(--muted);margin:0}.divider{height:1px;background:var(--line)}.btn{padding:6px 13px;border-radius:999px;border:1px solid #2e2f36;background:#1a1b21;color:#a9a7a2;font-family:inherit;font-size:12px;cursor:pointer}.btn:hover{background:#23242b;color:var(--text)}.btn--small{padding:4px 11px;font-size:11.5px;color:#cfcdc8;flex:none}.btn--green{padding:9px 15px;border-radius:8px;border-color:#2b4a37;background:#1a2b20;color:var(--green-text);font-size:13px}.btn--green:hover{background:#204030;color:var(--green-text)}.btn--green:disabled{opacity:.45;cursor:not-allowed;background:#1a2b20}.field{width:100%;box-sizing:border-box;padding:9px 12px;border-radius:8px;border:1px solid var(--field-line);background:var(--card);color:var(--text);font-family:inherit;font-size:13px;outline:none}.field:focus{border-color:var(--green-line)}.field--mono{padding:8px 10px;border-radius:7px;background:var(--sunken);color:var(--text-dim);font-family:var(--mono);font-size:11.5px}.mode{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border-radius:9px;border:1px solid rgba(198,158,74,.3);background:#c69e4a0f;cursor:pointer}.mode input{width:14px;height:14px;margin:2px 0 0;flex:none}.mode__body{display:flex;flex-direction:column;gap:3px}.mode__label{font-size:13px;font-weight:600;color:#ecdcb8}.mode__hint{margin:0;font-size:12px;line-height:1.45;color:#a89b7f;text-wrap:pretty}.mode__hint b{font-family:var(--mono);color:#e0c891}.mode--live{border-color:#d674604d;background:#d674600f}.mode--live .mode__label{color:#f0d9d2}.mode--live .mode__hint{color:#ab958f}.mode--live .mode__hint b{color:#e8b3a5}.triggers{display:flex;flex-direction:column;gap:8px;padding:12px 13px;border:1px solid #22232a;border-radius:9px;background:var(--card)}.triggers__label{font-size:13px;font-weight:500;text-wrap:pretty}.triggers__label b{font-family:var(--mono);color:#e0c891}.triggers__input{width:100%;box-sizing:border-box;resize:vertical;line-height:1.6}.triggers__hint{font-size:12px;line-height:1.45;color:#a89b7f;text-wrap:pretty}.sound{display:flex;flex-direction:column;gap:10px;padding:12px 13px;border:1px solid #22232a;border-radius:9px;background:var(--card)}.sound__head{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}.sound__name{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:500;text-wrap:pretty}.sound__name input{width:14px;height:14px;flex:none}.sound__volume{display:flex;align-items:center;gap:10px}.sound__volume input{flex:1;min-width:0}.sound__value{font-family:var(--mono);font-size:11.5px;color:var(--muted);width:38px;text-align:right}.channels{padding:22px 24px;display:flex;flex-direction:column;gap:14px}.channels__head{display:flex;align-items:center;justify-content:space-between;gap:16px}.channels__add{display:flex;gap:8px}.channels__add .field{width:240px}.channels__list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--list)}.channels__empty{margin:0;padding:18px 16px;font-size:12.5px;color:var(--muted-3)}.row{display:grid;grid-template-columns:minmax(230px,1fr) auto auto auto;gap:18px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line-soft)}.row:last-child{border-bottom:none}.row:hover{background:#15161b}.row__ident{display:flex;flex-direction:column;gap:4px;min-width:0}.row__title{display:flex;align-items:center;gap:10px}.row__live{width:7px;height:7px;border-radius:50%;flex:none;border:1px solid #3f4046}.row__live.is-live{background:var(--green);border-color:var(--green)}.row__live.is-offline{background:#3f4046}.row__name{font-size:14px;font-weight:500;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__name:hover{color:var(--green-text)}.row__meta{font-family:var(--mono);font-size:11px;color:var(--muted-3);padding-left:17px}.row__timer{display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap}.row__countdown{font-family:var(--mono);font-size:16px;font-weight:500;letter-spacing:-.01em;line-height:1.1;color:#fff}.row__auto{display:flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap;font-size:12.5px;color:#a9a7a2}.row__auto input[type=checkbox]{width:13px;height:13px}.row__auto input[type=number]{width:48px;padding:3px 5px;border-radius:5px;border:1px solid #2b2c33;background:var(--sunken);color:var(--text);font-family:var(--mono);font-size:12px;outline:none}.row__auto input[type=number]:disabled{opacity:.4}.row__actions{display:flex;gap:6px}.icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:7px;cursor:pointer;font-size:13px;border:1px solid rgba(110,201,138,.32);background:#6ec98a1a;color:var(--green-text)}.icon:hover{filter:brightness(1.25)}.icon:disabled{opacity:.4;cursor:not-allowed;filter:none}.icon--leave{border-color:#c69e4a57;background:#c69e4a1a;color:#d8b264}.icon--remove{border-color:#d6746052;background:#d6746014;color:#d98b76}.icon--remove:hover{background:#d6746029;color:#eda694}.row__error{grid-column:1 / -1;font-size:11.5px;color:#eda694}.log{display:flex;flex-direction:column;gap:2px}.log__empty{margin:0;font-size:12.5px;color:var(--muted-3)}.log__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.log__list li{padding:3px 0;border-bottom:1px solid var(--line-soft);font-family:var(--mono);font-size:11.5px;line-height:1.5}.log__stamp{color:#4d4c49;margin-right:8px}.log__channel{color:#6f8f7b;margin-right:8px}.log__text{color:var(--text-dim);text-wrap:pretty}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + .4rem);left:50%;transform:translate(-50%);padding:4px 8px;border-radius:6px;background:#16171c;border:1px solid #2e2f36;color:var(--text);font-family:Space Grotesk,system-ui,sans-serif;font-size:11.5px;line-height:1.2;white-space:nowrap;pointer-events:none;visibility:hidden;z-index:10}[data-tip]:hover:after{visibility:visible}.row.is-hot{background:#6ec98a1a}