:root{--bg: #0b0f17;--panel: #131a26;--panel-2: #1a2331;--line: #263143;--text: #e6edf6;--muted: #8b9bb2;--accent: #6ee7ff;--accent-2: #a78bfa;--danger: #f87171;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 70% -10%,#16233a 0%,var(--bg) 55%);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh}.app{max-width:1200px;margin:0 auto;padding:calc(32px + env(safe-area-inset-top,0px)) calc(20px + env(safe-area-inset-right,0px)) calc(64px + env(safe-area-inset-bottom,0px)) calc(20px + env(safe-area-inset-left,0px))}.top h1{margin:0;font-size:34px;letter-spacing:-.02em;display:flex;align-items:center;gap:10px}.top h1 .logo{width:40px;height:40px;border-radius:10px;background:#0b0f17;border:1px solid var(--line)}.top .dot{color:var(--accent)}.top p{margin:8px 0 0;max-width:640px;color:var(--muted)}.tabs{display:flex;gap:8px;margin-top:18px}.tab{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:6px 16px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.tab.active{color:var(--text);border-color:var(--accent)}.guest-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#1a1330;border:1px solid #3a2d5c;border-radius:12px;padding:10px 14px;margin-top:20px;font-size:13px;color:var(--text)}.guest-banner .btn{padding:6px 12px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#06090fb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50;overflow-y:auto}.panel{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:16px;padding:20px;margin-top:24px}.panel.narrow{max-width:420px}.panel h2{margin:0 0 4px}.panel h3{margin:0 0 10px}.steps{color:var(--muted);line-height:1.9;padding-left:20px}.steps code{color:var(--accent);background:#0e1420;padding:1px 5px;border-radius:5px;font-size:12px}.text{background:#0e1420;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:9px 12px;font:inherit;font-size:14px;width:100%;margin:6px 0}.text:focus{outline:none;border-color:var(--accent)}.picker-row{display:flex;gap:8px;align-items:center}.picker-row .text{margin:6px 0}.field-list,.moment-list,.opinion-list{display:flex;flex-direction:column;gap:6px;margin-top:12px}.field-item{display:flex;justify-content:space-between;gap:10px;background:#0e1420;border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--text);font:inherit;text-align:left;cursor:pointer}.field-item.active{border-color:var(--accent)}.room-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:8px}.linklike{background:none;border:none;color:var(--accent);cursor:pointer;font:inherit;padding:4px 0}.two-col{display:grid;grid-template-columns:minmax(180px,1fr) 2fr;gap:16px;margin-top:16px}@media (max-width: 640px){.two-col{grid-template-columns:1fr}}.tally{display:flex;gap:6px;margin-bottom:10px}.vote{display:flex;gap:6px;margin:8px 0}.pill{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;border:1px solid var(--line);text-transform:uppercase;letter-spacing:.03em}.pill.in{color:#34d399;border-color:#34d39955}.pill.out{color:#f87171;border-color:#f8717155}.pill.other{color:var(--muted)}.opinion{display:flex;align-items:center;gap:10px;background:#0e1420;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:14px}.clips{border-top:1px solid var(--line);margin-top:18px;padding-top:14px;display:flex;flex-direction:column;gap:10px}.clips-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.clips-head h4{margin:0;font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.clip-list{display:flex;flex-direction:column;gap:6px}.recorder,.replay,.review{background:#0e1420;border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px}.recorder-body{display:flex;flex-direction:column;gap:10px}.preview{width:100%;max-height:260px;background:#000;border-radius:10px;object-fit:contain}.view-toggle{margin-top:0}.scrub{display:flex;flex-direction:column;gap:6px;font-size:12px}.scrub input[type=range]{width:100%;accent-color:var(--accent)}.sensors{margin-top:20px}.sensor-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:4px;margin:0 -4px}.sensor-tabs::-webkit-scrollbar{display:none}.sensor-tab{flex:0 0 auto;min-height:44px;white-space:nowrap}.track{display:flex;align-items:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-top:16px}.track::-webkit-scrollbar{display:none}.pane{flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.card{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:14px}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-head h2{margin:0;font-size:17px}.muted{color:var(--muted);margin:2px 0 0;font-size:13px}.btn{border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:10px;padding:8px 16px;font-weight:600;cursor:pointer;transition:transform .05s ease,border-color .2s ease}.btn:active{transform:translateY(1px)}.btn.start{border-color:var(--accent);color:var(--accent)}.btn.stop{border-color:var(--danger);color:var(--danger)}.error{margin:0;color:var(--danger);font-size:13px}.translator-pick{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.translator-pick span{text-transform:uppercase;letter-spacing:.04em}.translator-pick select{flex:1;background:#0e1420;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:6px 8px;font:inherit;font-size:13px;cursor:pointer}.translator-pick select:focus{outline:none;border-color:var(--accent)}.translation{background:#0e1420;border:1px solid var(--line);border-radius:12px;padding:14px}.headline{font-size:22px;font-weight:700;letter-spacing:-.01em}.detail{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums;margin-top:2px}.meter{height:6px;background:#0a0f18;border-radius:999px;overflow:hidden;margin-top:10px}.meter span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .1s linear}.chart{width:100%;height:170px;background:#0a0f18;border:1px solid var(--line);border-radius:12px}.readout{display:flex;flex-direction:column;font-variant-numeric:tabular-nums;font-size:13px}.readout .row{display:grid;grid-template-columns:1fr 1fr 1fr;padding:4px 6px;border-radius:6px}.readout .row.head{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.readout .row:not(.head):nth-child(odd){background:#0e1420}.ch-name{color:var(--accent-2);font-weight:600}.ch-filt{color:var(--accent)}.filters{border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:10px}.chain{display:flex;flex-direction:column;gap:6px}.chip{display:flex;align-items:center;gap:8px;background:#0e1420;border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:12px}.chip-name{font-weight:600;min-width:96px}.chip input[type=range]{flex:1;accent-color:var(--accent)}.chip-val{color:var(--muted);min-width:52px;text-align:right;font-variant-numeric:tabular-nums}.chip button{border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:13px;padding:2px 4px;border-radius:6px}.chip button:hover{color:var(--text);background:var(--panel-2)}.palette{display:flex;flex-wrap:wrap;gap:6px}.add{border:1px dashed var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:5px 10px;font-size:12px;cursor:pointer}.add:hover{color:var(--text);border-color:var(--accent)}.foot{margin-top:40px;color:var(--muted);font-size:13px;text-align:center}.top{position:relative}.top-right{position:absolute;top:0;right:0;display:flex;align-items:center;gap:8px}.account-menu{position:relative}.settings-tab{display:inline-flex;align-items:center;gap:6px;min-height:34px}@media (max-width: 640px){.top-right{position:static;justify-content:flex-end;margin-bottom:10px}}@media (max-width: 480px){.settings-tab{padding:6px 10px}.settings-label{display:none}}.account-popover{position:absolute;right:0;top:42px;width:min(380px,92vw);z-index:40}.account-popover .panel{margin-top:0}.account-panel{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 12px 32px #00000073}.account-id{font-size:15px}.account-contact{font-size:13px;word-break:break-all}.account-edit{display:flex;flex-direction:column;gap:6px}.welcome{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#10261c;border:1px solid #1f4d38;border-radius:10px;padding:10px 12px;font-size:13px;margin-bottom:12px}.preview-wrap{position:relative;width:100%;border-radius:12px;overflow:hidden;background:#000;border:1px solid var(--line)}.preview-wrap .preview{display:block;width:100%;height:auto;max-height:none;border-radius:0}.overlay-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.preview-wrap.calibrating{cursor:crosshair;outline:2px solid rgba(255,255,255,.6)}.vision-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.hint{margin:0;font-size:13px}.event-log{background:#0a0f18;border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-height:90px;display:flex;flex-direction:column;gap:6px}.event-log-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.event-log p{margin:0}.event-log ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:220px;overflow-y:auto;font-size:13px}.event{display:flex;gap:10px;align-items:baseline}.event-time{color:var(--muted);font-variant-numeric:tabular-nums;min-width:64px}.event.cross{color:#fbbf24;font-weight:600}.event.warn{color:var(--danger)}.account-actions{display:flex;gap:8px}.tab.primary{background:var(--accent);border-color:var(--accent);color:#07131b}.tab.primary:hover{filter:brightness(1.08)}@media (max-width: 480px){.account-actions .tab{padding:6px 12px}}@media (max-width: 360px){.account-actions .tab{padding:6px 9px;font-size:12px}}.dialog{position:relative;margin:auto;width:100%;box-shadow:0 16px 48px #00000080}.dialog .text{font-size:16px}.dialog h2{padding-right:44px}.dialog-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:999px;border:1px solid var(--line);background:var(--panel-2);color:var(--muted);font:inherit;font-size:20px;line-height:1;cursor:pointer}.dialog-close:hover{color:var(--text);border-color:var(--accent)}.dialog .btn.start{width:100%;min-height:44px;margin-top:8px}.dialog .hint,.hint{color:var(--muted);font-size:12px;margin:6px 0 0}.auth-switch{display:flex;align-items:center;flex-wrap:wrap;gap:2px 8px;margin-top:14px;font-size:13px;color:var(--muted)}.auth-switch .linklike{min-height:40px}.code-input{text-align:center;font-size:22px;letter-spacing:.35em}.door .picker-row{flex-wrap:wrap;margin-top:12px}.door .btn{flex:1 1 140px;min-height:44px}.profile{display:flex;flex-direction:column;gap:16px}.profile .panel{margin-top:0}.profile .panel:first-child{margin-top:24px}.profile h3{margin:0 0 10px}.kv{display:flex;flex-direction:column;gap:8px}.kv-row{display:grid;grid-template-columns:120px 1fr;gap:12px;font-size:14px;word-break:break-all}.field-item.static{cursor:default}.data-list{list-style:none;margin:0 0 6px;padding:6px 10px;display:flex;flex-direction:column;gap:6px;font-size:13px;background:#0a0f18;border:1px solid var(--line);border-radius:10px;max-height:260px;overflow-y:auto}.sensor-tab.plus{font-weight:800;min-width:44px}.finder-group h4{margin:12px 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.field-item.dim{opacity:.6}.signal-panel{background:#0e1420;border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:8px;display:flex;flex-direction:column;gap:8px}.field-item.indent{margin-left:16px}.subscribe .panel{margin-top:24px}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px}.plan{background:#0e1420;border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:6px}.plan-name{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.plan-price{font-size:26px;font-weight:700;letter-spacing:-.01em}.plan .btn{margin-top:8px;align-self:flex-start}.witness{display:flex;flex-direction:column;gap:16px}.witness .panel{margin-top:0}.witness .panel:first-child{margin-top:24px}.witness-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0 6px}.btn.panic{background:var(--danger);border-color:var(--danger);color:#fff;font-size:18px;padding:16px 28px;border-radius:14px}.btn.big{font-size:18px;padding:16px 28px;border-radius:14px}.field{display:flex;flex-direction:column;gap:4px;font-size:13px}.check{display:flex;align-items:flex-start;gap:8px;font-size:14px;cursor:pointer}.check input{margin-top:3px;accent-color:var(--accent)}.vault-item{flex-wrap:wrap}.vault-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.discreet{position:fixed;top:0;right:0;bottom:0;left:0;background:#050608;z-index:100;display:flex;align-items:flex-end;justify-content:center;padding-bottom:24px;touch-action:none;-webkit-user-select:none;user-select:none}.discreet-hint{color:#2a2f3a;font-size:12px}h4.sub{margin:14px 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.map-title{margin:18px 0 2px}.map-wrap,.map-placeholder{position:relative;width:100%;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#0a0f18;margin-top:10px}.map{width:100%;height:100%}.map-placeholder{display:flex;align-items:center;justify-content:center;padding:16px;text-align:center}.map-placeholder code{color:var(--accent)}.map-error{position:absolute;left:10px;bottom:10px;margin:0;background:#06090fd9;padding:6px 10px;border-radius:8px}.map-list{margin-top:10px}.public-detail{margin-top:12px;display:flex;flex-direction:column;gap:8px}.public-detail .tally{margin:0}.markings-editor{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;cursor:crosshair;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.preview-wrap.marking{outline:2px solid rgba(110,231,255,.6)}.segmented{display:inline-flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:999px}.segmented .tab{padding:4px 12px}.detail-pick{margin:0}.detail-pick select{font-size:13px}.report audio{width:100%;margin:.4rem 0}.report a{margin-right:.6rem}.publish-box{flex-basis:100%;width:100%}.publish-box select.text{flex:1}.vault-actions .item-note{flex-basis:100%;margin:2px 0 0}