:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#e9edf5;background:#11141b;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.button{border:1px solid #374051;background:#252c39;color:#eef2fa;border-radius:9px;padding:10px 15px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:600;min-height:43px}button:hover,.button:hover{background:#343d50}button:disabled{opacity:.45;cursor:default}button.primary{background:#9dddcd;color:#102821;border-color:#9dddcd}button.record{color:#f7b0b3}button.record.active{background:#7c2739;color:white}.quiet{background:transparent}.badge{border:1px solid #35404a;border-radius:30px;padding:5px 10px;font-size:.8rem;color:#aeb9c8}header{max-width:1240px;margin:auto;padding:22px 30px;display:flex;align-items:center;gap:15px;border-bottom:1px solid #242b37}header #logout{margin-left:auto;font-size:.85rem}.brand{color:#b3efd9;display:flex;gap:10px;align-items:center;text-decoration:none;font-weight:750;font-size:1.15rem}.brand span{color:#eef2fa}main{max-width:1240px;margin:auto;padding:30px}.intro,.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.eyebrow{font-size:.7rem;letter-spacing:.15em;font-weight:750;color:#9aaac0}h1{font-size:clamp(1.55rem,4vw,2.25rem);letter-spacing:-.04em;margin:8px 0 20px;line-height:1.2}h2{font-size:1.1rem;letter-spacing:-.02em;margin:0 0 12px}p{line-height:1.6;color:#bbc5d4}.subtle{color:#929eb0;font-size:.85rem}.statusbar{display:flex;flex-wrap:wrap;gap:20px;margin:5px 0 15px;font-size:.83rem;color:#99a6b8}#recordStatus{margin-left:auto}.camera-status.online{color:#a9e9ca}.program{position:relative;border-radius:14px;overflow:hidden;background:#080b10;border:1px solid #303747;aspect-ratio:16/9}.program img{display:block;width:100%;height:100%;object-fit:contain}.program-label{position:absolute;left:16px;bottom:15px;border-radius:6px;background:#131822df;padding:7px 11px;font-size:.8rem;color:#bac8da}.panel{background:#191e28;border:1px solid #2b3342;border-radius:13px;padding:22px;margin-top:20px}.controls{margin-top:14px}.control-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.control-row+.control-row{margin-top:20px}.segmented{display:flex;border:1px solid #374052;border-radius:9px;overflow:hidden;flex-wrap:wrap}.segmented button{border:0;border-radius:0;background:transparent;font-size:.88rem}.segmented button.selected{background:#b2dccf;color:#172b24}.check{display:flex;align-items:center;gap:8px;font-size:.88rem;cursor:pointer}input[type=checkbox]{accent-color:#9bddc9;width:17px;height:17px}.slider{display:flex;align-items:center;gap:10px;font-size:.85rem}.slider input{max-width:125px;accent-color:#9bddc9}.simulation{border-left:3px solid #daa556;padding-left:12px;color:#e2bd87;font-size:.82rem;margin-bottom:0}.lower-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.lower-grid .panel{align-self:start}summary{cursor:pointer;font-weight:650}.recordings{display:flex;flex-direction:column;gap:12px;color:#95a4b9;font-size:.88rem}.clip{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #2c3545;padding-top:12px}.clip a{color:#aee7d7;text-decoration:none}.clip button{font-size:.78rem;min-height:32px;padding:5px 10px}.pair-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pair-card{padding:16px;background:#11161f;border-radius:10px;text-align:center}.pair-card img{width:100%;max-width:200px;aspect-ratio:1;border:10px solid white;border-radius:6px;background:white;display:block;margin:15px auto}.pair-card button{margin:4px;font-size:.8rem}.pair-card .subtle{font-size:.78rem}.narrow{max-width:660px;margin:25px auto}.narrow.panel{padding:32px}form{display:flex;flex-direction:column;gap:12px}input[type=password]{width:100%;padding:12px;background:#10151e;border:1px solid #3a465b;color:#eef2fa;border-radius:8px}.capture-view{position:relative;background:#05080d;min-height:220px;border:1px solid #303849;border-radius:14px;overflow:hidden}.capture-view video{position:absolute;width:1px;height:1px;opacity:.01;pointer-events:none}.capture-view canvas{display:block;max-width:100%;max-height:60vh;object-fit:contain;margin:auto}.control-row label:has(select){display:flex;flex-direction:column;gap:6px;flex:1;font-size:.85rem}select{padding:10px;border:1px solid #3c475c;border-radius:7px;background:#111823;color:#eef2fa}.notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);width:min(600px,calc(100% - 30px));background:#433d2c;border:1px solid #8d784d;color:#f2deba;border-radius:10px;padding:15px;z-index:10;box-shadow:0 8px 35px #0007}.events{font-size:.78rem;color:#8d9cb0;max-height:170px;overflow:auto;margin-top:15px}.events p{margin:7px 0}footer{max-width:1240px;margin:20px auto;padding:20px 30px 30px;display:flex;justify-content:space-between;color:#6f7c90;font-size:.75rem}[hidden]{display:none!important}@media(max-width:700px){header{padding:17px 16px;gap:9px}.brand{font-size:1rem}.brand span{font-size:.95rem}main{padding:23px 15px}.intro{align-items:flex-start}.intro button{font-size:.8rem;padding:8px}.statusbar{gap:12px}#recordStatus{width:100%;margin-left:0}.panel{padding:17px}.lower-grid{grid-template-columns:1fr;gap:0}.pair-grid{grid-template-columns:1fr}.pair-card img{max-width:190px}.segmented{width:100%;display:grid;grid-template-columns:1fr 1fr}.control-row{gap:10px}.program-label{left:8px;bottom:8px;font-size:.7rem}.narrow{margin-top:10px}.narrow.panel{padding:22px}footer{padding:20px 16px;gap:12px}.badge{font-size:.65rem}.pair-card{padding:20px}.capture-view canvas{max-height:50vh}}