@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{color-scheme:light;--font-ui: "Inter Variable", ui-sans-serif, system-ui, -apple-system, sans-serif;--bg: #e4e3e0;--surface: #f7f6f3;--card: #ffffff;--edge: #d6d4cf;--edge-soft: #e7e5e1;--text: #1f1b20;--dim: #6d707a;--faint: #a3a5ad;--accent: #b9992e;--accent-soft: rgba(185, 153, 46, .14);--accent-glow: rgba(185, 153, 46, .55);--on-accent: #ffffff;--gold: #b98e0f;--good: #1f9d62;--bad: #d9472f;--shadow: 0 1px 2px rgba(20, 20, 30, .06), 0 6px 18px rgba(20, 20, 30, .08);--scroll-shade: rgba(20, 20, 30, .16);--muted-text: #4c4f58;--label-bg: rgba(255, 255, 255, .72);--label-bg-hover: #ffffff;--card-bg: rgba(255, 255, 255, .97);--hover: rgba(0, 0, 0, .04);--ring: rgba(255, 255, 255, .9);--lost: #7a7d86;--pnote-bg: #e9edf5;--pnote-text: #5b6480;font-family:var(--font-ui);font-synthesis-weight:none}:root[data-theme=dark]{color-scheme:dark;--bg: #16171a;--surface: #1b1c20;--card: #222428;--edge: #2e3036;--edge-soft: #26282d;--text: #f1efeb;--dim: #b5b1aa;--faint: #8a8781;--accent: #e0b84a;--accent-soft: rgba(224, 184, 74, .16);--accent-glow: rgba(224, 184, 74, .5);--on-accent: #1f1b20;--gold: #e8c260;--good: #5fd39a;--bad: #f07a60;--shadow: 0 1px 2px rgba(0, 0, 0, .25), 0 6px 18px rgba(0, 0, 0, .3);--scroll-shade: rgba(0, 0, 0, .45);--muted-text: #d3cfc8;--label-bg: rgba(22, 23, 26, .84);--label-bg-hover: #222428;--card-bg: rgba(27, 28, 32, .97);--hover: rgba(255, 255, 255, .06);--ring: rgba(22, 23, 26, .9);--lost: #6d7079;--pnote-bg: #2e333d;--pnote-text: #d6dcea}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);overflow:hidden;font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.kpi__value,.room-label__count,.time,.chip b,.seg button b{font-variant-numeric:tabular-nums}button,select,input{font:inherit;color:inherit}.app{display:grid;grid-template-rows:auto 1fr auto;height:100vh}.top{display:flex;align-items:center;gap:16px;padding:16px;background:var(--surface);border-bottom:1px solid var(--edge)}.brand{flex:none;display:flex;align-items:center}.brand__logo{display:block;height:26px;width:auto}.brand__logo--dark{display:none}:root[data-theme=dark] .brand__logo--light{display:none}:root[data-theme=dark] .brand__logo--dark{display:block}.title{flex:none;padding-left:16px;border-left:1px solid var(--edge)}.title b{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.title b:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.title span{font-size:10px;color:var(--dim);white-space:nowrap}.kpis{display:flex;margin-left:auto;min-width:0}.kpi-group{display:flex;gap:14px;padding:0 14px}.kpi-group+.kpi-group{border-left:1px solid var(--edge)}.kpi-group:last-child{padding-right:0}.kpi{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.kpi__label{font-size:8.5px;line-height:1.2;color:var(--dim);text-transform:uppercase;letter-spacing:.07em;font-weight:600;white-space:nowrap}.kpi__value{font-size:15px;line-height:1.2;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.kpi__value--good{color:var(--good)}.kpi__value--gold{color:var(--accent)}.kpi__value--bad{color:var(--bad)}.kpi__hint{font-size:8.5px;line-height:1.2;color:var(--faint);white-space:nowrap}.kpi__hint--good{color:var(--good)}.kpi__hint--bad{color:var(--bad)}.main{display:grid;grid-template-columns:1fr 272px;min-height:0}@media(max-width:1400px){.main{grid-template-columns:1fr 220px}}@media(max-width:1100px){.main{grid-template-columns:1fr}.side{display:none}}.stage{position:relative;min-height:0}.stage canvas{display:block}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.room-label{position:absolute;display:flex;gap:10px;align-items:flex-start;padding:3px 7px;border-radius:7px;background:var(--label-bg);border:1px solid var(--edge-soft);box-shadow:0 1px 3px #14141e14;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;pointer-events:auto;transition:background .15s ease}.room-label:hover{background:var(--label-bg-hover)}.room-label__text b{display:block;font-weight:700;line-height:1.2;letter-spacing:-.01em;font-size:clamp(8px,calc(11.5px * var(--k, 1)),13px)}.room-label__text span{font-size:clamp(7px,calc(9px * var(--k, 1)),10px);color:var(--dim);letter-spacing:.01em}.overlay--tight .room-label__text span,.overlay--tight .room-label__count span,.overlay--tight .zone{display:none}.overlay--tight .room-label{gap:6px;padding:2px 4px}.room-label__count{margin-left:auto;text-align:right}.room-label__count b{display:block;font-weight:700;color:var(--faint);line-height:1.1;font-size:clamp(9px,calc(13px * var(--k, 1)),15px)}.room-label__count b.hot{color:var(--accent)}.room-label__count span{font-size:clamp(7px,calc(9px * var(--k, 1)),10px);color:var(--faint)}.step{position:absolute;transform:translate(-50%,-50%);width:calc(18px*clamp(.6,var(--k, 1),1.2));height:calc(18px*clamp(.6,var(--k, 1),1.2));border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;color:var(--on-accent);background:var(--accent);box-shadow:0 0 0 2px var(--ring),0 0 10px var(--accent-glow)}.step--lost{background:var(--lost);box-shadow:0 0 0 2px var(--ring)}.zone{position:absolute;transform:translate(-50%);font-size:9.5px;font-weight:600;color:var(--dim);letter-spacing:.02em}.side{display:flex;flex-direction:column;padding:8px 12px;overflow-y:auto;overscroll-behavior:contain;border-left:1px solid var(--edge);background-color:var(--surface)}.side>*+*{margin-top:8px;padding-top:8px;border-top:1px solid var(--edge-soft)}.scroll-shade{background:linear-gradient(var(--surface) 30%,transparent) top / 100% 28px no-repeat local,linear-gradient(transparent,var(--surface) 70%) bottom / 100% 28px no-repeat local,radial-gradient(farthest-side at 50% 0,var(--scroll-shade),transparent) top / 100% 10px no-repeat scroll,radial-gradient(farthest-side at 50% 100%,var(--scroll-shade),transparent) bottom / 100% 10px no-repeat scroll;background-color:var(--surface)}.filters{display:flex;flex-direction:column;gap:8px}.check{display:flex;gap:6px;align-items:center;font-size:11px;color:var(--dim)}.check input{accent-color:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:4px}.chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;font-size:10.5px;background:transparent;border:1px solid var(--edge);border-radius:999px;cursor:pointer;color:var(--dim);transition-property:border-color,color,background-color,scale;transition-duration:.15s;transition-timing-function:cubic-bezier(.2,0,0,1)}.chip:active{scale:.96}.chip:hover{border-color:var(--faint)}.chip--on{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.chip i{width:7px;height:7px;border-radius:50%}.chip b{color:var(--text)}.log{font-size:11px;font-variant-numeric:tabular-nums}.log__title{font-size:9px;font-weight:700;color:var(--dim);margin-bottom:4px;text-transform:uppercase;letter-spacing:.08em}.log__row{padding:2px 0;line-height:1.35;color:var(--dim)}.log__row--good{color:var(--good)}.log__row--gold{color:var(--gold)}.log__row--step{color:var(--muted-text)}.log__row--bad{color:var(--bad)}.log__empty{color:var(--faint);font-size:11px}.bottom{background:var(--surface);border-top:1px solid var(--edge);padding:5px 16px}.controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.controls input[type=range]{flex:1;min-width:180px;accent-color:var(--accent)}.controls select,.controls button{height:24px;padding:0 9px;font-size:11.5px;cursor:pointer;background:transparent;border:1px solid var(--edge);border-radius:6px;transition-property:border-color,background-color,color,scale;transition-duration:.15s;transition-timing-function:cubic-bezier(.2,0,0,1)}.controls button:hover,.controls select:hover{border-color:var(--faint)}.controls button:active{scale:.96}.seg{display:flex;border:1px solid var(--edge);border-radius:6px;overflow:hidden}.seg button{border:0;border-radius:0;height:22px}.seg button+button{border-left:1px solid var(--edge)}.seg button:hover{background:var(--hover)}.seg--env button.on{background:var(--text);color:var(--bg)}.seg--env button b{font-weight:600;opacity:.7;font-size:10px}.seg button.on{background:var(--accent);color:var(--on-accent);font-weight:700}.time{font-size:12px;font-variant-numeric:tabular-nums}.time.dim{color:var(--dim)}.status{margin-left:auto;font-size:11px;color:var(--dim)}.status--live{color:var(--good)}.status--live:before{content:"● "}.status--reconnecting{color:var(--bad)}.card{position:absolute;z-index:5;min-width:190px;max-width:280px;padding:9px 11px;border-radius:10px;pointer-events:none;background:var(--card-bg);border:1px solid var(--edge-soft);box-shadow:var(--shadow)}.card__head{display:flex;align-items:center;gap:8px;margin-bottom:3px}.card__head b{font-size:12px;font-variant-numeric:tabular-nums}.card__tag{margin-left:auto;font-size:9px;font-weight:600;padding:1px 6px;border-radius:999px;background:#f2b63c33;color:var(--gold)}.card__tag--pnote{background:var(--pnote-bg);color:var(--pnote-text)}.card__row{font-size:11px;line-height:1.5}.card__row--dim{color:var(--dim)}.card__row--test{color:var(--bad)}.aud{display:flex;flex-direction:column;gap:2px}.aud__row{font-size:11px;line-height:1.4}.aud__row--dim{color:var(--dim)}.drop{position:relative;display:flex;align-items:center;gap:6px;font-size:11px;padding:1px 4px}.drop__bar{position:absolute;left:0;top:0;bottom:0;background:#d9472f1f;border-radius:4px}.drop__name{position:relative;color:var(--muted-text)}.drop b{position:relative;margin-left:auto;font-variant-numeric:tabular-nums}.wait{display:flex;align-items:baseline;gap:6px;font-size:11px;padding:1px 0}.wait__who{font-variant-numeric:tabular-nums}.wait__room{color:var(--dim);font-size:10px}.wait b{margin-left:auto;color:var(--dim);font-variant-numeric:tabular-nums}.wait--hot .wait__who,.wait--hot b{color:var(--bad)}.fun{position:relative;display:flex;align-items:center;gap:6px;font-size:11px;padding:1px 4px}.fun__bar{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--accent-soft),transparent 140%);border-radius:4px}.fun__name{position:relative;color:var(--muted-text)}.fun b{position:relative;margin-left:auto;font-variant-numeric:tabular-nums}.fun__conv{position:relative;width:34px;text-align:right;color:var(--dim);font-size:10px;font-variant-numeric:tabular-nums}.silence{margin-left:auto;font-size:11px;color:var(--dim)}.silence--warn{color:var(--accent)}.silence--bad{color:var(--bad)}.silence+.status{margin-left:10px}.chan{display:flex;flex-direction:column;gap:1px}.chan__reset{margin-left:8px;background:none;border:0;padding:0;color:var(--accent);font-size:9px;cursor:pointer;text-transform:none;letter-spacing:0}.chan__row{display:flex;align-items:center;gap:6px;width:100%;padding:1px 4px;background:none;border:0;border-radius:3px;cursor:pointer;font-size:11px;color:var(--muted-text);transition-property:background-color,color;transition-duration:.15s;transition-timing-function:cubic-bezier(.2,0,0,1)}.chan__row:hover{background:var(--hover)}.chan__row--on{background:var(--accent-soft);color:var(--text)}.chan__row i{width:7px;height:7px;border-radius:50%;flex:none}.chan__name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chan__row b{color:var(--text);font-variant-numeric:tabular-nums}.chan__conv{width:38px;text-align:right;color:var(--accent);font-variant-numeric:tabular-nums}.log__time{color:var(--faint);margin-right:6px;font-variant-numeric:tabular-nums}