:root{color:#e9fff7;background:#071113;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 22% 12%,rgba(38,221,151,.2),transparent 30%),linear-gradient(180deg,#082026,#071113 46%,#0d1513)}button,input,select{font:inherit}button{border:0;cursor:pointer}.app{min-height:100vh;padding:max(14px,env(safe-area-inset-top)) 12px max(18px,env(safe-area-inset-bottom));display:flex;justify-content:center}.phone-shell{width:min(100%,460px);min-height:calc(100vh - 28px)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.eyebrow{display:block;color:#7ee8c8;font-size:11px;font-weight:800;letter-spacing:0}h1,h2,p{margin:0}h1{font-size:28px;line-height:1.05}h2{font-size:15px;margin-bottom:8px}.signal{display:inline-flex;align-items:center;gap:6px;min-width:70px;justify-content:center;border:1px solid rgba(255,255,255,.12);color:#bfd5d0;border-radius:999px;padding:9px 10px;background:#ffffff0f;font-size:13px}.signal.online{color:#061514;background:#69f0bd}.version{color:#e9fff759;font-size:11px;font-weight:600;letter-spacing:.5px}.setup,.panel,.room-strip,.controls,.dashboard,.devices,.results,.event-feed{border:1px solid rgba(255,255,255,.1);background:#091819c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px}.setup{padding:12px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;background:#ffffff12;border-radius:8px;margin-bottom:12px}.segmented button,.action-grid button,.primary,.icon-button{min-height:44px;border-radius:8px;color:#e9fff7;background:#ffffff14;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800}.segmented button.active,.primary{background:#69f0bd;color:#061514}.panel{padding:12px;display:grid;gap:12px}label{display:grid;gap:7px;color:#a7c9c0;font-size:13px;font-weight:700}input,select{width:100%;min-height:44px;color:#e9fff7;border:1px solid rgba(255,255,255,.14);background:#030c0dc7;border-radius:8px;padding:0 12px;outline:none}.room-strip{display:grid;grid-template-columns:1fr 1fr 44px;gap:8px;padding:10px;margin-bottom:10px}.room-strip div{display:grid;gap:2px}.room-strip span,.metric span{color:#8eb2aa;font-size:11px;font-weight:800}.room-strip strong,.metric strong{font-size:18px}.icon-button{min-height:42px;width:42px}.camera-stage{position:relative;height:min(58vh,520px);min-height:360px;overflow:hidden;border-radius:8px;border:1px solid rgba(105,240,189,.28);background:linear-gradient(145deg,rgba(105,240,189,.18),transparent 42%),linear-gradient(180deg,#10272a,#071113);touch-action:none;-webkit-user-select:none;user-select:none}.camera-feed{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.detection-canvas{display:none}.detect-flash{position:absolute;inset:0;pointer-events:none;background:transparent;transition:background .08s;z-index:5}.detect-flash.on{background:#69f0bd59}.camera-icon{position:absolute;left:18px;top:18px;color:#e9fff7b8}.line-layer{position:absolute;inset:0;width:100%;height:100%}.gate-box{fill:none;stroke:#69f0bd;stroke-width:.4;filter:drop-shadow(0 0 8px rgba(105,240,189,.6))}.active-box{fill:none;stroke:#69f0bd;stroke-width:.4;filter:drop-shadow(0 0 12px rgba(105,240,189,.9));animation:pulse-box .8s ease-in-out infinite alternate}@keyframes pulse-box{0%{opacity:.7}to{opacity:1}}.draft-box{fill:none;stroke:#ff5f7a;stroke-width:.4;stroke-dasharray:1.5 1.2}.timer-hud{position:absolute;left:12px;right:12px;bottom:12px;min-height:58px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;color:#071113;background:linear-gradient(90deg,#69f0bd,#f8ff7a)}.timer-hud strong{font-size:clamp(30px,10vw,46px);line-height:1;font-variant-numeric:tabular-nums}.controls{display:grid;gap:8px;padding:10px;margin-top:10px}.select-row,.range-row{grid-template-columns:22px 1fr auto;align-items:center;color:#e9fff7}.select-row select{grid-column:span 2}.range-row input{padding:0;accent-color:#69f0bd}.range-row span{min-width:30px;text-align:right;color:#f8ff7a;font-weight:900}.threshold-hint{font-size:11px;color:#a0a4b8!important;font-weight:400!important;min-width:auto!important}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}.action-grid button{min-width:0;padding:0 6px;font-size:13px}.dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;margin-top:10px}.metric{min-width:0;display:grid;gap:3px;padding:8px;border-radius:8px;background:#ffffff0f}.metric strong{overflow-wrap:anywhere}.devices{margin-top:10px;padding:8px;display:grid;gap:6px}.device,.split{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;min-height:36px;padding:0 8px;border-radius:8px;background:#ffffff0f}.device strong{color:#f8ff7a;font-size:12px}.results{padding:10px;margin-top:10px}.split{grid-template-columns:1fr auto;margin-top:6px}.split strong{color:#69f0bd;font-variant-numeric:tabular-nums}.error{margin-top:10px;padding:10px;border-radius:8px;color:#241014;background:#ff8a9d;font-weight:800}.event-feed{margin-top:10px;padding:9px;display:flex;gap:6px;overflow-x:auto}.event-feed span{flex:0 0 auto;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:7px 9px;border-radius:999px;color:#cce5de;background:#ffffff12;font-size:12px}.text-green{color:#69f0bd}.action-grid button:disabled{opacity:.4;pointer-events:none}.qr-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#071113d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.qr-card{text-align:center;padding:24px;border-radius:16px;background:#e9fff7;color:#071113}.qr-card h3{margin-bottom:12px;font-size:18px}.qr-card img{display:block;margin:0 auto;border-radius:8px;border:4px solid #fff}.qr-card p{margin-top:8px;font-size:14px;opacity:.7}@media(max-width:360px){.action-grid{grid-template-columns:repeat(2,1fr)}.dashboard{grid-template-columns:1fr}}