*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,Consolas,Menlo,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-1{top:.25rem;right:.25rem;bottom:.25rem;left:.25rem}.bottom-1\.5{bottom:.375rem}.bottom-2{bottom:.5rem}.bottom-4{bottom:1rem}.left-1\/2{left:50%}.left-2{left:.5rem}.right-2{right:.5rem}.top-1{top:.25rem}.top-2{top:.5rem}.z-10{z-index:10}.z-20{z-index:20}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-1{margin-bottom:.25rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-0\.5{height:.125rem}.h-1\/2{height:50%}.h-12{height:3rem}.h-2{height:.5rem}.h-20{height:5rem}.h-28{height:7rem}.h-3\.5{height:.875rem}.h-44{height:11rem}.h-48{height:12rem}.h-56{height:14rem}.h-\[1px\]{height:1px}.h-\[2px\]{height:2px}.h-full{height:100%}.w-1\.5{width:.375rem}.w-2{width:.5rem}.w-28{width:7rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-44{width:11rem}.w-8{width:2rem}.w-full{width:100%}.origin-bottom{transform-origin:bottom}.origin-center{transform-origin:center}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-amber-400{--tw-border-opacity: 1;border-color:rgb(251 191 36 / var(--tw-border-opacity, 1))}.border-amber-400\/30{border-color:#fbbf244d}.border-amber-400\/40{border-color:#fbbf2466}.border-amber-500\/50{border-color:#f59e0b80}.border-amber-500\/60{border-color:#f59e0b99}.border-cyan-300{--tw-border-opacity: 1;border-color:rgb(183 205 220 / var(--tw-border-opacity, 1))}.border-cyan-400\/30{border-color:#6e98b44d}.border-cyan-400\/40{border-color:#6e98b466}.border-cyan-400\/50{border-color:#6e98b480}.border-cyan-400\/60{border-color:#6e98b499}.border-cyan-500\/60{border-color:#527d9999}.border-emerald-400{--tw-border-opacity: 1;border-color:rgb(110 152 180 / var(--tw-border-opacity, 1))}.border-emerald-500\/40{border-color:#527d9966}.border-emerald-500\/50{border-color:#527d9980}.border-purple-500\/50{border-color:#a855f780}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-red-500\/30{border-color:#ef44444d}.border-red-500\/40{border-color:#ef444466}.border-red-500\/50{border-color:#ef444480}.border-red-500\/60{border-color:#ef444499}.border-red-800\/80{border-color:#991b1bcc}.border-rose-400\/30{border-color:#fb71854d}.border-slate-600{--tw-border-opacity: 1;border-color:rgb(82 104 118 / var(--tw-border-opacity, 1))}.border-slate-700{--tw-border-opacity: 1;border-color:rgb(54 94 120 / var(--tw-border-opacity, 1))}.border-slate-700\/80{border-color:#365e78cc}.border-slate-800{--tw-border-opacity: 1;border-color:rgb(41 63 79 / var(--tw-border-opacity, 1))}.border-slate-900{--tw-border-opacity: 1;border-color:rgb(32 43 51 / var(--tw-border-opacity, 1))}.border-teal-400\/30{border-color:#2dd4bf4d}.border-teal-400\/40{border-color:#2dd4bf66}.bg-amber-400{--tw-bg-opacity: 1;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1))}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.bg-amber-500\/15{background-color:#f59e0b26}.bg-amber-500\/25{background-color:#f59e0b40}.bg-amber-500\/30{background-color:#f59e0b4d}.bg-black\/70{background-color:#000000b3}.bg-black\/75{background-color:#000000bf}.bg-black\/80{background-color:#000c}.bg-cyan-200\/40{background-color:#dce8f066}.bg-cyan-200\/60{background-color:#dce8f099}.bg-cyan-400{--tw-bg-opacity: 1;background-color:rgb(110 152 180 / var(--tw-bg-opacity, 1))}.bg-cyan-500\/15{background-color:#527d9926}.bg-cyan-500\/20{background-color:#527d9933}.bg-cyan-500\/25{background-color:#527d9940}.bg-emerald-400{--tw-bg-opacity: 1;background-color:rgb(110 152 180 / var(--tw-bg-opacity, 1))}.bg-emerald-400\/50{background-color:#6e98b480}.bg-emerald-500\/30{background-color:#527d994d}.bg-emerald-950{--tw-bg-opacity: 1;background-color:rgb(32 43 51 / var(--tw-bg-opacity, 1))}.bg-emerald-950\/60{background-color:#202b3399}.bg-emerald-950\/90{background-color:#202b33e6}.bg-marine-800{--tw-bg-opacity: 1;background-color:rgb(220 226 231 / var(--tw-bg-opacity, 1))}.bg-marine-850{--tw-bg-opacity: 1;background-color:rgb(241 244 246 / var(--tw-bg-opacity, 1))}.bg-marine-900\/90{background-color:#ffffffe6}.bg-pink-400{--tw-bg-opacity: 1;background-color:rgb(244 114 182 / var(--tw-bg-opacity, 1))}.bg-purple-500\/30{background-color:#a855f74d}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/25{background-color:#ef444440}.bg-red-500\/30{background-color:#ef44444d}.bg-red-600\/30{background-color:#dc26264d}.bg-red-950\/50{background-color:#450a0a80}.bg-red-950\/60{background-color:#450a0a99}.bg-red-950\/70{background-color:#450a0ab3}.bg-rose-500\/15{background-color:#f43f5e26}.bg-sky-400{--tw-bg-opacity: 1;background-color:rgb(56 189 248 / var(--tw-bg-opacity, 1))}.bg-sky-900\/80{background-color:#365e78cc}.bg-slate-200{--tw-bg-opacity: 1;background-color:rgb(220 226 231 / var(--tw-bg-opacity, 1))}.bg-slate-800{--tw-bg-opacity: 1;background-color:rgb(41 63 79 / var(--tw-bg-opacity, 1))}.bg-slate-800\/70{background-color:#293f4fb3}.bg-slate-950{--tw-bg-opacity: 1;background-color:rgb(20 32 42 / var(--tw-bg-opacity, 1))}.bg-slate-950\/70{background-color:#14202ab3}.bg-teal-500\/15{background-color:#14b8a626}.bg-teal-950\/60{background-color:#042f2e99}.bg-transparent{background-color:transparent}.object-contain{-o-object-fit:contain;object-fit:contain}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.pb-1\.5{padding-bottom:.375rem}.pb-2{padding-bottom:.5rem}.pt-1{padding-top:.25rem}.pt-1\.5{padding-top:.375rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:JetBrains Mono,Consolas,Menlo,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-tight{line-height:1.25}.tracking-wider{letter-spacing:.05em}.text-amber-300{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-cyan-200{--tw-text-opacity: 1;color:rgb(220 232 240 / var(--tw-text-opacity, 1))}.text-cyan-300{--tw-text-opacity: 1;color:rgb(183 205 220 / var(--tw-text-opacity, 1))}.text-cyan-400{--tw-text-opacity: 1;color:rgb(110 152 180 / var(--tw-text-opacity, 1))}.text-emerald-300{--tw-text-opacity: 1;color:rgb(183 205 220 / var(--tw-text-opacity, 1))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(110 152 180 / var(--tw-text-opacity, 1))}.text-pink-400{--tw-text-opacity: 1;color:rgb(244 114 182 / var(--tw-text-opacity, 1))}.text-purple-300{--tw-text-opacity: 1;color:rgb(216 180 254 / var(--tw-text-opacity, 1))}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-rose-300{--tw-text-opacity: 1;color:rgb(253 164 175 / var(--tw-text-opacity, 1))}.text-rose-400{--tw-text-opacity: 1;color:rgb(251 113 133 / var(--tw-text-opacity, 1))}.text-slate-100{--tw-text-opacity: 1;color:rgb(241 244 246 / var(--tw-text-opacity, 1))}.text-slate-200{--tw-text-opacity: 1;color:rgb(220 226 231 / var(--tw-text-opacity, 1))}.text-slate-300{--tw-text-opacity: 1;color:rgb(187 199 207 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(138 155 167 / var(--tw-text-opacity, 1))}.text-teal-300{--tw-text-opacity: 1;color:rgb(94 234 212 / var(--tw-text-opacity, 1))}.text-teal-400{--tw-text-opacity: 1;color:rgb(45 212 191 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.accent-amber-400{accent-color:#fbbf24}.accent-cyan-400{accent-color:#6e98b4}.accent-rose-400{accent-color:#fb7185}.accent-teal-400{accent-color:#2dd4bf}.opacity-60{opacity:.6}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-emerald-500\/30{--tw-shadow-color: rgb(82 125 153 / .3);--tw-shadow: var(--tw-shadow-colored)}.shadow-red-500\/40{--tw-shadow-color: rgb(239 68 68 / .4);--tw-shadow: var(--tw-shadow-colored)}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-75{transition-duration:75ms}:root{color-scheme:dark;font-family:Inter,Pretendard,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e1e8e7;background:#0a1319;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,select{cursor:pointer}button{transition:background .18s,border-color .18s,color .18s}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #8ce0ce;outline-offset:4px}button:hover{color:#fff}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:#36515b;border-radius:4px}.font-mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.app-shell{height:100dvh;min-height:540px;display:flex;flex-direction:column;overflow:hidden;background:#0b151c}.app-header{height:78px;padding:0 27px;display:flex;align-items:center;gap:24px;border-bottom:1px solid #24353d;flex-shrink:0;background:#0c171e;z-index:30}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#f2f1e8;font-size:21px;font-weight:750;letter-spacing:1.5px;line-height:1.15;flex-shrink:0}.brand-symbol{width:40px;height:42px;border:1px solid #53776e;border-radius:12px 12px 16px 16px;display:grid;place-items:center;color:#a3d4c5;background:#17332f}.brand-light{font-weight:350;color:#bcd1ce}.brand small{display:block;margin-top:5px;font-size:7px;font-weight:500;letter-spacing:2.3px;color:#7b969c}.header-divider{width:1px;height:29px;background:#2a3941}.header-context{font-size:12px;color:#c3d0d2}.header-context small{display:block;color:#6f8a93;font-size:10px;margin-top:5px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.icon-button{width:32px;height:34px;display:grid;place-items:center;color:#88a0a8;border:0;background:transparent;border-radius:6px}.icon-button:hover{background:#22343c}.emergency-button{display:flex;align-items:center;gap:8px;border:1px solid #93574d;background:#3b2928;color:#ffc0ae;border-radius:6px;padding:10px 13px;font-size:11px;font-weight:600;white-space:nowrap}.emergency-button:hover{background:#5e332d}.emergency-button kbd{font-size:8px;padding:3px 4px;border:1px solid #72534b;border-radius:3px;color:#be8d80}.emergency-button.released{color:#b0ead4;background:#214438;border-color:#518574}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 350px}.workspace.expanded{grid-template-columns:minmax(0,1fr)}.scene-column{min-width:0;min-height:0;display:flex;flex-direction:column}.scene-viewport{flex:1;position:relative;min-height:0;overflow:hidden;background:#33545c}.scene-viewport>div:first-child{position:absolute!important;top:0;right:0;bottom:0;left:0}.scene-top{position:absolute;inset:27px 27px auto;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;pointer-events:none}.eyebrow{font-size:9px;font-weight:650;letter-spacing:2px;color:#809aa1}.scene-title .eyebrow{color:#d8eee6;text-shadow:0 1px 8px #16363b;font-size:8px}.scene-title h1{font-size:clamp(22px,2.2vw,35px);font-weight:450;letter-spacing:-1.5px;line-height:1.35;margin:12px 0 10px;color:#f8fbf6;text-shadow:0 2px 18px #17343d55}.scene-title h1 span{color:#d4e4dc}.scene-title p{margin:0;color:#d2e5e3;text-shadow:0 1px 9px #0d2d33;font-size:9px;letter-spacing:.4px}.scene-title p span{margin:0 8px;color:#a2c1bf}.time-switch{display:flex;padding:4px;gap:2px;border:1px solid #c7e6df28;border-radius:7px;background:#122c39a6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.time-switch button{width:32px;height:30px;border:0;color:#a5c0c5;background:transparent;border-radius:4px;display:grid;place-items:center}.time-switch button[aria-pressed=true]{color:#f4e5b5;background:#d8e7df1a}.scene-bottom{position:absolute;bottom:19px;left:25px;right:25px;display:flex;flex-direction:column;gap:10px;pointer-events:none}.scene-caption{display:flex;justify-content:space-between;gap:12px;color:#d5e7e4;text-shadow:0 1px 6px #16303d;font-size:9px;letter-spacing:.4px}.scene-caption>span:first-child{display:flex;align-items:center;gap:7px}.scene-caption i{width:5px;height:5px;background:#a3e4c9;border-radius:50%}.view-toolbar{display:flex;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;max-width:100%;padding:7px;border-radius:8px;background:#0d2631e0;border:1px solid #b2d3cd33;box-shadow:0 8px 24px #05182333;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto}.camera-select{display:flex;align-items:center;gap:7px;padding:0 9px;color:#b5d0ce}.camera-select select{border:0;background:transparent;color:#e0e9e7;font-size:11px;max-width:125px;padding:5px 4px}.camera-select option{background:#132b35}.layer-button,.quality-button{border:0;border-left:1px solid #c0d5d51f;border-radius:0;background:transparent;color:#afc4c9;padding:7px 11px;display:flex;align-items:center;gap:7px;font-size:10px;white-space:nowrap}.layer-button[aria-pressed=true]{background:#82c5b524;color:#bce7d5;border-radius:4px}.compass-mark{display:flex;align-items:center;gap:5px;color:#9cbabc;font-size:9px;padding:0 7px}.analysis-legend{display:flex;flex-wrap:wrap;gap:12px;color:#d9e9e2;background:#15303dd9;padding:8px 11px;border-radius:5px;font-size:9px;width:-moz-fit-content;width:fit-content}.scenario-dock{padding:16px 24px 20px;flex-shrink:0;border-top:1px solid #31424a;background:#101c23}.scenario-heading{display:flex;align-items:center;gap:13px;margin-bottom:13px}.scenario-heading>span:nth-child(2){font-size:10px;color:#8098a0}.scenario-heading button{margin-left:auto;display:flex;align-items:center;gap:5px;color:#9bafb5;font-size:10px;background:none;border:0}.scenario-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.scenario-card{border:1px solid #2a3d46;background:#15232b;border-radius:6px;display:flex;align-items:center;gap:10px;padding:15px 12px;text-align:left;min-width:0}.scenario-card:hover{background:#21343c;border-color:#50746f}.scenario-card.active{background:#213b39;border-color:#82b4a5}.scenario-number{font-size:10px;color:#657e89;align-self:flex-start;padding-top:2px}.active .scenario-number{color:#9dccb8}.scenario-name{font-size:11px;color:#dce6e4;font-weight:550;white-space:nowrap}.scenario-name small{display:block;color:#708e96;font-size:6.5px;letter-spacing:.8px;font-weight:500;margin-top:7px}.active .scenario-name small{color:#91b7ab}.scenario-card>svg{color:#79918f;margin-left:auto;width:13px;flex-shrink:0}.scenario-control-dock{margin-top:14px;padding:13px 14px 11px;border:1px solid #3a5b5d;border-radius:9px;background:linear-gradient(130deg,#13282d,#101e27);box-shadow:0 10px 25px #05131a40}.scenario-control-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.scenario-control-heading h3{display:flex;align-items:center;gap:7px;margin:5px 0 0;color:#deeee9;font-size:13px;font-weight:550;letter-spacing:-.2px}.scenario-control-heading-actions{display:flex;align-items:center;gap:9px}.scenario-control-heading-actions button{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:#a8c0bf;font-size:10px}.bow-badge{padding:5px 8px;border:1px solid #53656b;border-radius:999px;color:#aabdc3;background:#14252d;font-size:9px;white-space:nowrap}.bow-badge.is-active{border-color:#82c8b1;color:#bcf0d8;background:#1b403a}.scenario-control-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.scenario-setting,.scenario-number-control{min-width:0;padding:9px;border:1px solid #29434c;border-radius:7px;background:#0d1b23}.scenario-position-setting{grid-column:span 2}.scenario-setting-label,.scenario-number-control label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#c4d6d5;font-size:10px}.scenario-setting-label span{display:flex;align-items:center;gap:5px}.scenario-setting-label small,.scenario-number-control label b{color:#78959c;font-size:9px;font-weight:450;white-space:nowrap}.scenario-segmented{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:7px}.scenario-segmented button{min-width:0;padding:6px 3px;border:1px solid #2c4650;border-radius:5px;background:#14262e;color:#8fa9af}.scenario-segmented button[aria-pressed=true]{border-color:#75c9b1;background:#235044;color:#d9f5e8}.scenario-segmented strong,.scenario-segmented small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scenario-segmented strong{font-size:10px;font-weight:600}.scenario-segmented small{margin-top:3px;font-size:8px;color:#75939b}.scenario-segmented button[aria-pressed=true] small{color:#a5d7c3}.scenario-camera-setting{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between}.scenario-camera-setting select{width:100%;margin-top:7px;padding:7px 6px;border:1px solid #2f4c54;border-radius:5px;background:#142830;color:#d9e9e7;font-size:10px}.scenario-number-control label b{color:#b5e0cd;font-size:11px}.scenario-number-row{display:flex;align-items:center;gap:5px;margin-top:7px}.scenario-number-row>input{width:58px;min-width:0;padding:6px 5px;border:1px solid #38545a;border-radius:5px;background:#152930;color:#eff9f3;font-size:11px;text-align:right}.scenario-quick-values{display:flex;flex:1;min-width:0;gap:3px;overflow:hidden}.scenario-quick-values button{min-width:0;flex:1;padding:5px 2px;border:1px solid #2b464e;border-radius:4px;background:#13252d;color:#87a6ac;font-size:8px}.scenario-quick-values button:hover{border-color:#6aa99b;color:#e1f5eb}.scenario-server-glance{display:grid;grid-template-columns:minmax(190px,1.8fr) repeat(5,minmax(55px,1fr)) auto;gap:7px;align-items:stretch;margin-top:8px;padding:8px;border:1px solid #355057;border-radius:7px;background:#0b1921}.scenario-server-main{display:grid;grid-template-columns:1fr auto;gap:5px 8px;align-items:center;min-width:0}.scenario-server-main>span{display:flex;align-items:center;gap:6px;color:#a9c6c7;font-size:9px;letter-spacing:.5px}.scenario-server-main input{grid-column:1/-1;width:100%;min-width:0;padding:5px 6px;border:1px solid #2f4d56;border-radius:4px;background:#10232b;color:#d5e8e7;font-size:9px}.server-glance-status{font-size:9px;color:#91a8ae}.server-glance-status.running{color:#8ce0b9}.server-glance-status.connecting{color:#f0d492}.server-glance-status.error{color:#ff9f91}.scenario-server-metric{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:4px;padding:0 7px;border-left:1px solid #294149}.scenario-server-metric span{color:#75919a;font-size:8px;white-space:nowrap}.scenario-server-metric strong{color:#d9ebe4;font-size:12px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scenario-server-actions{display:flex;flex-direction:column;justify-content:center;gap:4px}.scenario-server-actions button{padding:5px 8px;border:1px solid #477268;border-radius:4px;background:#1b4038;color:#cbe9dc;font-size:9px;white-space:nowrap}.scenario-server-actions button+button{border-color:#334b55;background:#14262e;color:#9db4b8}.scenario-control-footer{display:flex;align-items:center;gap:13px;margin-top:8px;color:#89a8ad;font-size:9px}.scenario-control-footer>span{display:flex;align-items:center;gap:5px;min-width:0}.scenario-control-footer>span:nth-child(2){flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.scenario-release-button{display:flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #6c4d49;border-radius:4px;background:#302325;color:#e5aaa0;font-size:9px;white-space:nowrap}.operations-panel{min-height:0;min-width:0;display:flex;flex-direction:column;border-left:1px solid #2a3c43;background:#101c23}.panel-heading{padding:24px 23px 20px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.panel-heading h2{font-size:20px;font-weight:500;letter-spacing:-.6px;margin:7px 0 0}.live-dot{display:flex;align-items:center;gap:6px;font-size:9px;color:#8dacaa}.live-dot i{width:5px;height:5px;border-radius:50%;background:#8dd8b6}.panel-tabs{display:flex;margin:0 22px;border-bottom:1px solid #2c3d43;flex-shrink:0}.panel-tabs button{flex:1;display:flex;justify-content:center;align-items:center;gap:6px;border:0;border-bottom:2px solid transparent;padding:0 4px 13px;font-size:11px;color:#78909a;background:none}.panel-tabs button[aria-pressed=true]{color:#c7e5d8;border-bottom-color:#9fd0b9}.panel-scroll{flex:1;min-height:0;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:20px}.panel-scroll>*{flex-shrink:0}.section-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8da6ad}.vessel-card{padding-bottom:20px;border-bottom:1px solid #293b43}.vessel-card h3{font-size:16px;letter-spacing:1.2px;font-weight:500;margin:15px 0 5px}.vessel-card>p{font-size:10px;color:#839da5;margin:0}.vessel-card>p span{margin:0 5px}.vessel-profile{padding:13px 0 7px;opacity:.9}.vessel-profile svg{width:100%;height:55px}.vessel-meta{display:grid;grid-template-columns:repeat(3,1fr)}.vessel-meta>span{font-size:9px;color:#829ca5}.vessel-meta strong{display:block;font-size:17px;font-weight:450;color:#d5e2e0;margin-top:7px;font-variant-numeric:tabular-nums}.vessel-meta small{font-size:9px;color:#8aa1a9;margin-left:2px}.distance-card{border:1px solid #39564f;background:linear-gradient(125deg,#203b35,#182a2a);border-radius:7px;padding:16px}.distance-card .section-label{color:#b1c5bc}.distance-value{font-size:52px;line-height:1.3;letter-spacing:-2px;font-weight:350;color:#e3f1df;margin:7px 0;font-variant-numeric:tabular-nums}.distance-value>span{font-size:18px;color:#9abbad;margin-left:9px}.distance-foot{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#9ab7ac}.safe-text{color:#a3d7b8}.danger-text{color:#ffad92!important}.risk-section{border-bottom:1px solid #293b43;padding-bottom:18px}.risk-row{margin-top:16px}.risk-row>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#bfcecf}.risk-row b{font-weight:450;font-size:13px;font-variant-numeric:tabular-nums}.risk-row b small{font-size:9px;color:#708b92;margin-left:3px}.risk-track{height:3px;background:#263b43;border-radius:3px;overflow:hidden;margin:8px 0 5px}.risk-track i{display:block;height:100%;transition:width .3s}.risk-row>small{font-size:8px;color:#748e98}.instrument-pair{display:grid;grid-template-columns:1fr 1fr}.instrument-pair>div+div{border-left:1px solid #293b43;padding-left:20px}.instrument-pair span{display:block;color:#8fa6ad;font-size:10px}.instrument-pair strong{display:block;font-size:25px;font-weight:400;margin-top:8px;font-variant-numeric:tabular-nums}.instrument-pair small{font-size:11px;color:#8b9fa7;margin-left:4px}.control-details{border:1px solid #2b414a;border-radius:6px}.control-details summary{display:flex;justify-content:space-between;align-items:center;padding:14px;cursor:pointer;font-size:11px;color:#abc2c8;list-style:none}.control-details summary::-webkit-details-marker{display:none}.control-details[open] summary svg{transform:rotate(90deg)}.control-details .font-mono{font-family:inherit}.control-details>div{padding:12px!important;border:0!important;background:#12232c!important;box-shadow:none!important}.control-details .grid{grid-template-columns:1fr}.control-details .animate-pulse{animation:none}.control-details input{min-height:20px}.data-note{color:#627f8a;font-size:8px;line-height:1.6;letter-spacing:.3px;margin:0}.legacy-monitor>div{max-width:100%}.monitor-note{color:#809aa5;font-size:10px;margin-top:12px}.app-footer{height:30px;flex-shrink:0;border-top:1px solid #283a43;display:flex;align-items:center;justify-content:space-between;padding:0 25px;color:#65818b;font-size:8px;letter-spacing:.6px;background:#0b161d}.app-footer>span:first-child{display:flex;align-items:center;gap:7px}.app-footer i{height:4px;width:4px;background:#79bba4;border-radius:50%}@media (min-width:1600px){.workspace{grid-template-columns:minmax(0,1fr) 380px}.scene-top{inset:35px 36px auto}.scene-bottom{left:35px;right:35px;bottom:25px}.panel-scroll{padding:25px;gap:23px}.scenario-dock{padding:19px 35px 23px}}@media (max-width:1100px){.app-header{gap:14px;padding:0 18px}.header-context{display:none}.workspace{grid-template-columns:minmax(0,1fr) 320px}.scenario-dock{padding:14px}.scenario-card{gap:6px;padding:13px 8px}.scenario-card>svg{display:none}.scenario-number{display:none}.scene-title h1{font-size:26px}.scenario-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario-position-setting,.scenario-camera-setting{grid-column:span 2}.scenario-server-glance{grid-template-columns:minmax(170px,1.7fr) repeat(3,minmax(55px,1fr)) auto}.scenario-server-metric:nth-of-type(n+5){display:none}}@media (max-width:760px){.app-shell{height:auto;min-height:100dvh;overflow:visible}.app-header{position:sticky;top:0;height:auto;min-height:70px;padding:12px 15px;gap:10px;flex-wrap:wrap}.brand{font-size:18px;gap:8px}.brand-symbol{width:32px;height:36px}.brand small{font-size:5.8px;letter-spacing:1.6px}.header-divider,.header-context,.emergency-button kbd{display:none}.header-actions{margin-left:auto;gap:3px}.header-actions .icon-button{width:28px}.emergency-button{padding:9px;gap:5px;font-size:10px}.workspace{display:flex;flex-direction:column}.scene-column{flex-shrink:0}.scene-viewport{flex:none;height:530px}.scene-top{inset:22px 18px auto}.scene-title h1{font-size:25px}.scene-title .eyebrow{font-size:7px}.scene-title p{font-size:8px}.time-switch{padding:3px}.time-switch button{width:27px;height:27px}.scene-bottom{left:14px;right:14px;bottom:14px}.scene-caption{font-size:8px}.scene-caption>span:last-child{display:none}.view-toolbar{gap:0;width:100%;justify-content:space-between}.camera-select{padding:0 3px;gap:3px}.camera-select select{font-size:10px;max-width:103px}.layer-button,.quality-button{padding:7px;font-size:9px;gap:5px}.compass-mark{display:none}.scenario-dock{padding:16px}.scenario-heading>span:nth-child(2){display:none}.scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario-card{padding:14px}.scenario-card>svg,.scenario-number{display:block}.scenario-number{margin-right:5px}.scenario-control-heading{align-items:flex-start}.scenario-control-heading-actions{flex-direction:column;align-items:flex-end;gap:5px}.scenario-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario-position-setting,.scenario-camera-setting{grid-column:span 2}.scenario-server-glance{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario-server-main{grid-column:1/-1}.scenario-server-metric{border-left:0;border-top:1px solid #294149;padding:6px 4px 0}.scenario-server-actions{grid-column:1/-1;flex-direction:row}.scenario-server-actions button{flex:1}.scenario-control-footer{flex-wrap:wrap;gap:7px}.scenario-control-footer>span:nth-child(2){flex-basis:100%;order:3}.scenario-release-button{margin-left:auto}.operations-panel{border-left:0;border-top:1px solid #30444b}.panel-scroll{overflow:visible}.app-footer{padding:12px 16px;height:auto;gap:12px;flex-wrap:wrap;font-size:7px}.app-footer>span:last-child{display:none}.control-details .grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.scene-viewport:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#102b3c66,transparent 34%,transparent 75%,#071e3230)}.scene-top,.scene-bottom{z-index:2}@media (min-width:761px) and (max-width:950px){.workspace{grid-template-columns:minmax(0,1fr) 300px}.panel-heading{padding:20px 16px}.panel-scroll{padding:16px}.panel-tabs{margin:0 16px}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;padding:20px;display:flex;align-items:center;justify-content:center;background:#051019cc;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.scenario-modal{width:100%;max-width:520px;max-height:90dvh;overflow:auto;background:#13232d;border:1px solid #39535c;border-radius:14px;padding:25px;box-shadow:0 30px 100px #0008}.scenario-modal header{display:flex;align-items:center;justify-content:space-between;gap:12px}.scenario-modal h2{font-size:22px;font-weight:500;margin:8px 0 0}.scenario-modal>p{font-size:12px;color:#9cb5bb;line-height:1.8;margin:20px 0}.demo-steps>div{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid #2a424d}.demo-steps>div>span{color:#93c7b7}.demo-steps strong{font-size:13px;font-weight:500}.demo-steps p{margin:6px 0 0;font-size:11px;color:#98adb3}.scenario-modal .demo-disclaimer{font-size:10px;color:#809ba4}.demo-run{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border:1px solid #8db3a4;background:#32564c;color:#d9efe5;border-radius:6px;font-size:12px}.demo-run:disabled{opacity:.6;cursor:wait}.sensor-details{display:flex;flex-direction:column;gap:16px}.sensor-details>.grid{grid-template-columns:1fr!important}.sensor-details>div{flex-shrink:0}.sensor-details .font-mono{font-family:inherit}.sensor-details .flex.justify-between{flex-wrap:wrap;gap:8px}.sensor-details .h-44{min-height:200px}.scene-title.compact h1,.scene-title.compact p{display:none}fieldset{min-width:0;margin:0;padding:0;border:0}fieldset:disabled button,fieldset:disabled select,button:disabled{cursor:default}.control-details>fieldset>div{border:0!important;box-shadow:none!important}.dataset-controls{border:1px solid #38534f;border-radius:7px;background:#182c2b}.dataset-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px;cursor:pointer}.dataset-toggle>span{display:flex;align-items:center;gap:8px;font-size:11px;color:#c4dfd4}.dataset-toggle input{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0;width:32px;height:18px;border-radius:10px;background:#3a5054;position:relative;cursor:pointer}.dataset-toggle input:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;top:3px;left:3px;background:#bacdca;transition:transform .15s}.dataset-toggle input:checked{background:#59977e}.dataset-toggle input:checked:after{transform:translate(14px);background:#e4f2e9}.dataset-body{padding:0 13px 13px;border-top:1px solid #36524d}.dataset-settings{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:13px}.dataset-settings label{font-size:10px;color:#a8bfbb;min-width:0}.dataset-settings input{display:block;width:100%;margin-top:7px;padding:8px;border:1px solid #3a5655;border-radius:4px;background:#102222;color:#dceee6;font-size:12px}.dataset-actions{display:flex;gap:7px;margin-top:12px}.dataset-actions button,.dataset-download{display:flex;justify-content:center;align-items:center;gap:7px;background:#24443b;color:#d5eddf;border:1px solid #527f6b;border-radius:5px;padding:9px;font-size:11px}.dataset-actions button:first-child{flex:1}.dataset-actions button:disabled{opacity:.5}.dataset-download{width:100%;margin-top:10px;background:transparent}.dataset-progress{margin-top:12px}.dataset-progress progress{display:block;width:100%;height:4px;accent-color:#94d4ad;border:0}.dataset-progress span{display:block;margin-top:7px;font-size:10px;color:#b6d7c8}.dataset-note{font-size:9px;line-height:1.6;color:#8bab9f;margin:10px 0 0}.dataset-error{color:#ffb4a0;font-size:11px;line-height:1.6;margin:10px 0}.dataset-preview{margin-top:10px;font-size:10px;color:#bdcfca}.dataset-preview summary{cursor:pointer;padding:8px 0}.dataset-image{position:relative;overflow:hidden;background:#061018}.dataset-image img{width:100%;display:block}.dataset-image>span{position:absolute;border:1px solid #f1d28e;pointer-events:none}.dataset-image b{position:absolute;top:0;left:0;font-size:9px;background:#f1d28e;color:#17241e;padding:0 2px}.dataset-preview small{display:block;font-size:9px;margin-top:5px;color:#90aaa4}@media (max-width:760px){.dataset-controls{scroll-margin-top:105px}}.dataset-kind{display:flex;gap:6px;padding-top:12px;border:0;margin:0}.dataset-kind button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 6px;font-size:10px;border:1px solid #3a5655;border-radius:5px;background:#102222;color:#a8bfbb}.dataset-kind button[aria-pressed=true]{background:#24443b;color:#d5eddf;border-color:#59977e}.dataset-image svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.dataset-mask{margin-top:6px}.risk-log-controls{border:1px solid #446071;border-radius:7px;background:#172a34}.risk-log-controls summary{display:flex;align-items:center;gap:8px;padding:13px;color:#c9dce6;font-size:11px;cursor:pointer}.risk-log-body{padding:0 13px 13px}.risk-log-body label{font-size:10px;color:#a9bfc9}.risk-log-body select{display:block;width:100%;margin-top:6px;background:#10212c;border:1px solid #3e5767;border-radius:4px;padding:8px;color:#dfebf1;font-size:11px}.risk-log-body p{font-size:10px;line-height:1.65;color:#a8bec8;margin:10px 0}.risk-log-actions{display:flex;gap:7px}.risk-log-actions button{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;padding:9px 5px;background:#294858;border:1px solid #567887;border-radius:4px;color:#e1eef1;font-size:10px}.risk-log-actions button:disabled{opacity:.45}.risk-log-body img{display:block;width:100%;margin:10px 0;border-radius:3px}.risk-log-values{display:grid;grid-template-columns:1fr 1fr;gap:7px;font-size:10px;color:#c9e6de;padding-top:8px}.risk-log-values>span:first-child{grid-column:1/-1}.risk-log-body p.risk-log-note{font-size:9px;color:#859fa9}.dataset-capture-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.dataset-capture-options label{font-size:10px;color:#a8bfbb;min-width:0}.dataset-capture-options select{display:block;width:100%;margin-top:6px;padding:8px 5px;background:#102222;border:1px solid #3a5655;border-radius:4px;color:#dceee6;font-size:11px}.dataset-mask img{image-rendering:pixelated}.sag-chip{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:7px 11px;border-radius:6px;font-size:10px;color:#dbeee6;background:#12282ae0;border:1px solid #3f6a63;pointer-events:none}.sag-chip b{font-size:12px;color:#fff}.sag-chip small{color:#9dbdb3;font-size:9px}.sag-chip.level-0{border-color:#7ee0a8}.sag-chip.level-1{border-color:#c9e07e}.sag-chip.level-2{border-color:#f1d28e}.sag-chip.level-3{border-color:#f0a25e}.sag-chip.level-4{border-color:#f57b73;background:#3a2321e0}.sag-pipeline{display:grid;gap:8px}.sag-pipeline .sag-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.sag-pipeline .sag-scale span{font-size:9px;text-align:center;padding:6px 2px;border-radius:4px;background:#0f1f22;color:#7f9a96;border:1px solid #23393c}.sag-pipeline .sag-scale span.active{background:#24443b;color:#e4f2e9;border-color:#94d4ad}.sag-pipeline dl{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin:0;font-size:10px;color:#a8bfbb}.sag-pipeline dd{margin:0;color:#e4f2e9;font-weight:600}.server-analysis{padding:16px;border:1px solid #31505a;border-radius:12px;background:#10232d;display:grid;gap:10px;margin-bottom:14px;color:#d5e7e9}.server-analysis h3{margin:0;font-size:14px}.server-analysis label{display:flex;align-items:center;gap:8px;font-size:12px;flex-wrap:wrap}.server-analysis input:not([type=checkbox]),.server-analysis select{min-width:0;max-width:100%;flex:1;background:#091820;color:#e1eef0;border:1px solid #38515e;border-radius:5px;padding:7px}.server-analysis input:not([type=checkbox]){width:100%;flex-basis:100%}.server-analysis p,.server-analysis small{font-size:11px;line-height:1.6;margin:0;color:#adc1c9}.server-analysis img{width:100%;aspect-ratio:16/9;-o-object-fit:contain;object-fit:contain;border-radius:6px}.server-analysis pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;max-height:230px;overflow:auto}.server-analysis summary{font-size:11px;cursor:pointer}.server-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:11px}.server-metrics span{display:grid;gap:3px}.server-metrics b{font-size:14px}.server-risk{padding:9px;border-radius:6px;border:1px solid currentColor;font-size:13px;font-weight:700}.server-risk.Normal{color:#70c9bb}.server-risk.Loaded{color:#e8bc79}.server-risk.GirtingRisk,.server-risk.Developing{color:#ffac62}.server-risk.Critical{color:#ff817b;background:#4c2029}.server-risk.UNKNOWN,.server-risk.is-stale{color:#97a7b4}.server-camera{position:relative}.server-camera img{display:block}.server-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#66ffd0;opacity:.5;mask-mode:luminance;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:none}.server-reasons{display:grid;gap:5px;padding:8px;border-left:2px solid #76c6ad;font-size:11px;color:#bcd7d2}.server-reasons strong{font-size:10px;color:#e2c998}.demo-shell .app-header{height:60px;padding:0 22px}.demo-shell .brand small,.demo-shell .header-context small{display:none}.demo-shell .app-footer{height:24px}.demo-shell .workspace{grid-template-columns:minmax(0,1fr) 360px}.demo-shell .workspace.expanded{grid-template-columns:1fr}.demo-shell .scene-column{position:relative}.demo-shell .scene-viewport{height:100%;min-height:0}.demo-shell .scene-caption,.demo-shell .sag-chip,.demo-shell .scene-title,.demo-shell .compass-mark{display:none}.demo-shell .scene-top{inset:18px 18px auto;justify-content:flex-end}.demo-shell .scene-bottom{left:18px;right:18px;bottom:18px}.demo-panel{position:relative;min-height:0;padding:14px 16px;display:flex;flex-direction:column;gap:9px;background:#101e26;border-left:1px solid #30444b;font-size:12px}.demo-heading{display:flex;justify-content:space-between;align-items:center}.demo-heading h2{font-size:17px;font-weight:650;margin:0}.connection-dot{font-size:10px;color:#9bb0b8}.connection-dot.running{color:#99e4c5}.connection-dot.error{color:#ffab9c}.demo-verdict{padding:10px 12px;border:1px solid #405861;border-radius:9px;background:#182b34}.demo-verdict>div{display:flex;justify-content:space-between;align-items:center;gap:8px}.demo-verdict small{font-size:10px;color:#aec0c7}.demo-verdict strong{font-size:22px}.demo-verdict p{font-size:11px;margin:5px 0 0;line-height:1.45;color:#bfced2}.demo-verdict.Normal{border-color:#509d86;color:#a7e7d2}.demo-verdict.Loaded{border-color:#a59762;color:#ecdfaa}.demo-verdict.GirtingRisk{border-color:#d3a05f;color:#ffd096}.demo-verdict.Developing,.demo-verdict.Critical{border-color:#ef8e7e;background:#39272b;color:#ffb4a6}.demo-verdict.idle{color:#b3c1c8}.demo-camera{width:100%;aspect-ratio:16/9;flex-shrink:0;border-radius:7px;overflow:hidden;background:#08151e}.demo-camera img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.camera-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#b2c4c8}.camera-placeholder small{font-size:10px;color:#728f9a}.camera-caption{position:absolute;bottom:0;left:0;right:0;background:#08151ed9;color:#c8dedb;padding:5px 9px;font-size:10px}.demo-fusion{display:flex;justify-content:space-between;color:#b8d1cb;font-size:10px}.demo-fusion>span{color:#809ba6}.demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:8px 0;border-bottom:1px solid #30434c}.demo-metrics div{display:grid;gap:3px}.demo-metrics span{font-size:10px;color:#9cb2ba}.demo-metrics b{font-size:18px;font-weight:550;font-variant-numeric:tabular-nums}.demo-control-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.demo-control-title h3{margin:0;font-size:12px}.demo-panel button{border:1px solid #39525d;border-radius:5px;color:#cddeda;background:#1a303a;font-size:11px;padding:6px 8px}.demo-panel button:hover{background:#2e4c54}.demo-panel button:disabled{opacity:.45}.demo-control-title button{padding:3px 6px;font-size:10px;background:transparent}.demo-presets{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:7px}.demo-control{display:grid;grid-template-columns:90px 58px 1fr;align-items:center;gap:7px;margin-top:7px}.demo-control>span{font-size:11px;color:#c2d1d5}.demo-control small{color:#7e9ba6;margin-left:4px;font-size:9px}.demo-control input{min-width:0;width:100%;height:30px;padding:4px;border:1px solid #42606c;border-radius:5px;background:#0a1922;color:#e4f2ef;font-size:12px}.demo-control>div{display:flex;gap:3px}.demo-control>div button{flex:1;padding:6px 2px;font-size:10px}.demo-connection{display:flex;gap:6px;margin-top:auto;padding-top:5px}.demo-connection .demo-start{flex:1;background:#335d50;border-color:#70a68f;color:#edfff6}.demo-status{margin:0;font-size:10px;line-height:1.4;color:#9bb0ba}.demo-settings{position:absolute;z-index:5;bottom:75px;left:12px;right:12px;background:#172d38;border:1px solid #6b9297;border-radius:8px;padding:14px;box-shadow:0 12px 35px #0009}.demo-settings label{display:block;font-size:11px}.demo-settings input{display:block;margin:8px 0 10px;width:100%;padding:8px;background:#081820;border:1px solid #496671;border-radius:4px;color:#e7f3ee}.demo-settings button+button{margin-left:6px}.tools-dialog{padding:0;width:min(960px,94vw);max-height:90dvh;background:#10212a;color:#dce9e8;border:1px solid #4b6970;border-radius:12px;overflow:hidden}.tools-dialog::backdrop{background:#041019bb;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tools-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid #39505b}.tools-dialog h2{font-size:19px;margin:0}.tools-dialog header p{font-size:11px;color:#a5bdc2;margin:5px 0 0}.tools-dialog header button{padding:8px;border:0;background:#263e48;border-radius:6px}.tools-content{max-height:calc(90dvh - 80px);overflow:auto;padding:18px;display:grid;gap:16px}.tools-content .operations-panel{border:1px solid #30444b;border-radius:8px}.tools-content .panel-scroll{overflow:visible}.tools-content>a{font-size:12px;color:#a6d6c7}.tools-content .scenario-server-glance,.tools-content .scenario-control-footer{display:none}@media (min-width:1600px){.demo-shell .workspace{grid-template-columns:minmax(0,1fr) 400px}.demo-panel{padding:22px;gap:14px}.demo-control{margin-top:12px}.demo-verdict{padding:15px}.demo-camera{max-height:230px}}@media (max-height:740px) and (min-width:761px){.demo-panel{gap:6px;padding:10px 14px}.demo-camera{max-height:160px;aspect-ratio:auto;height:160px}.demo-control{margin-top:5px}.demo-verdict strong{font-size:20px}}@media (max-width:760px){.demo-shell .app-shell{height:auto}.demo-shell .workspace{display:flex}.demo-shell .scene-viewport{height:55dvh;min-height:330px}.demo-panel{min-height:620px;border-left:0}.demo-shell .app-header{height:auto;min-height:60px}.demo-camera{max-height:230px}.demo-settings{bottom:75px}.tools-content{padding:12px}.demo-shell .app-footer{height:auto}}@media (max-height:650px) and (min-width:761px){.demo-panel{overflow-y:auto}.demo-camera{height:120px;min-height:120px}}.simple-views{display:none}.scene-options{pointer-events:auto;width:-moz-fit-content;width:fit-content}.scene-options summary{cursor:pointer;font-size:11px;padding:8px 12px;border-radius:6px;background:#102936e8;color:#d2e7e1;border:1px solid #55777c}.scene-options[open] summary{margin-bottom:6px}.demo-shell .simple-views{display:flex;align-items:center;gap:6px;pointer-events:auto}.simple-views button{border:1px solid #577e7b;border-radius:6px;background:#112b37e8;color:#c7dfd8;padding:9px 16px;font-size:12px}.simple-views button[aria-pressed=true]{background:#365f53;color:#fff}.simple-views span{font-size:10px;color:#d1e0df;text-shadow:0 1px 5px #000}.demo-shell .scene-options{position:absolute;right:0;bottom:0}.demo-shell .scene-options[open]{padding:8px;background:#112b37f2;border-radius:7px}.demo-shell .scene-options[open] .view-toolbar{flex-wrap:wrap}.demo-shell .time-switch{opacity:.85}[hidden]{display:none!important}.scene-hide{position:absolute;z-index:4;left:18px;top:18px;padding:8px 12px;background:#112b37de;border:1px solid #688780;border-radius:6px;color:#d9eee7;font-size:11px}.camera-select select{max-width:none;min-width:210px;width:240px}.demo-shell .scene-options[open]{bottom:44px;max-width:100%}.demo-shell .simple-views span{display:none}@media (max-width:760px){.camera-select select{min-width:180px;width:210px;max-width:100%}.simple-views button{padding:9px 10px}.demo-shell .scene-options{bottom:45px}}.demo-camera{height:auto;max-height:none;aspect-ratio:16/9}@media (min-width:761px) and (max-height:650px){.demo-camera{width:214px;min-height:0;align-self:center}}.demo-shell .scene-options,.demo-shell .scene-options[open]{position:absolute;right:0;bottom:0;padding:0;background:transparent;border-radius:0}.demo-shell .scene-options[open] summary{margin:0}.demo-shell .scene-options .view-toolbar{position:absolute;right:0;bottom:calc(100% + 8px);width:420px;max-width:calc(100vw - 40px);padding:12px;flex-wrap:wrap;background:#112b37fa;box-shadow:0 12px 30px #0006}.scene-hide{min-width:94px}.demo-shell .scene-options summary{min-width:90px;text-align:center}.mode-switch{display:flex;gap:3px;border:1px solid #3c575e;border-radius:7px;padding:3px;background:#10262f}.mode-switch button{border:0;border-radius:4px;padding:7px 14px;font-size:12px;color:#9cbabf;background:transparent;white-space:nowrap}.mode-switch button[aria-pressed=true]{background:#365c52;color:#ecfff5}.demo-camera-wrap{flex-shrink:0}.analysis-camera img{width:100%;height:100%;display:block;-o-object-fit:contain;object-fit:contain}.service-camera-wrap{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#061018;overflow:hidden;container-type:size}.large-camera{width:min(100cqw,177.7778cqh);aspect-ratio:16/9;overflow:hidden;position:relative;background:#0b1c26}.service-feed-heading{position:absolute;left:20px;right:20px;top:20px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:#d7ebe6;pointer-events:none;text-shadow:0 1px 5px #000}.service-feed-heading span{font-size:10px}.large-camera .camera-placeholder{aspect-ratio:16/9;font-size:20px}.large-camera .camera-placeholder small{font-size:12px}.large-camera .camera-caption{font-size:12px;padding:10px 15px}.overview-preview{position:relative;aspect-ratio:16/9;width:100%;flex-shrink:0;border-radius:7px;overflow:hidden}.demo-shell .overview-preview .scene-viewport{height:100%;width:100%;position:absolute;top:0;right:0;bottom:0;left:0}.overview-preview .scene-top,.overview-preview .scene-bottom,.overview-preview .scene-hide{display:none!important}.mode-service .header-actions button:disabled{opacity:.3}@media (max-width:760px){.demo-shell .app-header{flex-wrap:wrap;padding:10px 12px}.mode-switch{order:3;flex-basis:100%;justify-content:center}.mode-switch button{flex:1}.service-camera-wrap{height:55dvh;min-height:330px;flex:auto}.service-feed-heading{left:12px;right:12px;top:12px}.overview-preview{max-width:400px;align-self:center}.large-camera .camera-placeholder{font-size:15px}}.header-scene-toggle{min-width:94px;padding:8px 12px;border:1px solid #46676b;border-radius:6px;background:#173039;color:#d7eee6;font-size:11px;white-space:nowrap}@media (max-width:760px){.header-scene-toggle{min-width:78px;padding:8px;font-size:10px}.demo-shell .header-actions{flex-wrap:wrap}.demo-shell .brand{font-size:16px}}:root{--ui-bg:#071e07;--ui-panel:#0d330e;--ui-card:#173d14;--ui-button:#2d531a;--ui-primary:#477023;--ui-accent:#6e8649;--ui-text:#f5f7eb;--ui-muted:#c6d5b5;--ui-border:#6e8649;color:var(--ui-text);background:var(--ui-bg)}.demo-shell{background:var(--ui-bg);color:var(--ui-text)}.demo-shell .app-header{background:var(--ui-bg);border-color:#436039}.demo-shell .brand-symbol{background:var(--ui-button);border-color:var(--ui-accent);color:var(--ui-text)}.demo-shell .header-divider{background:#436039}.demo-shell .mode-switch{background:var(--ui-panel);border-color:var(--ui-accent)}.demo-shell .mode-switch button[aria-pressed=true]{background:var(--ui-accent);color:#031003;font-weight:750}.demo-shell .header-scene-toggle{background:var(--ui-button);border-color:var(--ui-accent);color:var(--ui-text)}.demo-shell .icon-button{color:var(--ui-muted)}.demo-shell .icon-button:hover{background:var(--ui-button)}.demo-panel{background:var(--ui-panel);border-color:#436039;color:var(--ui-text)}.demo-panel button{background:var(--ui-button);border-color:var(--ui-accent);color:var(--ui-text)}.demo-panel button:hover{background:var(--ui-primary)}.demo-panel .demo-start{background:var(--ui-accent);border-color:#a1b77c;color:#031003;font-weight:750}.demo-heading .connection-dot{color:var(--ui-muted)}.demo-heading .connection-dot.running{color:#d0eaa1}.demo-heading .connection-dot.error{color:#ffb5a5}.demo-verdict,.demo-verdict.idle{background:var(--ui-card);border-color:var(--ui-accent);color:var(--ui-text)}.demo-verdict p,.demo-verdict small{color:var(--ui-text)}.demo-verdict.Normal{background:#234722;color:#d9f5b6;border-color:#a9c780}.demo-verdict.Loaded{background:#383e1e;color:#f5e8ab;border-color:#c2b679}.demo-verdict.GirtingRisk{background:#473919;color:#ffe0a7;border-color:#dfb75f}.demo-verdict.Developing,.demo-verdict.Critical{background:#4b2524;color:#ffd4ca;border-color:#ef9d86}.demo-metrics{border-color:#527044}.demo-metrics span,.demo-control>span,.demo-control small,.demo-status,.demo-fusion,.demo-fusion>span{color:var(--ui-muted)}.demo-control input,.demo-settings input{background:var(--ui-bg);border-color:var(--ui-accent);color:var(--ui-text)}.demo-settings{background:var(--ui-panel);border-color:#9cb07b}.analysis-camera,.demo-camera,.service-camera-wrap{background:var(--ui-bg)}.camera-placeholder,.camera-placeholder small{color:var(--ui-muted)}.camera-caption{background:#071e07ed;color:var(--ui-text)}.service-feed-heading,.service-feed-heading span{color:var(--ui-text)}.demo-shell .simple-views button,.demo-shell .scene-options summary,.demo-shell .scene-options .view-toolbar{background:#0d330ef2;color:var(--ui-text);border-color:var(--ui-accent)}.demo-shell .simple-views button[aria-pressed=true]{background:var(--ui-accent);color:#031003;font-weight:750}.demo-shell .camera-select,.demo-shell .camera-select select,.demo-shell .layer-button,.demo-shell .quality-button{color:var(--ui-text)}.demo-shell .camera-select option{background:var(--ui-panel);color:var(--ui-text)}.demo-shell .time-switch{background:#0d330ee8;border-color:var(--ui-accent);opacity:1}.demo-shell .time-switch button{color:var(--ui-muted)}.demo-shell .time-switch button[aria-pressed=true]{background:var(--ui-accent);color:var(--ui-bg)}.tools-dialog{background:var(--ui-bg);color:var(--ui-text);border-color:var(--ui-accent)}.tools-dialog>header{border-color:var(--ui-accent)}.tools-dialog header p,.tools-content>a{color:var(--ui-muted)}.tools-dialog header button{background:var(--ui-button);color:var(--ui-text)}.tools-content .operations-panel,.tools-content .scenario-control-dock{background:var(--ui-panel);border-color:#527044}.tools-content .server-analysis{background:var(--ui-card);border-color:var(--ui-accent);color:var(--ui-text)}.tools-content .server-analysis p,.tools-content .server-analysis small,.tools-content .server-reasons,.tools-content .eyebrow{color:var(--ui-muted)}.tools-content .scenario-setting,.tools-content .scenario-number-control{background:var(--ui-card);border-color:#527044}.tools-content .scenario-segmented button,.tools-content .scenario-quick-values button{background:var(--ui-button);color:var(--ui-text);border-color:var(--ui-accent)}.tools-content .scenario-segmented button[aria-pressed=true]{background:var(--ui-accent);color:var(--ui-bg)}.tools-content input,.tools-content select{color:var(--ui-text);background:var(--ui-bg)}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline-color:#e4efc0}.brand-tension{display:block;width:48px;height:39px;flex-shrink:0}.brand-wordmark{font-size:20px;font-weight:750;letter-spacing:1.1px;white-space:nowrap}.demo-shell .brand{gap:10px}.tools-content .dataset-controls,.tools-content .risk-log-controls,.tools-content .control-details,.scenario-modal{background:var(--ui-panel);border-color:var(--ui-accent);color:var(--ui-text)}.tools-content .dataset-body{border-color:#527044}.tools-content .dataset-toggle>span,.tools-content .risk-log-controls summary,.tools-content .control-details summary,.scenario-modal>p{color:var(--ui-text)}.tools-content .dataset-settings label,.tools-content .dataset-capture-options label,.tools-content .dataset-note,.tools-content .risk-log-body p,.tools-content .risk-log-body label,.tools-content .monitor-note,.tools-content .data-note,.tools-content .section-label,.tools-content .vessel-card>p,.tools-content .vessel-meta>span,.tools-content .instrument-pair span,.tools-content .risk-row>small{color:var(--ui-muted)}.tools-content .dataset-settings input,.tools-content .dataset-capture-options select,.tools-content .risk-log-body select,.tools-content .server-analysis input{background:var(--ui-bg);color:var(--ui-text);border-color:var(--ui-accent)}.tools-content .dataset-kind button,.tools-content .dataset-actions button,.tools-content .dataset-download,.tools-content .risk-log-actions button,.demo-run{background:var(--ui-button);color:var(--ui-text);border-color:var(--ui-accent)}.tools-content .dataset-kind button[aria-pressed=true]{background:var(--ui-accent);color:#031003;font-weight:700}.tools-content .panel-tabs{border-color:#527044}.tools-content .panel-tabs button{color:var(--ui-muted)}.tools-content .panel-tabs button[aria-pressed=true]{color:var(--ui-text);border-color:#b2c789}.tools-content .distance-card{background:var(--ui-card);border-color:var(--ui-accent)}.tools-content .distance-value,.tools-content .vessel-meta strong,.tools-content .instrument-pair strong{color:var(--ui-text)}.tools-content .distance-foot,.tools-content .distance-value>span,.tools-content .vessel-meta small,.tools-content .instrument-pair small{color:var(--ui-muted)}.tools-content .sag-pipeline .sag-scale span{background:var(--ui-bg);color:var(--ui-muted);border-color:#527044}.tools-content .sag-pipeline .sag-scale span.active{background:var(--ui-accent);color:#031003}.tools-content .sag-pipeline dl,.tools-content .sag-pipeline dd,.tools-content .scenario-setting-label,.tools-content .scenario-number-control label,.tools-content .scenario-setting-label small{color:var(--ui-muted)}.tools-content .vessel-card,.tools-content .risk-section,.tools-content .instrument-pair>div+div{border-color:#527044}.tools-content .risk-track{background:#24431c}.tools-content .dataset-toggle input:checked{background:var(--ui-accent)}.tools-content .dataset-toggle input:after{background:var(--ui-text)}.tools-content .dataset-image{background:var(--ui-bg)}.scenario-modal .demo-disclaimer,.demo-steps p{color:var(--ui-muted)}.demo-steps>div{border-color:#527044}.scenario-modal h2{color:var(--ui-text)}@media (max-width:760px){.brand-tension{width:36px;height:30px}.brand-wordmark{font-size:16px;letter-spacing:.6px}}:root{color-scheme:light;--ui-bg:#f5f6f7;--ui-panel:#ffffff;--ui-card:#f3f5f6;--ui-button:#eef1f3;--ui-primary:#e2e6e9;--ui-accent:#b8c1c8;--ui-text:#252b30;--ui-muted:#55616a;--ui-border:#d6dde2;background:var(--ui-bg);color:var(--ui-text)}.demo-shell .app-header{background:#fff;border-color:var(--ui-border)}.demo-shell .brand,.demo-shell .brand-light{color:var(--ui-text)}.demo-shell .header-divider{background:var(--ui-border)}.demo-shell .mode-switch{background:#f1f3f5;border-color:var(--ui-border)}.demo-shell .mode-switch button{color:var(--ui-muted)}.demo-shell .mode-switch button[aria-pressed=true]{background:#293138;color:#fff}.demo-panel,.demo-panel button{border-color:var(--ui-border)}.demo-panel .demo-start{background:#293138;color:#fff;border-color:#293138}.demo-panel .demo-start:hover{background:#414c55}.demo-control input,.demo-settings input{background:#fff;border-color:#aab5be;color:var(--ui-text)}.demo-heading .connection-dot.running{color:#32654f}.demo-heading .connection-dot.error{color:#993d32}.demo-verdict,.demo-verdict.idle{background:#f5f7f8;border-color:#d6dde2;color:#252b30}.demo-verdict small,.demo-verdict p{color:#46525b}.demo-verdict.Normal{background:#f0f6f2;border-color:#9dbdaa;color:#28513b}.demo-verdict.Loaded{background:#faf7ec;border-color:#d2c18b;color:#66501d}.demo-verdict.GirtingRisk{background:#fff5e5;border-color:#d4ae6a;color:#805316}.demo-verdict.Developing,.demo-verdict.Critical{background:#fff0ed;border-color:#d49a90;color:#9d3529}.demo-metrics{border-color:var(--ui-border)}.demo-settings{border-color:#b0bbc3;box-shadow:0 12px 35px #17263526}.camera-placeholder,.camera-placeholder small{color:#55616a}.camera-caption{background:#20272ee8;color:#fff}.service-feed-heading,.service-feed-heading span{color:#38464f;text-shadow:none}.demo-shell .header-scene-toggle,.demo-shell .emergency-button{background:#f6f7f8;border-color:#b8c1c8;color:#303b43}.demo-shell .header-scene-toggle:hover,.demo-shell .emergency-button:hover{background:#e6ebee}.demo-shell .emergency-button kbd{border-color:#bcc5cc;color:#53616a}.demo-shell .emergency-button.released{background:#e8edf0;border-color:#8d9ba6;color:#273741}.demo-shell .icon-button{color:#53616a}.demo-shell .icon-button:hover{background:#eef1f3}.demo-shell .simple-views button,.demo-shell .scene-options summary,.demo-shell .scene-options .view-toolbar{background:#ffffffed;color:#27343c;border-color:#bac5cc;box-shadow:0 3px 14px #17263514}.demo-shell .simple-views button[aria-pressed=true]{background:#293138;color:#fff}.demo-shell .camera-select,.demo-shell .camera-select select,.demo-shell .layer-button,.demo-shell .quality-button{color:#303d46}.demo-shell .camera-select option{background:#fff;color:#303d46}.demo-shell .layer-button,.demo-shell .quality-button{border-color:#d6dde2}.demo-shell .time-switch{background:#ffffffed;border-color:#bac5cc}.demo-shell .time-switch button{color:#53616a}.demo-shell .time-switch button[aria-pressed=true]{background:#e2e7eb;color:#25333e}.tools-dialog,.scenario-modal{background:#fff;color:#252b30;border-color:#b8c1c8}.tools-dialog>header,.demo-steps>div{border-color:#d6dde2}.tools-content .operations-panel,.tools-content .scenario-control-dock,.tools-content .dataset-controls,.tools-content .risk-log-controls,.tools-content .control-details{background:#fff;border-color:#d6dde2}.tools-content .server-analysis,.tools-content .scenario-setting,.tools-content .scenario-number-control,.tools-content .distance-card{background:#f5f7f8;border-color:#d6dde2;color:#252b30}.tools-content .scenario-number-control label b,.tools-content .scenario-setting-label,.tools-content .scenario-control-heading h3{color:#252b30}.tools-content .scenario-control-heading-actions button,.tools-content .bow-badge{color:#46555f;border-color:#b8c1c8;background:#eef2f4}.tools-content .scenario-segmented button[aria-pressed=true],.tools-content .dataset-kind button[aria-pressed=true],.tools-content .sag-pipeline .sag-scale span.active{background:#293138;color:#fff}.tools-content .scenario-segmented small,.tools-content .scenario-segmented strong{color:inherit}.tools-content .panel-tabs button[aria-pressed=true]{color:#252b30;border-color:#52636e}.tools-content .panel-tabs,.tools-content .vessel-card,.tools-content .risk-section,.tools-content .instrument-pair>div+div,.tools-content .dataset-body{border-color:#d6dde2}.tools-content .risk-track{background:#e3e8eb}.tools-content .risk-row>div:first-child,.tools-content .risk-row b,.tools-content .risk-log-values,.tools-content .dataset-progress span,.tools-content .dataset-preview{color:#3c4d56}.tools-content .server-risk.Normal{color:#32634b}.tools-content .server-risk.Loaded{color:#776125}.tools-content .server-risk.GirtingRisk,.tools-content .server-risk.Developing{color:#95571d}.tools-content .server-risk.Critical{color:#a13d30;background:#fff0ed}.tools-content .server-risk.UNKNOWN,.tools-content .server-risk.is-stale{color:#53616a}.tools-content .server-reasons{background:#eef3f5;border-color:#71868f;color:#42515a}.tools-content .server-reasons strong{color:#53616a}.tools-content .safe-text{color:#32634b}.tools-content .danger-text{color:#a33b2c!important}.tools-content .control-details>fieldset>div{background:#fff!important}.tools-content .sag-pipeline .sag-scale span{border-color:#c2cbd2}.tools-content .live-dot,.tools-content .scenario-number-control label,.tools-content .scenario-setting-label small{color:#53616a}:is(.tools-dialog,.scenario-modal) [class*=bg-marine-],:is(.tools-dialog,.scenario-modal) [class*=bg-slate-],:is(.tools-dialog,.scenario-modal) [class*="bg-black/"]{background-color:#f4f6f8!important}:is(.tools-dialog,.scenario-modal) [class*=border-slate-],:is(.tools-dialog,.scenario-modal) [class*=border-cyan-]{border-color:#c4cdd4!important}:is(.tools-dialog,.scenario-modal) [class*=text-slate-],:is(.tools-dialog,.scenario-modal) [class*=text-cyan-],:is(.tools-dialog,.scenario-modal) [class*=text-emerald-]{color:#435660!important}:is(.tools-dialog,.scenario-modal) [class*=bg-cyan-],:is(.tools-dialog,.scenario-modal) [class*=bg-emerald-]{background-color:#d7e1e6!important}:is(.tools-dialog,.scenario-modal) [class*=text-red-]{color:#a3382b!important}:is(.tools-dialog,.scenario-modal) [class*=text-amber-]{color:#875613!important}.scenario-modal .icon-button{color:#53616a}.modal-backdrop{background:#1b2c3b66}.tools-dialog::backdrop{background:#1b2c3b66}.demo-run{background:#293138;color:#fff}.demo-run:disabled{opacity:.65}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline-color:#4c6e85}:root{--ui-bg:#f7f8fa;--ui-panel:#ffffff;--ui-card:#f3f5f7;--ui-button:#eef2f5;--ui-primary:#e0e8ee;--ui-accent:#aabcc8;--ui-text:#202b33;--ui-muted:#596773;--ui-border:#dce2e7;--ui-action:#365e78}.demo-shell .mode-switch button[aria-pressed=true],.demo-panel .demo-start,.demo-shell .simple-views button[aria-pressed=true],.tools-content .scenario-segmented button[aria-pressed=true],.tools-content .dataset-kind button[aria-pressed=true],.tools-content .sag-pipeline .sag-scale span.active,.demo-run{background:var(--ui-action);border-color:var(--ui-action);color:#fff}.demo-panel .demo-start:hover,.demo-run:hover{background:#294c64}.demo-shell .header-scene-toggle,.demo-shell .emergency-button{background:#fff;color:#365267;border-color:#a7b8c4}.demo-shell .emergency-button:hover{background:#eaf0f5;border-color:#6e889a}.demo-shell .emergency-button.released{background:#e6eef4;color:#294c64;border-color:#94acbc}.demo-shell .time-switch button[aria-pressed=true]{background:#dce7ef;color:#294c64}.tools-content .dataset-progress progress{accent-color:#365e78}.tools-content .dataset-toggle input:checked{background:#365e78}.tools-content .dataset-toggle input:after{background:#fff}.tools-content .server-reasons{border-color:#6e98b4}.tools-content .panel-tabs button[aria-pressed=true]{color:#365e78;border-color:#365e78}.tools-content .scenario-setting-label small,.tools-content .scenario-number-control label{color:#596773}.tools-content .control-details input[type=range]{accent-color:#365e78}.tools-content .server-analysis input{background:#fff}.tools-content .server-analysis pre{background:#f1f4f6;color:#334957;padding:10px;border-radius:6px}.tools-content .vessel-meta small,.tools-content .vessel-card>p,.tools-content .instrument-pair small{color:#596773}.hover\:border-cyan-400:hover{--tw-border-opacity: 1;border-color:rgb(110 152 180 / var(--tw-border-opacity, 1))}.hover\:border-cyan-400\/60:hover{border-color:#6e98b499}.hover\:border-red-400:hover{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.hover\:bg-emerald-900:hover{--tw-bg-opacity: 1;background-color:rgb(37 62 77 / var(--tw-bg-opacity, 1))}.hover\:bg-marine-700:hover{--tw-bg-opacity: 1;background-color:rgb(187 199 207 / var(--tw-bg-opacity, 1))}.hover\:bg-red-600\/45:hover{background-color:#dc262673}.hover\:bg-red-900:hover{--tw-bg-opacity: 1;background-color:rgb(127 29 29 / var(--tw-bg-opacity, 1))}.hover\:bg-red-900\/60:hover{background-color:#7f1d1d99}.hover\:bg-slate-700:hover{--tw-bg-opacity: 1;background-color:rgb(54 94 120 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-800:hover{--tw-bg-opacity: 1;background-color:rgb(41 63 79 / var(--tw-bg-opacity, 1))}.hover\:bg-teal-900:hover{--tw-bg-opacity: 1;background-color:rgb(19 78 74 / var(--tw-bg-opacity, 1))}.hover\:text-slate-200:hover{--tw-text-opacity: 1;color:rgb(220 226 231 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-cyan-300{--tw-text-opacity: 1;color:rgb(183 205 220 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:inline{display:inline}}@media (min-width: 768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}