:root{--bg: #0f1115;--card: #1a1d24;--card-2: #21252e;--text: #e8eaed;--muted: #9aa0ac;--accent: #4c8bf5;--online: #36c275;--offline: #e0573e;--warn: #e0a73e;--radius: 14px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.app{max-width:720px;margin:0 auto;padding:16px clamp(12px,4vw,24px) 48px;display:flex;flex-direction:column;gap:14px}header h1{font-size:1.25rem;font-weight:650;letter-spacing:-.01em;margin:8px 0}.card{background:var(--card);border:1px solid #2a2e38;border-radius:var(--radius);padding:14px 16px}.card.warn{border-color:#5a4a22;background:#2a2417;color:#f0d79a}.card.error{border-color:#5a2a22;background:#2a1817;color:#f0a99a}.status{display:flex;align-items:center;gap:12px}.status-line{font-size:1rem}.caps{font-size:.8rem;margin-top:2px}.muted{color:var(--muted)}.dot{width:12px;height:12px;border-radius:50%;flex:0 0 auto;display:inline-block}.dot-online{background:var(--online);box-shadow:0 0 0 4px #36c2752e}.dot-offline{background:var(--offline)}.dot-loading{background:var(--muted)}.stage{position:relative;aspect-ratio:16 / 10;background:#000;border-radius:var(--radius);overflow:hidden}.video-tile{position:relative;width:100%;height:100%}.video-tile video{width:100%;height:100%;object-fit:cover;background:#000}.mirror{transform:scaleX(-1)}.video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.95rem;text-align:center;padding:16px}.video-label{position:absolute;left:10px;bottom:10px;background:#0000008c;padding:3px 8px;border-radius:8px;font-size:.75rem}.pip{position:absolute;right:12px;bottom:12px;width:28%;max-width:160px;aspect-ratio:4 / 3;border-radius:10px;overflow:hidden;border:2px solid rgba(255,255,255,.25)}.controls{display:flex;justify-content:center}.call-btn,.hangup-btn{font-size:1.05rem;font-weight:600;border:none;border-radius:999px;padding:14px 36px;cursor:pointer;color:#fff;transition:transform .05s ease,opacity .15s ease}.call-btn{background:var(--accent)}.call-btn:disabled{background:#3a3f4a;color:var(--muted);cursor:not-allowed}.hangup-btn{background:var(--offline)}.call-btn:active,.hangup-btn:active{transform:scale(.98)}.device-row{display:flex;justify-content:center;font-size:.85rem;color:var(--muted)}.device-row select{background:var(--card-2);color:var(--text);border:1px solid #3a3f4a;border-radius:8px;padding:4px 8px;margin-left:6px}.pin-input{font-size:1.05rem;padding:12px 16px;border-radius:999px;border:1px solid #3a3f4a;background:var(--card-2);color:var(--text);margin-right:10px;width:140px;text-align:center;letter-spacing:.2em}.progress{color:var(--muted);padding:12px}.logs{padding:0;overflow:hidden}.logs-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #2a2e38}.logs-actions{display:flex;gap:10px;align-items:center}.logs-actions button{background:var(--card-2);color:var(--text);border:1px solid #333;border-radius:8px;padding:5px 12px;cursor:pointer}.auto{font-size:.85rem;color:var(--muted)}.logs-body{max-height:240px;overflow-y:auto;padding:8px 12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.78rem}.log-row{display:grid;grid-template-columns:64px 180px 1fr;gap:8px;padding:2px 0;white-space:nowrap}.log-ts{color:var(--muted)}.log-event{color:var(--accent);overflow:hidden;text-overflow:ellipsis}.log-warn .log-event{color:var(--warn)}.log-error .log-event{color:var(--offline)}.log-msg{color:var(--text);overflow:hidden;text-overflow:ellipsis}.history{padding:0;overflow:hidden}.history-header{padding:12px 14px;border-bottom:1px solid #2a2e38}.history-body{padding:8px 14px;font-size:.85rem}.history-row{display:grid;grid-template-columns:64px 80px 1fr;gap:8px;padding:3px 0}.history-time{color:var(--muted);font-variant-numeric:tabular-nums}.history-ok{color:var(--online)}.history-fail{color:var(--offline)}