:root{font-family:Inter,"Segoe UI","Noto Sans JP",sans-serif;color:#e9eeee;background:#0c1114;font-synthesis:none;color-scheme:dark;--mint:#b5f4d2;--line:#293338;--muted:#89989e}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #39474e;background:#202b30;color:#e3ece9;border-radius:9px;padding:11px 16px;font-size:13px;font-weight:600}button:hover{background:#30403e}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:4px}header{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4vw}.brand{color:#f1f6f3;text-decoration:none;font-size:26px;letter-spacing:-1px;font-weight:700;display:flex;align-items:center;gap:12px}.brand-icon{color:var(--mint);font-size:36px}.beta{color:#a6b4b6;font-size:9px;letter-spacing:1.4px;margin-left:6px;border:1px solid var(--line);border-radius:4px;padding:5px 7px}.privacy{font-size:11px;color:#b1c2bd;display:flex;align-items:center;gap:8px}.privacy i,#live-dot{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%}main{max-width:1600px;margin:auto;padding:36px 4vw 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{color:var(--mint);font-size:10px;letter-spacing:2px;margin:0 0 13px}h1{font-size:clamp(24px,2.4vw,36px);font-weight:550;letter-spacing:.01em;margin:0 0 10px}.intro p:not(.eyebrow){font-size:12px;color:var(--muted);margin:0}.intro-note{font-size:10px;color:#6f8185;line-height:2;letter-spacing:1.5px}.mobile-break{display:none}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}.viewer-panel{min-width:0}.viewer-bar{height:43px;border:1px solid var(--line);border-bottom:0;border-radius:13px 13px 0 0;background:#151d21;display:flex;justify-content:space-between;align-items:center;padding:0 18px;font-size:10px;letter-spacing:1px}.viewer-bar>span:first-child{display:flex;gap:8px;align-items:center}#live-dot{background:#728285}#metrics{font-variant-numeric:tabular-nums;color:#97aaa9;font-size:9px;letter-spacing:.3px}#stage{position:relative;width:100%;aspect-ratio:16/10;background:#141e23;overflow:hidden;border:1px solid var(--line);background-image:radial-gradient(ellipse at 50% 85%,#25383355,transparent 60%),linear-gradient(#748c9010 1px,transparent 1px),linear-gradient(90deg,#748c9010 1px,transparent 1px);background-size:auto,42px 42px,42px 42px}#video,#scene{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}#plates{position:absolute;inset:0;pointer-events:none}.plate{position:absolute;left:0;top:0;transform:translate(-50%,-100%);pointer-events:auto;padding:0;background:transparent;border:0;border-radius:8px;max-width:90%;filter:drop-shadow(0 6px 12px #0009);color:#fff;transition:opacity .12s}.plate:hover{background:transparent}.plate-body{background:linear-gradient(110deg,#192a32f2,#101a23ed);border:1px solid var(--color,#b5f4d2);border-left:4px solid var(--color,#b5f4d2);border-radius:7px;display:flex;align-items:center;gap:10px;padding:10px 15px;min-width:118px}.plate-number{font-size:10px;color:var(--color,#b5f4d2);border:1px solid #ffffff25;border-radius:4px;padding:4px}.plate-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px;font-size:17px;font-weight:650;letter-spacing:.4px}.plate:after{content:'';display:block;width:1px;height:13px;background:var(--color,#b5f4d2);margin:auto}.plate.unnamed{opacity:.83}.plate.unnamed .plate-name{font-size:12px;font-weight:400}.plate.selected .plate-body{box-shadow:0 0 0 3px #fff4}.plate.unsafe .plate-body{border-style:dashed}#empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}#empty h2{font-size:19px;font-weight:500;margin:26px 0 12px}#empty p{font-size:12px;color:#8fa3a8;line-height:1.9;margin:0}.orbit{width:100px;height:100px;border:1px solid #46635d;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 17px #a4e1cb05,0 0 0 35px #a4e1cb03}.orbit span{color:var(--mint);font-size:46px}.empty-tag{font-size:10px;color:#607974;margin-top:24px;letter-spacing:.5px}.viewer-footer{padding:13px 16px;display:flex;justify-content:space-between;gap:14px;border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;background:#151d21;font-size:11px;color:#a2b2b5;min-height:46px}.check{white-space:nowrap;display:flex;gap:5px;align-items:center}input[type=checkbox]{accent-color:var(--mint)}.camera-controls{display:flex;gap:10px;align-items:end;margin-top:18px}.camera-select{flex:1;min-width:0;font-size:10px;color:#91a2a8;display:grid;gap:7px}select{width:100%;border:1px solid #34444b;background:#182228;color:#d9e5e5;border-radius:7px;padding:10px;font-size:12px}.primary{background:var(--mint);color:#132a23;border-color:var(--mint);min-height:39px}.primary:hover{background:#d2ffe5}.below{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:14px 0;color:#687f84;font-size:10px}.text-button{background:transparent;border:0;padding:4px 0;color:#b5d7ca;font-size:11px;font-weight:400}.text-button:hover{background:transparent;color:#e0fff0}aside{display:grid;gap:14px}.card{padding:20px;background:#141d22;border:1px solid var(--line);border-radius:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}h2{font-size:13px;margin:0;font-weight:600}h2>span{font-family:monospace;color:#78908e;font-size:10px;margin-right:8px}.small{padding:5px 8px;font-size:10px;background:transparent}.helper{font-size:10px;color:#819398;line-height:1.8;margin:12px 0}.person-row{display:flex;align-items:center;gap:8px;margin-top:9px}.person-row input[type=text]{min-width:0;width:100%;border:1px solid #35434a;background:#10181d;border-radius:6px;color:#e6efea;padding:9px 10px;font-size:12px}.person-row input[type=color]{width:28px;min-width:28px;height:30px;border:0;background:transparent;padding:1px;cursor:pointer}.person-row button{padding:6px;border:0;background:transparent;color:#768e90}.person-number{font:10px monospace;color:#677e83}.count{font:9px monospace;color:#819a98}.target-row{display:grid;grid-template-columns:65px 1fr;gap:8px;align-items:center;margin-top:8px}.target-row>button{padding:9px 6px;font-size:10px;background:#1d2a2d}.target-row.active>button{border-color:var(--mint);color:var(--mint)}.target-row select{font-size:11px;padding:8px 6px;min-width:0}.no-faces{font-size:11px;padding:15px 0;color:#687f85}#reassign-note{font-size:10px;line-height:1.8;color:#c1bba3;border-top:1px solid var(--line);padding-top:13px;margin:15px 0 0}.settings>label{display:block;font-size:11px;color:#aebebb;margin-top:19px}.settings output{float:right;font:10px monospace;color:var(--mint)}input[type=range]{width:100%;margin:12px 0 0;accent-color:var(--mint);height:3px;display:block}.settings .rate{display:flex;justify-content:space-between;align-items:center;gap:12px}.rate select{width:auto;font-size:10px;padding:7px;max-width:190px}.settings .text-button{margin-top:16px;font-size:10px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:35px;padding:23px 0 30px;color:#60767c;font-size:9px;letter-spacing:.6px}footer b{margin:0 8px;color:#3f575a}footer p{letter-spacing:0;line-height:1.8;margin:0}a{color:#b5c6c3}#alert{padding:14px;background:#452b29;border:1px solid #84584a;border-radius:8px;margin-top:12px;color:#ffe0cf;font-size:12px;line-height:1.7}#demo-badge{position:absolute;bottom:14px;left:14px;background:#102222cc;color:#a9c5bc;border:1px solid #3a5950;border-radius:4px;padding:6px 9px;font-size:9px}#demo-controls{display:flex;align-items:center;gap:8px;margin-top:18px;font-size:10px;color:#8da49f}#demo-controls button{font-size:10px;padding:7px 10px}#demo-controls .selected{border-color:var(--mint);color:var(--mint)}[hidden]{display:none!important}@media(min-width:1500px){#stage{aspect-ratio:16/9}}@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr) 295px;gap:16px}.card{padding:16px}.intro-note{display:none}.camera-controls{flex-wrap:wrap}.camera-select{flex-basis:100%}.below{align-items:start;flex-direction:column}#stage{aspect-ratio:4/3}.plate-name{max-width:170px}}@media(max-width:760px){header{height:66px;padding:0 20px}.brand{font-size:23px}.privacy{font-size:9px}.beta{display:none}main{padding:28px 20px 0}.intro{margin-bottom:25px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:25px;line-height:1.6}.mobile-break{display:block}.intro p:not(.eyebrow){font-size:10px;line-height:1.9}.workspace{display:flex;flex-direction:column;gap:24px}.viewer-panel,aside{width:100%}#stage{aspect-ratio:4/3}#metrics{font-size:8px}.viewer-bar{padding:0 10px}.viewer-footer{padding:12px 10px;font-size:10px}.camera-select{flex-basis:100%}.primary{flex:1}.below{gap:8px}.card{padding:20px}.plate-name{font-size:14px;max-width:145px}.plate-body{padding:7px 10px;gap:7px;min-width:95px}.plate-number{font-size:9px}footer{display:block;font-size:8px}footer p{margin-top:12px}#empty h2{margin-top:17px;font-size:16px}.orbit{width:58px;height:58px;box-shadow:0 0 0 12px #a4e1cb05,0 0 0 23px #a4e1cb03}.orbit span{font-size:30px}.empty-tag{margin-top:14px}.privacy i{display:none}}