:root{--ink: rgb(33, 33, 33);--body: rgb(73, 73, 73);--muted: rgb(119, 119, 119);--faint: rgb(152, 152, 152);--faint-2: rgb(195, 196, 197);--border: rgb(230, 230, 230);--border-md: rgb(220, 220, 220);--border-strong: rgb(210, 210, 210);--chip-bg: rgb(247, 247, 247);--page-bg: rgb(236, 236, 236);--surface: #ffffff;--dark-bar: rgb(28, 28, 30);--live: rgb(215, 51, 50);--live-deep: rgb(174, 25, 26);--live-tint: rgb(255, 229, 229);--live-line: rgb(254, 202, 202);--amber: rgb(234, 132, 62);--amber-deep: rgb(204, 98, 40);--amber-tint: rgb(255, 247, 237);--amber-border: rgb(250, 140, 65);--amber-line: rgb(255, 214, 170);--green: rgb(44, 133, 0);--green-deep: rgb(37, 101, 5);--green-clear: rgb(82, 196, 103);--blue: rgb(0, 104, 244);--blue-deep: rgb(1, 86, 201);--blue-tint: rgb(239, 246, 255);--r-sm: 8px;--r-md: 10px;--r-lg: 14px;--r-xl: 16px;--sans: "Inter", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.fs-root{width:100vw;height:100vh;background:var(--page-bg);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.fs-canvas{position:absolute;left:50%;top:50%;transform-origin:center center}.fs-settings{position:fixed;bottom:14px;right:14px;display:flex;align-items:center;gap:4px;background:#0000008c;padding:5px 7px;border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100}.fs-settings button{font:600 12px/1 var(--sans);color:#fff9;background:transparent;border:none;border-radius:6px;padding:5px 8px;cursor:pointer}.fs-settings button.on{color:#fff;background:#ffffff2e}@keyframes pulse-dot{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){*{animation-duration:0s!important}}.shell{width:100%;height:100%;display:flex;flex-direction:column;background:var(--page-bg)}.hdr{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:0 22px;height:56px;background:var(--surface);border-bottom:1px solid var(--border)}.hdr-brand{display:flex;align-items:center;gap:10px}.hdr-brand img{height:26px;display:block}.hdr-title{font-weight:600;font-size:17px}.hdr-right{margin-left:auto;display:flex;align-items:center;gap:14px}.hdr-clock{font-size:21px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink)}.tabs{flex:0 0 auto;display:flex;align-items:center;padding:10px 22px 0;gap:8px;background:var(--page-bg)}.tab-seg{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.tab-btn{font:600 14px var(--sans);padding:8px 20px;border:none;background:transparent;color:var(--muted);cursor:pointer;position:relative;transition:background .15s,color .15s}.tab-btn.active{background:var(--ink);color:#fff;border-radius:9px}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;font:700 11px var(--sans);background:var(--live);color:#fff;margin-left:6px}.tab-hint{margin-left:auto;font:500 11px var(--sans);color:var(--faint);letter-spacing:1px}.pager{flex:1;overflow:hidden;position:relative}.pager-track{display:flex;width:200%;height:100%;transition:transform .28s ease}.pager-page{width:50%;height:100%;overflow-y:auto;padding:22px}.card{background:var(--surface);border-radius:16px;padding:20px 22px;box-shadow:0 1px 3px #0000000f}.card+.card{margin-top:16px}.card-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.card-title{font-weight:700;font-size:20px;margin:0}.card-right{margin-left:auto}.count-pill{display:inline-flex;align-items:center;gap:5px;font:600 13px var(--sans);padding:4px 10px;border-radius:999px}.count-pill.waiting{background:var(--live-tint);color:var(--live)}.count-pill.empty{background:var(--chip-bg);color:var(--muted)}.hint-pill{display:inline-flex;align-items:center;gap:4px;font:500 12px var(--sans);padding:4px 10px;border-radius:999px;background:var(--blue-tint);color:var(--blue-deep);animation:blink 1.6s ease-in-out infinite}.amb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.amb-chip{padding:12px 14px;border-radius:10px;background:var(--chip-bg);border:1px solid var(--border);cursor:pointer;transition:background .12s,border-color .12s}.amb-chip:hover{background:#fff;border-color:var(--blue)}.amb-chip.selected{background:var(--blue-tint);border:2px solid var(--blue)}.amb-name{font-weight:700;font-size:17px;font-variant-numeric:tabular-nums;color:var(--ink)}.amb-chip.selected .amb-name{color:var(--blue-deep)}.amb-sub{font-weight:500;font-size:12px;color:var(--muted);margin-top:2px}.amb-chip.selected .amb-sub{color:var(--blue-deep)}.er-status-line{font:500 14px var(--sans);color:var(--muted)}.er-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;align-items:start}.er-tile{padding:14px 16px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface);transition:border-color .12s}.er-tile.ready{cursor:pointer}.er-tile.ready:hover{border-color:var(--blue)}.er-tile.selected{background:var(--blue-tint);border:2px solid var(--blue)}.er-tile.connecting{background:var(--amber-tint);border-color:var(--amber-border)}.er-tile.live{background:var(--live-tint);border-color:var(--live-line)}.er-tile.offline{background:var(--chip-bg);border-color:var(--border);opacity:.5}.er-tile-row{display:flex;align-items:center;gap:8px}.er-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.er-tile.ready .er-dot{background:var(--green)}.er-tile.selected .er-dot{background:var(--blue)}.er-tile.connecting .er-dot{background:var(--amber);animation:blink .9s ease-in-out infinite}.er-tile.live .er-dot{background:var(--live);animation:pulse-dot 1.8s infinite;color:#d7333280}.er-tile.offline .er-dot{background:var(--faint)}.er-tile-name{font-weight:700;font-size:15px}.er-tile.ready .er-tile-name{color:var(--ink)}.er-tile.selected .er-tile-name{color:var(--blue-deep)}.er-tile.connecting .er-tile-name{color:var(--amber-deep)}.er-tile.live .er-tile-name{color:var(--live-deep)}.er-tile.offline .er-tile-name{color:var(--body)}.er-tile-right{margin-left:auto;font-weight:500;font-size:13px}.er-tile.ready .er-tile-right{color:var(--green-deep)}.er-tile.selected .er-tile-right{color:var(--blue-deep);font-weight:600}.er-tile.connecting .er-tile-right{color:var(--amber-deep)}.er-tile.live .er-tile-right{color:var(--live-deep);font-weight:600;font-variant-numeric:tabular-nums}.occ-slot{margin-top:10px;padding:11px 13px;background:#fff;border-radius:8px}.er-tile.live .occ-slot{border:1px solid var(--live-line);border-left:4px solid var(--live)}.er-tile.connecting .occ-slot{border:1px solid var(--amber-line);border-left:4px solid var(--amber)}.occ-slot-label{font:600 9px var(--sans);text-transform:uppercase;letter-spacing:.5px}.er-tile.live .occ-slot-label{color:var(--live-deep)}.er-tile.connecting .occ-slot-label{color:var(--amber-deep)}.occ-slot-row{display:flex;align-items:center;gap:8px;margin-top:3px}.occ-slot-name{font-weight:700;font-size:15px;color:var(--ink)}.btn-end{margin-left:auto;padding:6px 14px;border-radius:8px;font:600 13px var(--sans);cursor:pointer;background:#fff;color:var(--live-deep);border:1px solid var(--live-line);transition:background .12s,color .12s}.btn-end:hover{background:var(--live);color:#fff}.monitor-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:60px 0;color:var(--muted);font-size:15px;font-weight:500}.monitor-empty-dot{width:12px;height:12px;border-radius:50%;background:var(--green-clear)}.sessions{display:flex;flex-direction:column;gap:14px}.ses-card{background:var(--surface);border-radius:14px;padding:18px 20px;box-shadow:0 1px 3px #0000000f}.ses-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}.ses-badge{display:inline-flex;flex-direction:column;align-items:center;background:var(--ink);border-radius:9px;padding:6px 12px;min-width:54px}.ses-badge-label{font:700 8px var(--sans);text-transform:uppercase;color:#ffffff8c}.ses-badge-code{font:700 16px var(--sans);color:#fff;font-variant-numeric:tabular-nums}.ses-status{display:inline-flex;align-items:center;gap:5px;font:600 13px var(--sans)}.ses-status.live .ses-status-dot{width:8px;height:8px;border-radius:50%;background:var(--live)}.ses-status.live{color:var(--live-deep)}.ses-status.connecting .ses-status-dot{width:8px;height:8px;border-radius:50%;background:var(--amber);animation:blink .9s ease-in-out infinite}.ses-status.connecting{color:var(--amber-deep)}.ses-timer{margin-left:auto;font:700 26px var(--sans);color:var(--live-deep);font-variant-numeric:tabular-nums}.ses-end{margin-left:12px;padding:8px 18px;border-radius:10px;font:600 14px var(--sans);cursor:pointer;background:#fff;color:var(--live-deep);border:1px solid var(--live-line);transition:background .12s,color .12s}.ses-end:hover{background:var(--live);color:#fff}.ses-peers{display:flex;align-items:center;gap:0}.ses-peer{flex:1;padding:13px 16px;border-radius:10px;background:#fff;font:700 16px var(--sans);color:var(--ink);text-align:center}.ses-card.live .ses-peer{border:1px solid var(--live-line)}.ses-card.connecting .ses-peer{border:1px solid var(--amber-line)}.ses-connector{flex:0 0 auto;font:500 16px var(--sans);padding:0 8px}.ses-card.live .ses-connector{color:var(--live-line)}.ses-card.connecting .ses-connector{color:var(--amber-line)}.attn-bar{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:14px 24px;background:var(--dark-bar);color:#fff}.attn-bar.pressure{border-top:3px solid var(--amber)}.attn-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.attn-bar:not(.pressure) .attn-dot{background:var(--green-clear)}.attn-bar.pressure .attn-dot{background:var(--amber);animation:blink 1.2s ease-in-out infinite}.attn-text{font:500 14px var(--sans);color:#ffffffe6}.attn-sub{font:500 12px var(--sans);color:#ffffff80;margin-left:6px}.attn-label{margin-left:auto;font:600 9px var(--sans);text-transform:uppercase;letter-spacing:1px;color:#fff6}.toast{position:absolute;left:50%;bottom:80px;transform:translate(-50%);display:flex;align-items:center;gap:9px;background:var(--ink);color:#fff;font:500 13px var(--sans);padding:11px 16px;border-radius:11px;box-shadow:0 10px 30px #0000004d;z-index:50;white-space:nowrap;animation:fade-in .2s ease}