:root{color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:#0b0e14;color:#e8eaf0;font:15px/1.45 system-ui,-apple-system,sans-serif}
header{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid #1c2230;position:sticky;top:0;background:#0b0e14ee;backdrop-filter:blur(6px);z-index:10}
.dot{width:10px;height:10px;border-radius:50%;background:#555;flex:none}
.dot.on{background:#3ad07a}.dot.off{background:#e5484d}
header span{font-weight:600}
header button{margin-left:auto;background:none;border:1px solid #2a3245;color:#9aa3b5;border-radius:8px;padding:4px 8px;cursor:pointer}
main{max-width:560px;margin:0 auto;padding:12px}
.video-wrap{position:relative;border-radius:14px;overflow:hidden;background:#000;aspect-ratio:4/3}
video{width:100%;height:100%;object-fit:cover;display:block}
.video-msg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#8b93a7;font-size:14px}
.call-banner{position:absolute;left:10px;right:10px;bottom:10px;background:#e5484dee;color:#fff;border-radius:12px;padding:12px;text-align:center}
.call-title{font-weight:700;font-size:18px;margin-bottom:10px}
.btn-open{width:100%;padding:12px;font-size:17px;font-weight:700;border:0;border-radius:10px;background:#fff;color:#b3261e;cursor:pointer}
.row{display:flex;gap:10px;margin:12px 0}
.btn{flex:1;padding:12px;border:1px solid #2a3245;background:#141a26;color:#e8eaf0;border-radius:10px;font-size:16px;cursor:pointer}
.btn-green{background:#123b26;border-color:#1f6a41;font-weight:600}
.btn:active{transform:scale(.98)}
.btn:disabled{opacity:.5}
h2{font-size:13px;color:#9aa3b5;text-transform:uppercase;letter-spacing:.06em;margin:18px 0 6px}
.log{list-style:none;margin:0;padding:0}
.log li{padding:8px 2px;border-bottom:1px solid #161c29;color:#c6cddb;font-size:14px;display:flex;justify-content:space-between;gap:8px}
.log time{color:#69718a;font-variant-numeric:tabular-nums;white-space:nowrap}
.hidden{display:none!important}
.snap-overlay{position:fixed;inset:0;background:#000d;display:flex;align-items:center;justify-content:center;z-index:50;cursor:pointer}
.snap-overlay img{max-width:96%;max-height:90%;border-radius:12px}