.csp-container{width:360px;background:#0b0f19eb;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 12px 40px -8px #0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden;pointer-events:auto;font-family:Figtree,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#fff}.csp-select-menu{max-height:240px;overflow-y:auto;background:#111724fa;border:1px solid rgba(255,255,255,.14);border-radius:8px;box-shadow:0 12px 32px -8px #000000b3;padding:4px;display:flex;flex-direction:column;gap:2px;z-index:100000;pointer-events:auto;font-family:Figtree,ui-sans-serif,system-ui,-apple-system,sans-serif}.csp-select-option{display:block;width:100%;text-align:left;padding:7px 9px;background:transparent;border:none;border-radius:6px;color:#ffffffd9;font-family:inherit;font-size:12px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .1s ease,color .1s ease}.csp-select-option:hover,.csp-select-option:focus-visible{background:#6366f147;color:#fff;outline:none}.csp-select-option.is-selected{background:#6366f12e;color:#fff;font-weight:600}.csp-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px 8px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.csp-container>.csp-header:last-child{border-bottom:none}.csp-title{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.csp-title-trigger{background:transparent;border:none;padding:4px 6px;margin:-4px -6px;border-radius:8px;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color .12s ease}.csp-title-trigger:not(.is-static):hover{background:#ffffff12}.csp-title-trigger.is-static{cursor:default}.csp-title-trigger:focus-visible{outline:2px solid rgba(99,102,241,.7);outline-offset:1px}.csp-title-chevron{flex-shrink:0;margin-left:auto;color:#ffffff8c;transition:transform .14s ease}.csp-title-chevron.is-open{transform:rotate(180deg)}.csp-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background-color .2s ease}.csp-status-dot[data-status=connecting]{background:#f59e0b;animation:csp-pulse 1.2s ease-in-out infinite}.csp-status-dot[data-status=connected]{background:#10b981}.csp-status-dot[data-status=failed],.csp-status-dot[data-status=closed]{background:#ef4444}.csp-status-dot[data-status=idle]{background:#ffffff40}@keyframes csp-pulse{0%,to{opacity:.5}50%{opacity:1}}.csp-label-stack{display:flex;flex-direction:column;min-width:0}.csp-camera-name{font-size:12px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.csp-camera-name[data-placeholder]{color:#94a3b8f2;font-weight:500}.csp-detection-label{font-size:10px;font-weight:500;color:#94a3b8e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;letter-spacing:.02em}.csp-actions{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.csp-action{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;line-height:0;border-radius:6px;background:#ffffff0f;border:none;color:#ffffffd9;cursor:pointer;flex-shrink:0;transition:background-color .12s ease,color .12s ease}.csp-action:hover{background:#ffffff24;color:#fff}.csp-action-close:hover{background:#ef444438;color:#fecaca}.csp-action-track.is-active{background:#22c55e38;color:#86efac}.csp-action-track.is-active:hover{background:#22c55e57;color:#bbf7d0}.csp-action:focus-visible{outline:2px solid rgba(99,102,241,.7);outline-offset:1px;color:#fff}.csp-video-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;overflow:hidden}.csp-container.is-maximized{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;display:flex;flex-direction:column}.csp-container.is-maximized .csp-video-wrapper{flex:1 1 auto;aspect-ratio:auto;min-height:0}#map-wrapper.stream-maximized #camera-stream-popover-container{top:12px;right:12px;bottom:12px;left:12px;z-index:250}#map-wrapper.stream-maximized #mappedin-map{position:absolute;flex:none;left:16px;bottom:16px;width:300px;height:190px;z-index:500;box-shadow:0 12px 40px -8px #000000a6}#map-wrapper.stream-maximized #system-status-legend-container{z-index:400}.csp-video{width:100%;height:100%;object-fit:contain;display:block}.csp-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:#00000080;color:#ffffffd9;font-size:12px;pointer-events:none;text-align:center;padding:16px}.csp-spinner{width:22px;height:22px;border:2px solid rgba(255,255,255,.15);border-top-color:#6366f1e6;border-radius:50%;animation:csp-spin .8s linear infinite}@keyframes csp-spin{to{transform:rotate(360deg)}}.csp-error-text{color:#ef4444f2;font-weight:500}.csp-bbox{position:absolute;pointer-events:none;border:2px solid rgba(99,102,241,.95);border-radius:2px;box-shadow:0 0 0 1px #0000008c;transition:left .18s ease-out,top .18s ease-out,width .18s ease-out,height .18s ease-out}.csp-bbox-faint{padding:0;background:transparent;border:1.5px solid rgba(255,255,255,.28);box-shadow:none;pointer-events:auto;cursor:pointer;transition:left .18s ease-out,top .18s ease-out,width .18s ease-out,height .18s ease-out,border-color .12s ease,background-color .12s ease}.csp-bbox-faint:hover,.csp-bbox-faint:focus-visible{border-color:#6366f1e6;background:#6366f11f;outline:none}.csp-bbox-label{position:absolute;left:-2px;top:-22px;padding:2px 6px;background:#6366f1f2;color:#fff;font-size:10px;font-weight:600;letter-spacing:.02em;line-height:1.2;border-radius:3px 3px 3px 0;text-transform:lowercase;white-space:nowrap;pointer-events:none}.csp-mask-layer{position:absolute;overflow:visible;pointer-events:none}.csp-mask-faint{fill:#ffffff14;stroke:#ffffff47;stroke-width:1.5;pointer-events:auto;cursor:pointer;transition:fill .12s ease,stroke .12s ease}.csp-mask-faint:hover,.csp-mask-faint:focus-visible{fill:#6366f11f;stroke:#6366f1e6;outline:none}.csp-mask-bright{fill:#6366f12e;stroke:#6366f1f2;stroke-width:2;pointer-events:none;transition:d .18s ease-out}.csp-mask-bright-group{pointer-events:none}.csp-zone-overlay{fill:#ffffff14;stroke:#fff;stroke-width:2;pointer-events:none}.csp-zone-overlay-alerting{fill:#ef44442e;stroke:#ef4444f2;animation:csp-zone-pulse 1s ease-in-out infinite}@keyframes csp-zone-pulse{0%,to{fill:#ef44441f;stroke-opacity:.7}50%{fill:#ef44444d;stroke-opacity:1}}.csp-mask-alerting{fill:#ef444438!important;stroke:#ef4444fa!important;animation:csp-zone-pulse 1s ease-in-out infinite}.floor-selector{display:flex;flex-direction:column;gap:8px;pointer-events:auto}.floor-selector-container{display:flex;flex-direction:column;gap:4px;background:#000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;padding:6px;min-width:120px;box-shadow:0 4px 12px #0000004d}.floor-selector-container.expanded{box-shadow:0 8px 24px #0006}.floor-selector-button{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:6px;font:500 14px/1.2 ui-sans-serif,system-ui;color:#fffc;cursor:pointer;transition:all .2s ease;white-space:nowrap}.floor-selector-button.hidden{display:none}.floor-selector-button:hover{background:#ffffff14;border-color:#fff3;color:#fff}.floor-selector-button.active{background:#0ea5e926;border-color:#0ea5e966;color:#fff;font-weight:600}.floor-selector-button.active:hover{background:#0ea5e933;border-color:#0ea5e980}.floor-selector-container.expanded .floor-selector-button{display:flex}.floor-selector-name{flex:1}.floor-selector-chevron{width:16px;height:16px;transition:transform .2s ease;flex-shrink:0;margin-left:8px}.floor-selector-chevron.rotated{transform:rotate(180deg)}.floor-selector-container{overflow:hidden;max-height:1000px;transition:max-height .3s ease}.floor-search-container{position:relative;padding:6px 6px 2px}.floor-search-input{width:100%;font:400 13px/1.4 ui-sans-serif,system-ui;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:8px 30px 8px 10px;outline:none;transition:all .2s ease;box-sizing:border-box}.floor-search-input:focus{background:#ffffff26;border-color:#0ea5e980;box-shadow:0 0 0 2px #0ea5e933}.floor-search-input::placeholder{color:#ffffff80}.floor-search-clear{position:absolute;top:50%;right:12px;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;color:#fff9;background:transparent;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;padding:0}.floor-search-clear:hover{color:#fff;background:#ffffff1a}.floor-search-clear:active{transform:translateY(-50%) scale(.95)}.floor-search-empty{font:400 13px/1.4 ui-sans-serif,system-ui;color:#fff9;padding:12px;text-align:center}.ssl-container{background:#0f1420d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:8px;min-width:200px;max-width:420px;pointer-events:auto}.ssl-header{display:flex;align-items:center;justify-content:space-between;gap:4px;padding-bottom:2px;border-bottom:1px solid rgba(255,255,255,.08)}.ssl-toggle{flex:1 1 0;font:700 9px/1 ui-sans-serif,system-ui;letter-spacing:.6px;text-transform:uppercase;text-align:center;padding:3px 0;border-radius:3px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#ffffff8c;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.ssl-toggle-zones{position:relative}.ssl-toggle-zones:after{content:"";position:absolute;top:2px;right:2px;width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.5}.ssl-toggle:hover{background:#ffffff1a;color:#ffffffd9}.ssl-toggle-active{background:#3b82f633;border-color:#3b82f68c;color:#93c5fd}.ssl-toggle-active:hover{background:#3b82f652;color:#bfdbfe}.ssl-items{display:flex;flex-direction:column;gap:4px}.ssl-item{display:flex;flex-direction:column;gap:3px;padding:4px 6px;border-radius:6px;transition:background .12s ease;position:relative}.ssl-item:hover{background:#ffffff0f}.ssl-item-row{display:flex;align-items:center;gap:6px}.ssl-item-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background-color .2s ease}.ssl-item-label{font:400 12px/1.3 ui-sans-serif,system-ui;color:#ffffffd9;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.ssl-item-mode-snapshot .ssl-item-label{color:#ffffffa6}.ssl-item-count{font:500 11px/1 ui-monospace,monospace;color:#ffffff4d;white-space:nowrap}.ssl-item-count-active{color:#4caf50}.ssl-mode-toggle{font:700 9px/1 ui-sans-serif,system-ui;letter-spacing:.6px;text-transform:uppercase;padding:2px 5px;border-radius:3px;border:1px solid transparent;cursor:pointer;flex-shrink:0;transition:background .12s ease,color .12s ease,border-color .12s ease,opacity .15s ease}.ssl-mode-toggle-live{background:#4caf502e;border-color:#4caf5080;color:#8de69e}.ssl-mode-toggle-live:hover{background:#4caf504d;color:#b8f5c4}.ssl-mode-toggle-live-static{cursor:default}.ssl-mode-toggle-live-static:hover{background:#4caf502e;color:#8de69e}.ssl-mode-toggle-live-disabled{background:#ffffff0f;border-color:#ffffff2e;color:#ffffff73;opacity:0;pointer-events:none}.ssl-item:hover .ssl-mode-toggle-live-disabled{opacity:1;pointer-events:auto}.ssl-mode-toggle-live-disabled:hover{background:#4caf502e;border-color:#4caf5080;color:#8de69e}.ssl-item-refresh{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:none;border:none;border-radius:4px;color:#ffffff8c;cursor:pointer;opacity:0;pointer-events:none;padding:0;flex-shrink:0;transition:opacity .15s ease,background .12s ease,color .12s ease}.ssl-item:hover .ssl-item-refresh{opacity:1;pointer-events:auto}.ssl-item-refresh:hover{background:#ffffff14;color:#fffffff2}.ssl-item-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:none;border:none;border-radius:4px;color:#ffffff4d;cursor:pointer;opacity:0;transition:opacity .15s ease,background .12s ease,color .12s ease;padding:0;flex-shrink:0}.ssl-item:hover .ssl-item-remove{opacity:1}.ssl-item-remove:hover{background:#ef444433;color:#ef4444}.ssl-item-remove-placeholder{width:16px;flex-shrink:0}.ssl-item-timestamp{font:500 10px/1.1 ui-monospace,monospace;color:#fff6;margin-left:14px;letter-spacing:.1px}.search-input-wrapper{display:flex;flex-direction:row;align-items:center;gap:10px;min-width:240px;max-width:460px;flex:1}.search-input-container{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;min-height:40px;flex:1;transition:all .2s}.search-input-container:focus-within{border-color:#6366f199;box-shadow:0 0 0 2px #6366f126}.search-input-icon{flex-shrink:0;opacity:.4}.search-input-field{flex:1;min-width:120px;background:transparent;border:none;outline:none;color:#fff;font-size:14px;padding:2px 0;font-family:Figtree,ui-sans-serif,system-ui,-apple-system,sans-serif}.search-input-field::placeholder{color:#94a3b8}.search-input-container.search-input-error{border-color:#dc2626;box-shadow:0 0 0 2px #dc262633}.search-input-container.search-input-error .search-input-field{color:#fca5a5}.tag-filter-char-count{font-size:11px;color:#dc2626;font-weight:500;white-space:nowrap;flex-shrink:0}.search-input-mode{display:inline-flex;align-items:center;gap:6px;padding:2px 4px;flex-shrink:0;font:500 11px/1 ui-sans-serif,system-ui;color:#ffffff8c;text-transform:uppercase;letter-spacing:.4px;cursor:pointer;-webkit-user-select:none;user-select:none}.search-input-mode:hover{color:#fffc}.search-input-mode-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;margin:0;border:1px solid rgba(255,255,255,.35);border-radius:3px;background:transparent;cursor:pointer;position:relative;flex-shrink:0;transition:background .12s ease,border-color .12s ease}.search-input-mode-checkbox:checked{background:#6366f1;border-color:#6366f1}.search-input-mode-checkbox:checked:after{content:"";position:absolute;left:3px;top:0;width:4px;height:8px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.search-input-mode-label{line-height:1}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;box-shadow:0 4px 20px #00000040;z-index:10002;animation:toastSlideIn .3s ease-out;max-width:90%;min-width:280px}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast-exit{animation:toastSlideOut .3s ease-in forwards}@keyframes toastSlideOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}.toast-error{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.toast-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.toast-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.toast-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.toast-icon{font-size:18px;flex-shrink:0}.toast-message{font:500 14px/1.4 ui-sans-serif,system-ui;flex:1}.toast-close{background:#fff3;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:#fff;transition:background .2s ease;flex-shrink:0}.toast-close:hover{background:#ffffff4d}@media(max-width:640px){.toast{top:8px;padding:10px 14px;min-width:unset;width:calc(100% - 32px)}.toast-message{font-size:13px}}.zp-panel{width:300px;max-height:72vh;display:flex;flex-direction:column;background:#0f1420f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:12px;pointer-events:auto;overflow:hidden;color:#fff;font-family:Figtree,ui-sans-serif,system-ui,-apple-system,sans-serif}.zp-header{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.zp-title{margin-right:auto;font:600 13px/1.2 ui-sans-serif,system-ui;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.zp-visible-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font:500 11px/1 ui-sans-serif,system-ui;color:#fff9;-webkit-user-select:none;user-select:none}.zp-close-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:transparent;border:none;border-radius:5px;color:#ffffff8c;cursor:pointer;transition:background .12s ease,color .12s ease}.zp-close-btn:hover:not(:disabled){background:#ffffff1a;color:#fff}.zp-close-btn:disabled{opacity:.3;cursor:not-allowed}.zp-body{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.zp-empty{font:400 12px/1.4 ui-sans-serif,system-ui;color:#fff6;padding:6px 2px}.zp-draw-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px;background:#06b6d429;border:1px solid rgba(6,182,212,.4);border-radius:8px;color:#a5f3fc;font:600 12px/1 ui-sans-serif,system-ui;cursor:pointer;transition:background .12s ease}.zp-draw-btn:hover{background:#06b6d442}.zp-draw-box{background:#06b6d41a;border:1px solid rgba(6,182,212,.3);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:8px}.zp-draw-hint{font:500 12px/1.4 ui-sans-serif,system-ui;color:#fffc}.zp-draw-actions{display:flex;gap:6px;justify-content:flex-end}.zp-btn-ghost,.zp-btn-primary{padding:6px 10px;border-radius:6px;font:600 12px/1 ui-sans-serif,system-ui;cursor:pointer;border:1px solid transparent}.zp-btn-ghost{background:#ffffff0f;border-color:#ffffff1f;color:#ffffffd9}.zp-btn-ghost:hover:not(:disabled){background:#ffffff1f}.zp-btn-primary{background:#06b6d4;color:#04212a}.zp-btn-primary:hover:not(:disabled){background:#22d3ee}.zp-btn-ghost:disabled,.zp-btn-primary:disabled{opacity:.4;cursor:not-allowed}.zp-list{display:flex;flex-direction:column;gap:6px}.zp-zone{border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px 10px;background:#ffffff05}.zp-zone-disabled{opacity:.55}.zp-zone-head{display:flex;align-items:center;gap:8px}.zp-zone-swatch{width:12px;height:12px;border-radius:3px;flex-shrink:0;cursor:pointer;border:1px solid rgba(255,255,255,.3)}.zp-zone-name{flex:1;min-width:0;font:600 12px/1.2 ui-sans-serif,system-ui;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.zp-zone-enable{cursor:pointer}.zp-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border-radius:6px;background:#ffffff0f;border:none;color:#ffffffbf;cursor:pointer;flex-shrink:0;transition:background .12s ease,color .12s ease}.zp-icon-btn:hover{background:#ffffff24;color:#fff}.zp-icon-danger:hover{background:#ef444438;color:#fecaca}.zp-zone-meta{margin-top:5px;display:flex;gap:4px;flex-wrap:wrap;font:400 11px/1.3 ui-sans-serif,system-ui;color:#ffffff73}.zp-editor{margin-top:8px;display:flex;flex-direction:column;gap:8px;border-top:1px solid rgba(255,255,255,.08);padding-top:8px}.zp-field{display:flex;flex-direction:column;gap:3px;flex:1}.zp-field>span{font:500 10px/1.2 ui-sans-serif,system-ui;color:#ffffff80;text-transform:uppercase;letter-spacing:.03em}.zp-field-row{display:flex;gap:8px}.zp-field-color input[type=color]{width:100%;height:30px;padding:0;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:transparent;cursor:pointer}.zp-input{width:100%;box-sizing:border-box;padding:6px 8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:6px;color:#fff;font:400 12px/1.2 ui-sans-serif,system-ui}.zp-input:focus{outline:none;border-color:#06b6d499}.zp-check{display:flex;align-items:center;gap:8px;font:400 12px/1.2 ui-sans-serif,system-ui;color:#fffc;cursor:pointer}.zp-check input{accent-color:#06b6d4}.zp-schedule{display:flex;flex-direction:column;gap:8px}.zp-days{display:flex;gap:4px}.zp-day{flex:1;padding:5px 0;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fff9;font:600 10px/1 ui-sans-serif,system-ui;cursor:pointer}.zp-day-on{background:#06b6d44d;border-color:#06b6d480;color:#fff}.zp-hint{font:400 10px/1.3 ui-sans-serif,system-ui;color:#fff6}.zp-switch{width:32px;height:18px;border-radius:9px;background:#ffffff26;position:relative;transition:background-color .2s ease;flex-shrink:0}.zp-switch-sm{width:28px;height:16px}.zp-switch-on{background:#06b6d4}.zp-switch-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:left .2s ease;box-shadow:0 1px 3px #0000004d}.zp-switch-sm .zp-switch-knob{width:12px;height:12px}.zp-switch-on .zp-switch-knob{left:16px}.zp-switch-sm.zp-switch-on .zp-switch-knob{left:14px}.zp-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.ab-stack{display:flex;flex-direction:column-reverse;align-items:center;gap:8px;pointer-events:none}.ab-banner{pointer-events:auto;display:flex;align-items:center;gap:10px;min-width:280px;max-width:420px;padding:10px 12px;background:#1f0b0bf5;border:1px solid rgba(239,68,68,.55);border-radius:10px;box-shadow:0 12px 40px -8px #0009,0 0 0 1px #ef444433;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;font-family:Figtree,ui-sans-serif,system-ui,-apple-system,sans-serif;animation:ab-slide-in .25s ease-out;transition:transform .12s ease,border-color .12s ease}.ab-banner:hover{transform:translateY(1px);border-color:#ef4444d9}@keyframes ab-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ab-pulse{width:10px;height:10px;border-radius:50%;background:#ef4444;flex-shrink:0;box-shadow:0 0 #ef4444b3;animation:ab-pulse 1.2s ease-out infinite}@keyframes ab-pulse{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}.ab-text{display:flex;flex-direction:column;min-width:0;flex:1}.ab-title{font:700 13px/1.25 ui-sans-serif,system-ui;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ab-detail{font:500 11px/1.3 ui-sans-serif,system-ui;color:#fecacae6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ab-close{flex-shrink:0;width:22px;height:22px;padding:0;line-height:1;border:none;border-radius:6px;background:#ffffff14;color:#ffffffbf;font-size:16px;cursor:pointer;transition:background .12s ease}.ab-close:hover{background:#ffffff2e;color:#fff}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}body{display:flex;min-width:320px}#app-root{width:100%;height:100%;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.spinner{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:10}.spinner-circle{width:40px;height:40px;border:4px solid rgba(255,255,255,.2);border-top-color:#646cff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}.spinner{background:#fffc}.spinner-circle{border:4px solid rgba(0,0,0,.1);border-top-color:#646cff}}