:root{--bg: #0f1416;--panel: #171f22;--panel-2: #1f292d;--line: #2a3639;--ink: #e6edea;--ink-2: #9aa8ac;--good: #4cc38a;--warn: #e0a355;--bad: #e5484d;--accent: #2f7f6b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;font-size:15px}.shell{max-width:1280px;margin:0 auto;padding:24px 20px 64px}.centered{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--ink-2)}.topbar{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--line)}.topbar h1{margin:0;font-size:20px;letter-spacing:-.01em}.summary{display:flex;gap:20px;margin:0}.summary div{display:flex;align-items:baseline;gap:6px}.summary dt{color:var(--ink-2);font-size:12px}.summary dd{margin:0;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}.good{color:var(--good)}.warn{color:var(--warn)}.bad{color:var(--bad)}.muted{color:var(--ink-2);font-weight:400}.broadcast{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.broadcast-url{flex:1 1 320px;min-width:220px;padding:9px 12px;background:var(--bg);border:1px solid var(--line);border-radius:6px;color:var(--ink);font:inherit}.toggle{display:flex;align-items:center;gap:6px;color:var(--ink-2);font-size:13px;white-space:nowrap}button.primary,button.ghost{padding:9px 16px;border-radius:6px;font:inherit;cursor:pointer;border:1px solid var(--line)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.ghost{background:transparent;color:var(--ink-2)}button:disabled{opacity:.5;cursor:not-allowed}.banner{margin:12px 0;padding:10px 14px;border-radius:6px;background:var(--panel);border:1px solid var(--line);color:var(--ink-2)}.branch h2{margin:28px 0 12px;font-size:15px;font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.device{display:flex;flex-direction:column;gap:6px;padding:12px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--ink);font:inherit;cursor:pointer}.device.offline{opacity:.62;border-style:dashed}.device.selected{border-color:var(--accent);background:var(--panel-2)}.device-head{display:flex;align-items:center;justify-content:space-between}.device-id{font-weight:600;font-variant-numeric:tabular-nums}.dot{width:8px;height:8px;border-radius:50%}.dot-online{background:var(--good)}.dot-offline{background:var(--bad)}.battery{font-size:13px;font-variant-numeric:tabular-nums}.battery-ok{color:var(--good)}.battery-low{color:var(--warn)}.battery-critical{color:var(--bad);font-weight:600}.battery-unknown{color:var(--ink-2)}.device-url,.device-seen{font-size:12px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-alerts{display:flex;flex-wrap:wrap;gap:4px}.chip{padding:2px 6px;border-radius:4px;font-size:11px;background:var(--panel-2);border:1px solid var(--line);color:var(--ink-2)}.chip-battery_low,.chip-offline{color:var(--bad);border-color:var(--bad)}.chip-unplugged,.chip-kiosk_unlocked{color:var(--warn);border-color:var(--warn)}.guide{margin:20px 0;background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}.guide-head{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 16px;background:transparent;border:none;color:var(--ink);font:inherit;cursor:pointer;text-align:left}.guide-head:hover{background:var(--panel-2)}.guide-title{font-weight:600}.guide-chevron{color:var(--ink-2)}.guide-body{padding:4px 16px 18px;border-top:1px solid var(--line)}.guide-lead{margin:14px 0 4px;color:var(--ink-2);font-size:14px;max-width:76ch}.guide-h{margin:22px 0 8px;font-size:14px;font-weight:600}.guide-h4{margin:0 0 8px;font-size:12px;font-weight:600;color:var(--ink-2)}.guide-body p.small{max-width:76ch;margin:6px 0 0}.guide-table{border-collapse:collapse;width:100%;max-width:620px;font-size:13px}.guide-table th,.guide-table td{padding:7px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.guide-table th{width:170px;color:var(--ink-2);font-weight:500;white-space:nowrap}.guide-topics{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:10px}.topic-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.topic-list li{display:flex;flex-direction:column;gap:2px;font-size:13px}.topic-list code{color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:2px 6px;align-self:flex-start;font-size:12px;word-break:break-all}.topic-label{color:var(--ink);font-size:12px}.topic-note{color:var(--ink-2);font-size:12px}.guide-body .chip{align-self:flex-start}