:root{--night: #0b1520;--panel: #122030;--panel-2: #18293c;--line: #24425c;--text: #eaf3fa;--muted: #93aabf;--entry: #4fc7e0;--exit: #ff7ba9;--zone: #e0a94e;--radius: 14px;--display: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--body: "Figtree", "Segoe UI", system-ui, sans-serif;--brand: "Chakra Petch", "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--night);color:var(--text)}body{font-family:var(--body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,p{margin:0}:focus-visible{outline:2px solid var(--entry);outline-offset:2px}.app{max-width:1280px;margin:0 auto;padding:20px 20px 40px}.chip{padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;background:var(--panel);border:1px solid var(--line);color:var(--muted)}.chip.ready{color:var(--entry);border-color:#4fc7e073}.chip.missing,.chip.error{color:var(--exit);border-color:#ff7ba980}.layout{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:20px;align-items:start}@media (max-width: 980px){.layout{grid-template-columns:1fr}}.stage{position:relative;width:min(100%,calc(75vh * var(--ratio, 1.78)));margin-inline:auto;background:#060d14;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.stage video,.stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.stage video{object-fit:fill;background:#060d14}.stage canvas{touch-action:none}.stage canvas.draw{cursor:crosshair}.stage-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px;text-align:center;background:#060d14eb;pointer-events:none}.stage-empty strong{font-family:var(--display);font-size:20px;font-weight:500}.stage-empty span{color:var(--muted);max-width:46ch}.flash{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:baseline;gap:10px;padding:8px 18px;border-radius:999px;color:var(--night);pointer-events:none;animation:pop .25s ease-out}.flash strong{font-family:var(--display);font-size:22px;font-weight:700}.flash span{font-weight:600}.flash.in{background:var(--entry)}.flash.out{background:var(--exit)}@keyframes pop{0%{transform:translate(-50%) scale(.9);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}.btn{font:inherit;font-weight:600;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:9px 16px;cursor:pointer}.btn:hover:not(:disabled){border-color:var(--muted)}.btn.primary{background:var(--entry);color:var(--night);border-color:var(--entry)}.btn:disabled{opacity:.45;cursor:not-allowed}.stats{margin-left:auto;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.hint{color:var(--muted);margin-top:10px;font-size:14px}.counters{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.counter{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;display:flex;flex-direction:column;border-top-width:3px}.counter.in{border-top-color:var(--entry)}.counter.out{border-top-color:var(--exit)}.counter.now{border-top-color:var(--zone)}.counter .num{font-family:var(--display);font-weight:700;font-size:40px;line-height:1.05;font-variant-numeric:tabular-nums}.counter .lab{color:var(--muted);font-size:13px}.side{display:flex;flex-direction:column;gap:14px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.settings{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field>span{color:var(--muted);font-size:13px}.field b{color:var(--text);font-variant-numeric:tabular-nums;margin-left:4px}select{font:inherit;color:var(--text);background:var(--night);border:1px solid var(--line);border-radius:8px;padding:8px 10px}input[type=range]{width:100%;accent-color:var(--entry)}.log h2{font-family:var(--display);font-weight:500;font-size:18px;margin-bottom:10px}.log .empty{color:var(--muted)}.log ul{list-style:none;margin:0;padding:0;max-height:340px;overflow-y:auto}.log li{display:grid;grid-template-columns:74px 64px 1fr;gap:8px;align-items:baseline;padding:8px 0;border-top:1px solid var(--line)}.log li:first-child{border-top:0}.log time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}.log li strong{font-family:var(--display);font-weight:700}.log li.in strong{color:var(--entry)}.log li.out strong{color:var(--exit)}@media (prefers-reduced-motion: reduce){.flash{animation:none}}@media (max-width: 600px){.app{padding:12px 12px 32px}.counter{padding:10px}.counter .num{font-size:30px}.btn{padding:10px 14px}.stats{margin-left:0;width:100%}.log li{grid-template-columns:68px 58px 1fr}}.panel h2{font-family:var(--display);font-weight:500;font-size:18px;margin-bottom:12px}.teach{display:flex;flex-direction:column;gap:10px}.teach h2{margin-bottom:2px}.teach input[type=text]{font:inherit;color:var(--text);background:var(--night);border:1px solid var(--line);border-radius:8px;padding:8px 10px;width:100%}.teach input[type=text]::placeholder{color:#5f7a93}.teach-actions{display:flex;flex-wrap:wrap;gap:8px}.teach .note{color:var(--muted);font-size:13px}.teach .status{font-size:13px;color:var(--entry)}.teach .status.bad{color:var(--exit)}.teach .reading{font-variant-numeric:tabular-nums;padding:8px 10px;background:var(--night);border-radius:8px}.teach .empty{color:var(--muted)}.objs{list-style:none;margin:0;padding:0;max-height:260px;overflow-y:auto}.objs li{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}.objs li:first-child{border-top:0}.objs img{width:44px;height:44px;border-radius:8px;object-fit:cover;background:var(--night)}.objs strong{display:block;font-weight:600}.objs span{color:var(--muted);font-size:13px}.link{font:inherit;background:none;border:0;color:var(--exit);cursor:pointer;padding:6px}.link:hover{text-decoration:underline}.cam-select{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:9px 10px;max-width:220px}.viewport{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 0;will-change:transform}.stage canvas.pan{cursor:grab}.zoom-ctl{position:absolute;right:10px;bottom:10px;display:flex;gap:6px;z-index:2}.zoom-ctl button{min-width:44px;height:44px;padding:0 12px;font:inherit;font-weight:600;color:var(--text);background:#0b1520d9;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-variant-numeric:tabular-nums}.zoom-ctl button:hover:not(:disabled){border-color:var(--muted)}.zoom-ctl button:disabled{opacity:.45;cursor:default}.zoom-ctl button[aria-pressed=true]{background:var(--entry);color:var(--night);border-color:var(--entry)}.log li small{color:var(--muted);font-size:12px}.alerts{display:flex;flex-direction:column;gap:10px}.alerts h2{margin-bottom:2px}.alerts input[type=text],.alerts input[type=password],.alerts input[type=number]{font:inherit;color:var(--text);background:var(--night);border:1px solid var(--line);border-radius:8px;padding:8px 10px;width:100%}.alerts input::placeholder{color:#5f7a93}.alerts .row{display:flex;gap:8px;align-items:stretch}.alerts .row .btn{white-space:nowrap}.alerts .check{display:flex;gap:8px;align-items:center;cursor:pointer}.alerts .check input{width:18px;height:18px;accent-color:var(--entry)}.alerts .note{color:var(--muted);font-size:13px}.alerts .status{font-size:13px;color:var(--entry)}.alerts .status.bad{color:var(--exit)}.alerts details{background:var(--night);border-radius:8px;padding:8px 12px}.alerts summary{cursor:pointer;font-weight:600}.alerts ol{margin:8px 0 4px;padding-left:20px;color:var(--muted);font-size:14px}.alerts ol li{margin-bottom:4px}.alerts ol b{color:var(--text)}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand img{display:block;width:52px;height:auto}.brand-text{display:flex;flex-direction:column;line-height:1.1}.wordmark{font-family:var(--brand);font-weight:700;font-size:30px;letter-spacing:.06em;color:var(--text)}.sub{color:var(--muted);font-size:14px;margin-top:3px}.nav{display:flex;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:4px}.nav a{color:var(--muted);text-decoration:none;font-weight:600;padding:8px 18px;border-radius:9px}.nav a:hover{color:var(--text)}.nav a[aria-current=page]{background:var(--entry);color:var(--night)}.away{visibility:hidden;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.statusbar{display:flex;justify-content:flex-end;margin-bottom:10px}@media (max-width: 600px){.wordmark{font-size:24px}.brand img{width:44px}.nav{width:100%}.nav a{flex:1;text-align:center}}.tabs{display:flex;gap:4px;overflow-x:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:4px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:1 1 auto;font:inherit;font-size:14px;font-weight:600;color:var(--muted);background:none;border:0;border-radius:9px;padding:9px 8px;cursor:pointer;white-space:nowrap}.tab:hover{color:var(--text)}.tab.on{background:var(--panel-2);color:var(--text);box-shadow:inset 0 -2px 0 var(--entry)}.tab .badge{margin-left:5px;font-size:12px;font-variant-numeric:tabular-nums;background:var(--night);color:var(--muted);border-radius:999px;padding:1px 6px}[role=tabpanel]{margin-top:0}[role=tabpanel][hidden]{display:none}.side{gap:12px}.sources{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.sources legend{color:var(--muted);font-size:13px;padding:0 0 6px}.settings .check,.sources .check{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.sources .check input{width:18px;height:18px;margin-top:2px;accent-color:var(--entry);flex:none}.sources .check input:disabled{cursor:not-allowed}.settings .note{color:var(--muted);font-size:13px}.settings .reading{font-variant-numeric:tabular-nums;padding:8px 10px;background:var(--night);border-radius:8px}.link-btn{font:inherit;background:none;border:0;padding:0;color:var(--entry);cursor:pointer;text-decoration:underline;text-underline-offset:2px}a.link-btn{display:inline}.objs li.off img,.objs li.off strong{opacity:.45}.switch{display:inline-flex;align-items:center;gap:6px;margin-top:2px;cursor:pointer}.switch input{width:16px;height:16px;accent-color:var(--entry)}.objs .switch span{color:var(--muted);font-size:13px}.events-page{display:flex;flex-direction:column;gap:16px}.events-head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-start}.events-head h2{font-family:var(--display);font-weight:500;font-size:24px;margin-bottom:4px}.events-head .note{color:var(--muted);font-size:14px;max-width:70ch}.events-actions{display:flex;gap:8px;flex-wrap:wrap}.events-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.events-filters .field{min-width:180px}.events-filters .field.grow{flex:1;min-width:220px}.events-filters input[type=search]{font:inherit;color:var(--text);background:var(--night);border:1px solid var(--line);border-radius:8px;padding:8px 10px;width:100%}.events-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:560px}.empty.big{color:var(--muted);padding:32px 0;max-width:60ch}.status.bad{color:var(--exit)}.ev-grid{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.ev-card{background:var(--panel);border:1px solid var(--line);border-top-width:3px;border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.ev-card.in{border-top-color:var(--entry)}.ev-card.out{border-top-color:var(--exit)}.ev-photo{display:block;width:100%;aspect-ratio:16 / 9;background:var(--night);border:0;padding:0;cursor:zoom-in;color:var(--muted);font:inherit}.ev-photo img{width:100%;height:100%;object-fit:cover;display:block}.ev-body{padding:10px 12px 4px;display:flex;flex-direction:column;gap:2px}.ev-type{font-family:var(--display);font-weight:700;font-size:18px}.ev-card.in .ev-type{color:var(--entry)}.ev-card.out .ev-type{color:var(--exit)}.ev-label{font-weight:600}.ev-meta{color:var(--muted);font-size:14px;font-variant-numeric:tabular-nums}.ev-body small{color:var(--muted);font-size:12px}.ev-card .link{align-self:flex-end;margin:0 6px 6px}.events-more{display:flex;justify-content:center}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#04090edb;display:flex;align-items:center;justify-content:center;padding:16px}.lightbox-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px;max-width:min(960px,100%);max-height:100%;overflow:auto;display:flex;flex-direction:column;gap:10px}.lightbox-card img{width:100%;height:auto;max-height:68vh;object-fit:contain;border-radius:8px;background:var(--night)}.lightbox-info{display:flex;flex-direction:column;gap:2px}.lightbox-info span{color:var(--muted);font-variant-numeric:tabular-nums}a.btn{text-decoration:none;display:inline-block}.counter.chg{border-top-color:var(--zone)}.events-summary{grid-template-columns:repeat(4,minmax(0,1fr));max-width:760px}@media (max-width: 600px){.events-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.ev-card.chg{border-top-color:var(--zone)}.ev-card.chg .ev-type,.log li.chg strong{color:var(--zone)}.flash.chg{background:var(--zone)}.beforeafter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.beforeafter figure{margin:0;display:flex;flex-direction:column;gap:4px}.beforeafter img{width:100%;height:auto;max-height:60vh;object-fit:contain;border-radius:8px;background:var(--night)}.beforeafter figcaption{color:var(--muted);font-size:13px;text-align:center}@media (max-width: 600px){.beforeafter{grid-template-columns:1fr}}.refpanel{display:flex;flex-direction:column;gap:12px}.refpanel h2{margin-bottom:0}.refpanel h3{font-family:var(--display);font-weight:500;font-size:16px;margin:4px 0 0}.refpanel .check{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.refpanel .check input{width:18px;height:18px;margin-top:2px;accent-color:var(--entry);flex:none}.refpanel .muted,.refpanel .note{color:var(--muted);font-size:13px}.refpanel .small{font-size:12px}.refpanel .status.bad{color:var(--exit);font-size:13px}.refpanel .empty{color:var(--muted)}.refstate{padding:8px 12px;border-radius:8px;background:var(--night);border-left:3px solid var(--line);font-weight:600}.refstate.busy{border-left-color:var(--zone)}.refstate.calm{border-left-color:var(--entry)}.refstats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:0}.refstats dt{color:var(--muted);font-size:12px}.refstats dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}.meter-head{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:4px}.meter-head b{color:var(--text);font-variant-numeric:tabular-nums}.meter-bar{position:relative;height:10px;border-radius:999px;background:var(--night);overflow:visible}.meter-fill{height:100%;border-radius:999px;background:var(--entry);transition:width .15s linear;max-width:100%}.meter-fill.over{background:var(--zone)}.meter-mark{position:absolute;top:-3px;width:2px;height:16px;background:var(--text);opacity:.7}.refcanvases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.refcanvases figure{margin:0;display:flex;flex-direction:column;gap:4px}.refcanvases canvas{width:100%;height:auto;aspect-ratio:4 / 3;border-radius:8px;border:1px solid var(--line);background:#060d14;image-rendering:pixelated}.refcanvases figcaption{color:var(--muted);font-size:13px;text-align:center}.reflog{list-style:none;margin:0;padding:0;max-height:200px;overflow-y:auto}.reflog li{display:grid;grid-template-columns:74px 1fr;gap:8px;padding:6px 0;border-top:1px solid var(--line)}.reflog li:first-child{border-top:0}.reflog time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}.refchip{position:absolute;left:10px;top:10px;z-index:2;display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:calc(100% - 20px);padding:5px 10px;border-radius:999px;font-size:13px;font-weight:600;background:#0b1520d9;border:1px solid var(--line);pointer-events:none;font-variant-numeric:tabular-nums}.refdot{width:9px;height:9px;border-radius:50%;background:var(--entry);animation:refpulse 1.4s ease-out}.refmode{padding:1px 8px;border-radius:999px;font-size:12px}.refmode.calm{background:#4fc7e02e;color:var(--entry)}.refmode.busy{background:#e0a94e33;color:var(--zone)}@keyframes refpulse{0%{box-shadow:0 0 #4fc7e0e6;transform:scale(1.6)}to{box-shadow:0 0 0 12px #4fc7e000;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.refdot{animation:none}}.tab{font-size:13px;padding:9px 5px}.auth{display:flex;justify-content:center;padding:24px 0}.auth-card{width:100%;max-width:440px;display:flex;flex-direction:column;gap:12px}.auth-card h2{margin-bottom:2px}.auth-card input[type=text],.auth-card input[type=email],.auth-card input[type=tel],.auth-card input[type=password]{font:inherit;color:var(--text);background:var(--night);border:1px solid var(--line);border-radius:8px;padding:8px 10px;width:100%}.auth-card input::placeholder{color:#5f7a93}.auth-card .check{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.auth-card .check input{width:18px;height:18px;margin-top:2px;accent-color:var(--entry);flex:none}.auth-card .note{color:var(--muted);font-size:13px}.auth-card .status{font-size:14px;color:var(--entry)}.auth-card .status.bad{color:var(--exit)}.auth-card .btn{text-align:center;text-decoration:none}.auth-card .links{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:14px}.auth-card .link-btn{align-self:flex-start}.auth-card .link-btn:disabled{opacity:.45;cursor:not-allowed}.loading{color:var(--muted)}.top-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.userbar{display:flex;align-items:center;gap:10px}.userbar .who{display:flex;flex-direction:column;line-height:1.25;text-align:right;font-size:13px;color:var(--muted)}.userbar .who b{color:var(--text);font-size:14px}.banner{background:var(--panel);border:1px solid var(--zone);border-left-width:4px;border-radius:10px;padding:10px 14px;margin-bottom:14px;font-size:14px}.banner.bad{border-color:var(--exit)}.trialbar{display:flex;align-items:center;gap:10px;font-size:14px}.chip.warn{color:var(--zone);border-color:#e0a94e8c}@media (max-width: 600px){.top-right,.userbar{width:100%}.userbar{justify-content:space-between}.userbar .who{text-align:left}.trialbar{width:100%;justify-content:space-between}}.plans{display:flex;flex-direction:column;gap:16px}.plans-head{display:flex;flex-direction:column;gap:10px}.plans-head h2{font-family:var(--display);font-weight:500;font-size:22px}.plans-head .banner{margin-bottom:0;max-width:90ch}.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.plan{display:flex;flex-direction:column;gap:12px}.plan.current{border-color:var(--entry)}.plan-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.plan-title h2{margin-bottom:0}.plan-price{font-family:var(--display);font-size:20px;font-weight:600}.plan-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;flex:1;color:var(--muted)}.plan-features li{padding-left:20px;position:relative}.plan-features li:before{content:"✓";position:absolute;left:0;color:var(--entry);font-weight:700}.plans>.link-btn{align-self:flex-start}@media (max-width: 860px){.plans-grid{grid-template-columns:1fr}}