:root{font-family:Inter,"Segoe UI","Malgun Gothic",sans-serif;color:#e9eee9;background:#101412;font-synthesis:none;color-scheme:dark;--line:#2a332c;--accent:#aee3a1;--muted:#96a497}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:8px;background:var(--accent);color:#172517;padding:13px 18px;font-weight:650}button:hover{filter:brightness(1.08)}button:disabled{opacity:.6;cursor:wait}a{color:inherit;text-decoration:none}.shell{max-width:1240px;padding:0 40px;margin:auto}header{height:95px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{font-size:19px;font-weight:750;letter-spacing:.03em;display:flex;gap:9px;align-items:center}.brand>span:last-child{color:#91a18f;font-size:12px;letter-spacing:.16em;margin-left:3px}.lens{display:inline-block;width:24px;height:24px;border:2px solid var(--accent);border-radius:50%;position:relative;margin-right:4px}.lens:after{content:"";position:absolute;inset:5px;background:var(--accent);border-radius:50%}.header-right{display:flex;gap:24px;align-items:center;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.ghost{color:#c5cec5;border:1px solid #3c493e;background:transparent;font-size:12px;padding:10px 14px}.ghost:hover{background:#273029}main{padding-top:44px}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}h1{margin:8px 0 0;font-size:29px;font-weight:600;letter-spacing:-.04em}.eyebrow{font-size:10px;letter-spacing:.19em;color:#91a98b;font-weight:650}.live-badge{padding:9px 12px;border:1px solid #424c40;border-radius:6px;font-size:11px;color:#c4cfbf;display:flex;align-items:center;gap:8px}.dot,.small-dot{display:inline-block;width:6px;height:6px;background:#b2a477;border-radius:50%}.connected .dot,.video-label .dot,.small-dot{background:#b4ec9a}.connected{color:#c5efb4;border-color:#49683d;background:#24301f}.video-card{position:relative;aspect-ratio:16/9;background:#070a08;border:1px solid #34402f;border-radius:12px;overflow:hidden}video{width:100%;height:100%;display:block;object-fit:contain}.video-label{position:absolute;left:18px;top:17px;pointer-events:none;background:#101911b8;color:#edf7ea;display:flex;align-items:center;gap:8px;border:1px solid #ffffff20;padding:7px 9px;border-radius:4px;font-size:10px;letter-spacing:.06em}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#080e09e8;color:#a6b2a3;font-size:13px;gap:12px}.hidden{display:none!important}.spinner{width:25px;height:25px;border:2px solid #3a4938;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:18px;gap:15px;font-size:12px;color:var(--muted)}.tools{display:flex;gap:8px;flex-shrink:0}.metrics{margin-top:30px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:9px;padding:20px 0}.metrics>div{display:flex;flex-direction:column;gap:9px;padding:0 24px;border-right:1px solid var(--line)}.metrics>div:last-child{border:0}.metrics span{font-size:11px;color:var(--muted)}.metrics strong{font-size:19px;font-weight:500;font-variant-numeric:tabular-nums}.footnote{font-size:11px;color:#869582;line-height:1.8;margin-top:18px}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0;margin-top:35px;color:#83937e;font-size:10px}footer>span:first-child{display:flex;gap:7px;align-items:center}.small-dot{width:4px;height:4px}.login-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 0,#1d2b20,#101412 65%)}.login-card{width:100%;max-width:420px;padding:40px;border:1px solid #354532;border-radius:16px;background:#151d16;box-shadow:0 24px 90px #0004}.login-card .eyebrow{display:flex;align-items:center;gap:8px}.login-card h1{font-size:33px;margin-top:27px}.sub{color:var(--muted);font-size:13px;margin:12px 0 30px}.login-card label{display:block;color:#b4c1b1;font-size:12px;margin:20px 0 8px}.login-card input{width:100%;padding:13px 14px;background:#0d140e;border:1px solid #3c4a37;border-radius:7px;color:#e8f1e5;outline:none}.login-card input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #aee3a115}.login-card button{width:100%;display:flex;justify-content:space-between}.error{color:#f3aba2;font-size:12px;min-height:18px;margin:12px 0}.login-card .footnote{text-align:center;margin-bottom:0}@media(max-width:650px){.shell{padding:0 18px}header{height:75px}.header-right{gap:12px}.header-right #clock{display:none}main{padding-top:28px}h1{font-size:24px}.heading{margin-bottom:20px}.video-card{border-radius:7px}.video-label{top:10px;left:10px;font-size:9px}.toolbar{align-items:flex-start;flex-direction:column;line-height:1.6}.tools{align-self:flex-end}.metrics{grid-template-columns:repeat(2,1fr);gap:22px 0;padding:20px 0}.metrics>div:nth-child(2){border:0}.metrics>div{padding:0 18px}.metrics strong{font-size:17px}.login-card{padding:30px}footer{margin-top:25px}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}