*,: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:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";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:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,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}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.left-2\.5{left:.625rem}.top-0{top:0}.top-1\/2{top:50%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[42dvh\]{height:42dvh}.h-full{height:100%}.max-h-\[36dvh\]{max-height:36dvh}.max-h-\[520px\]{max-height:520px}.min-h-0{min-height:0px}.min-h-\[110px\]{min-height:110px}.min-h-\[120px\]{min-height:120px}.min-h-\[220px\]{min-height:220px}.min-h-\[300px\]{min-height:300px}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[14\%\]{width:14%}.w-\[18\%\]{width:18%}.w-\[54\%\]{width:54%}.w-full{width:100%}.max-w-3xl{max-width:48rem}.max-w-\[108px\]{max-width:108px}.max-w-\[1800px\]{max-width:1800px}.max-w-\[28ch\]{max-width:28ch}.max-w-lg{max-width:32rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y: -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}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize{resize:both}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-dashed{border-style:dashed}.border-border{border-color:hsl(var(--border))}.border-border\/40{border-color:hsl(var(--border) / .4)}.border-border\/50{border-color:hsl(var(--border) / .5)}.border-border\/70{border-color:hsl(var(--border) / .7)}.border-border\/80{border-color:hsl(var(--border) / .8)}.border-input{border-color:hsl(var(--input))}.bg-amber-400\/35{background-color:#fbbf2459}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.bg-background{background-color:hsl(var(--background))}.bg-background\/40{background-color:hsl(var(--background) / .4)}.bg-background\/65{background-color:hsl(var(--background) / .65)}.bg-background\/70{background-color:hsl(var(--background) / .7)}.bg-background\/80{background-color:hsl(var(--background) / .8)}.bg-background\/90{background-color:hsl(var(--background) / .9)}.bg-card{background-color:hsl(var(--card))}.bg-card\/95{background-color:hsl(var(--card) / .95)}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-muted{background-color:hsl(var(--muted))}.bg-muted-foreground\/60{background-color:hsl(var(--muted-foreground) / .6)}.bg-muted\/20{background-color:hsl(var(--muted) / .2)}.bg-muted\/25{background-color:hsl(var(--muted) / .25)}.bg-muted\/65{background-color:hsl(var(--muted) / .65)}.bg-primary{background-color:hsl(var(--primary))}.bg-rose-500{--tw-bg-opacity: 1;background-color:rgb(244 63 94 / var(--tw-bg-opacity, 1))}.bg-sky-500{--tw-bg-opacity: 1;background-color:rgb(14 165 233 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.p-0{padding:0}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pl-8{padding-left:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-4{padding-top:1rem}.pt-\[6dvh\]{padding-top:6dvh}.pt-\[8dvh\]{padding-top:8dvh}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-emerald-500{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-foreground{color:hsl(var(--foreground))}.text-foreground\/80{color:hsl(var(--foreground) / .8)}.text-foreground\/90{color:hsl(var(--foreground) / .9)}.text-inherit{color:inherit}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-muted-foreground\/55{color:hsl(var(--muted-foreground) / .55)}.text-muted-foreground\/70{color:hsl(var(--muted-foreground) / .7)}.text-muted-foreground\/80{color:hsl(var(--muted-foreground) / .8)}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-rose-600{--tw-text-opacity: 1;color:rgb(225 29 72 / var(--tw-text-opacity, 1))}.text-sky-500{--tw-text-opacity: 1;color:rgb(14 165 233 / var(--tw-text-opacity, 1))}.text-sky-600{--tw-text-opacity: 1;color:rgb(2 132 199 / var(--tw-text-opacity, 1))}.text-violet-500{--tw-text-opacity: 1;color:rgb(139 92 246 / var(--tw-text-opacity, 1))}.text-violet-600{--tw-text-opacity: 1;color:rgb(124 58 237 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.opacity-40{opacity:.4}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px 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-\[0_1px_2px_hsl\(var\(--foreground\)\/0\.05\)\]{--tw-shadow: 0 1px 2px hsl(var(--foreground)/.05);--tw-shadow-colored: 0 1px 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-\[0_1px_2px_hsl\(var\(--foreground\)\/0\.12\)\]{--tw-shadow: 0 1px 2px hsl(var(--foreground)/.12);--tw-shadow-colored: 0 1px 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-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 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)}.outline{outline-style:solid}.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)}.ring-offset-background{--tw-ring-offset-color: hsl(var(--background))}.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{--tw-backdrop-blur: blur(8px);-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)}.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)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-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}.duration-150{transition-duration:.15s}:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 222.2 47.4% 11.2%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 222.2 84% 4.9%;--radius: .5rem;--ease-out-strong: cubic-bezier(.22, 1, .36, 1);--ease-pop: cubic-bezier(.34, 1.56, .64, 1)}.dark{--background: 220 13% 18%;--foreground: 220 14% 71%;--card: 221 14% 20%;--card-foreground: 220 14% 71%;--popover: 221 14% 20%;--popover-foreground: 220 14% 71%;--primary: 207 82% 66%;--primary-foreground: 220 27% 14%;--secondary: 220 14% 24%;--secondary-foreground: 220 14% 74%;--muted: 220 14% 24%;--muted-foreground: 220 11% 40%;--accent: 286 60% 66%;--accent-foreground: 220 27% 14%;--destructive: 355 68% 65%;--destructive-foreground: 220 27% 14%;--border: 220 13% 30%;--input: 220 13% 30%;--ring: 207 82% 66%}*{border-color:hsl(var(--border))}body{min-height:100vh;background-color:hsl(var(--background));font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 8% -4%,hsl(var(--primary) / .1),transparent 38%),radial-gradient(circle at 94% -8%,hsl(var(--accent) / .09),transparent 36%),radial-gradient(circle at 52% 112%,hsl(204 100% 52% / .05),transparent 42%)}#root{min-height:100vh}.deck-tooltip{border-radius:12px;border:1px solid hsl(215 20% 88%);background:#fff;color:#263140;padding:.6rem .7rem;font-size:12px;box-shadow:0 4px 16px #2430421a,0 1px 3px #2430420f;pointer-events:none;opacity:0;animation:deck-tooltip-fade .12s ease forwards;will-change:opacity}.deck-tooltip-shell{display:flex;min-width:168px;flex-direction:column;gap:.42rem}.deck-tooltip-title-row{display:flex;align-items:center;gap:.42rem}.deck-tooltip-hex{display:inline-flex;align-items:center;justify-content:center;min-width:1.8rem;height:1.3rem;border-radius:.35rem;border:1px solid hsl(215 25% 86%);background:#f2f4f8;color:#36537d;font-family:var(--font-mono, ui-monospace, monospace);font-size:10px;font-weight:700}.deck-tooltip-title{color:#1d2530;font-size:12px;font-weight:650;letter-spacing:-.01em}.deck-tooltip-meta-row{display:flex;flex-wrap:wrap;gap:.32rem}.deck-tooltip-meta-chip{display:inline-flex;align-items:center;min-height:1.25rem;border-radius:.35rem;border:1px solid hsl(215 25% 88%);background:#f5f7fa;color:#47566b;padding:0 .46rem;font-size:10px;font-weight:600;letter-spacing:.01em}@keyframes deck-tooltip-fade{0%{opacity:0}to{opacity:1}}.deck-tooltip-signal{min-width:180px}.deck-tooltip-signal-header{display:flex;align-items:center;gap:.35rem;font-size:11.5px;font-weight:650;color:#1d2530}.deck-tooltip-signal-header svg{flex-shrink:0;opacity:.6}.deck-tooltip-sample-count{margin-left:auto;font-size:9.5px;font-weight:500;color:#7b899d}.deck-tooltip-hex-id{font-size:9.5px;margin-top:-.1rem}.deck-tooltip-hex-id code{font-family:var(--font-mono, ui-monospace, monospace);font-size:9px;letter-spacing:.02em;color:#667b99;background:#f2f4f8;border:1px solid hsl(215 25% 90%);border-radius:.25rem;padding:.08rem .35rem}.deck-tooltip-signal-grid{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin-top:.18rem}.deck-tooltip-signal-metric{display:flex;flex-direction:column;gap:.1rem;padding:.3rem .42rem;border-radius:.35rem;border:1px solid hsl(215 25% 88%);background:#f5f7fa}.deck-tooltip-signal-label{font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7b899d}.deck-tooltip-signal-value{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.deck-tooltip-signal-value small{font-size:9.5px;font-weight:500;opacity:.6}.deck-tooltip-signal-range{font-size:9px;font-weight:500;color:#6c7c93;font-variant-numeric:tabular-nums}.deck-tooltip-signal-range small{font-size:8.5px;opacity:.7}.deck-tooltip-tone-good{color:#27b07d}.deck-tooltip-tone-fair{color:#dfa30c}.deck-tooltip-tone-bad{color:#e42535}@keyframes panel-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.panel-raise{animation:panel-rise .34s ease both}.panel-glow{box-shadow:0 1px 2px hsl(var(--foreground) / .05),0 16px 34px hsl(var(--foreground) / .1),0 0 0 1px hsl(var(--primary) / .06)}.panel-surface{background-image:linear-gradient(180deg,hsl(var(--card)),hsl(var(--card) / .985)),radial-gradient(circle at 0% 0%,hsl(var(--primary) / .07),transparent 28%),radial-gradient(circle at 100% -8%,hsl(var(--accent) / .06),transparent 30%);border-color:hsl(var(--border) / .8);transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease}.panel-surface:hover{border-color:hsl(var(--primary) / .28);box-shadow:0 1px 2px hsl(var(--foreground) / .06),0 18px 36px hsl(var(--foreground) / .12),0 8px 24px hsl(var(--primary) / .12);transform:translateY(-1px)}.plot-card{position:relative;isolation:isolate;z-index:0}.plot-card:hover{z-index:8}.plot-card-content{position:relative;overflow:visible}.plot-card-chart{position:relative;z-index:12}.plot-card-chart .js-plotly-plot,.plot-card-chart .plot-container,.plot-card-chart .svg-container,.plot-card-chart .main-svg,.plot-card-chart .infolayer,.plot-card-chart .hoverlayer{overflow:visible!important}.plot-card-chart .hoverlayer{pointer-events:none}.plot-card-chart .hoverlayer .hovertext{filter:drop-shadow(0 8px 14px hsl(var(--foreground) / .2))}.panel-title{display:flex;align-items:center;gap:.6rem;margin-top:-.125rem;font-size:1rem;font-weight:600;letter-spacing:-.01em}.panel-title-icon{display:inline-flex;height:2.25rem;width:2.25rem;align-items:center;justify-content:center;border-radius:.72rem;border:1px solid hsl(var(--primary) / .24);background:linear-gradient(180deg,hsl(var(--background)),hsl(var(--muted) / .52)),radial-gradient(circle at 14% 0%,hsl(var(--primary) / .14),transparent 46%);box-shadow:inset 0 1px hsl(var(--background) / .88),0 1px 1px hsl(var(--foreground) / .05),0 8px 18px hsl(var(--foreground) / .1),0 6px 14px hsl(var(--primary) / .14)}.panel-title-icon>svg{width:1.65rem;height:1.65rem;filter:saturate(1.06)}.dark .panel-glow{box-shadow:0 1px 2px hsl(var(--foreground) / .05),0 14px 34px hsl(var(--foreground) / .08)}.dark .panel-surface{background-image:linear-gradient(180deg,hsl(var(--card)),hsl(var(--card) / .985));border-color:hsl(var(--border) / .8)}.dark .panel-surface:hover{border-color:hsl(var(--border));box-shadow:0 1px 2px hsl(var(--foreground) / .06),0 18px 36px hsl(var(--foreground) / .1)}.dark .panel-title-icon{border:1px solid hsl(var(--border) / .85);background:linear-gradient(180deg,hsl(var(--background)),hsl(var(--muted) / .55));box-shadow:0 1px 1px hsl(var(--foreground) / .05),0 8px 18px hsl(var(--foreground) / .08)}.dark .panel-title-icon>svg{filter:none}@keyframes topbar-float{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes topbar-sheen{0%,to{transform:translate(-42%);opacity:0}18%,62%{opacity:.62}78%{transform:translate(42%);opacity:0}}.topbar-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0%,hsl(var(--foreground) / .03) 50%,transparent 100%),radial-gradient(circle at 16% -4%,hsl(216 95% 58% / .12),transparent 36%),radial-gradient(circle at 92% -16%,hsl(258 84% 62% / .08),transparent 36%);opacity:.58}.topbar-shell:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0%,hsl(var(--foreground) / .04) 44%,transparent 75%);transform:translate(-42%);animation:topbar-sheen 9s ease-in-out infinite}.topbar-shell{position:relative;overflow:hidden;border-bottom:1px solid hsl(var(--border) / .94);background:linear-gradient(180deg,#fffffffa,#f8f9fcf5),radial-gradient(circle at 12% -24%,hsl(216 95% 58% / .12),transparent 36%),radial-gradient(circle at 88% -28%,hsl(258 84% 62% / .09),transparent 38%);box-shadow:inset 0 -1px hsl(var(--border) / .72),inset 0 1px #ffffffdb,0 8px 18px #1b243714}.topbar-inner{position:relative;min-height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}@media(max-width:639px){.topbar-inner{grid-template-columns:1fr;gap:.5rem}.topbar-brand,.topbar-actions,.topbar-status{justify-content:center}}.topbar-inner:after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:-.55rem;height:1px;border-radius:999px;pointer-events:none;background:linear-gradient(90deg,#4589f708,#4589f72e,#7e4def29,#7e4def08)}.dark .topbar-shell{border-bottom:1px solid hsl(220 13% 30% / .78);background:linear-gradient(180deg,#2c313afa,#23272ff7),radial-gradient(circle at 14% -10%,hsl(207 82% 66% / .22),transparent 34%),radial-gradient(circle at 90% -14%,hsl(286 60% 66% / .18),transparent 36%);box-shadow:inset 0 -1px #434956a3,inset 0 1px #abb2bf0f,0 14px 30px #13172057}.dark .topbar-shell:before{opacity:.56}.dark .topbar-shell:after{background:linear-gradient(115deg,transparent 0%,hsl(220 14% 71% / .08) 44%,transparent 75%)}.dark .topbar-inner:after{background:linear-gradient(90deg,#61afef0a,#61afef42,#c474dc3d,#c474dc0a)}.topbar-brand{transition:transform .22s ease}.topbar-brand:hover{transform:translateY(-.5px)}.topbar-brand:hover .topbar-brand-icon{transform:translateY(-1px) scale(1.03);box-shadow:0 1px 2px hsl(var(--foreground) / .12),0 10px 18px #2e80fa29}.topbar-brand-icon{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;height:2.35rem;width:2.35rem;border-radius:.78rem;border:1px solid hsl(var(--border) / .9);background:linear-gradient(180deg,#fffffffa,hsl(var(--muted) / .62));color:#2162ca;box-shadow:inset 0 1px #ffffffe6,0 1px 2px hsl(var(--foreground) / .1),0 8px 14px #2e80fa24;animation:topbar-float 2.8s ease-in-out infinite;transition:transform .22s ease,box-shadow .22s ease}.topbar-brand-icon:after{content:"";position:absolute;inset:-2px;z-index:-1;border-radius:.86rem;background:radial-gradient(circle at 20% 0%,hsl(217 92% 62% / .12),transparent 58%),radial-gradient(circle at 88% 100%,hsl(258 84% 62% / .1),transparent 60%)}.dark .topbar-brand-icon{border:1px solid hsl(220 13% 30% / .9);background:linear-gradient(180deg,#353a46f0,#2c303ae6);color:#c474dc;box-shadow:0 1px 2px #1317204d,0 10px 22px #c474dc38}.dark .topbar-brand-icon:after{background:none}.topbar-title{background:linear-gradient(96deg,#222f4f,#0f71f0 58%,#503adf);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 8px hsl(217 92% 62% / .08)}.topbar-heading{display:flex;flex-direction:column;gap:.24rem}.topbar-title-row{display:flex;align-items:baseline;gap:.55rem}.topbar-title-node{color:hsl(var(--muted-foreground) / .9);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11px;letter-spacing:-.01em}.dark .topbar-title{background:linear-gradient(90deg,#d0d4dc,#61afef 56%,#c474dc);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 12px hsl(220 27% 10% / .36)}.dark .topbar-title-node{color:#b3bac6eb}.topbar-status{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.topbar-uplink-text{font-size:11px;line-height:1}.topbar-uplink-chip{display:inline-flex;align-items:center;gap:.34rem;border-radius:999px;border:1px solid hsl(var(--border) / .86);background:linear-gradient(180deg,#fffffff5,hsl(var(--muted) / .62)),radial-gradient(circle at 16% 0%,hsl(217 92% 62% / .08),transparent 52%);box-shadow:inset 0 1px #ffffffe0,0 6px 12px hsl(var(--foreground) / .1),0 2px 6px #4589f714;padding:.18rem .55rem;color:hsl(var(--foreground));font-size:11px;font-weight:600;text-transform:capitalize}.topbar-uplink-chip-online .topbar-status-dot{background:#16df77}.topbar-uplink-chip-offline .topbar-status-dot{background:#f7624b}.dark .topbar-uplink-chip{border:1px solid hsl(220 13% 30% / .84);background:linear-gradient(180deg,#353a46c7,#2c303ab8);box-shadow:inset 0 1px #abb2bf1a,0 8px 18px #13172047;color:#cbcfd8}.topbar-uplink-node{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11px;color:hsl(var(--muted-foreground));letter-spacing:-.01em}.topbar-battery-chip{display:inline-flex;align-items:center;gap:.42rem;border-radius:999px;border:1px solid hsl(var(--border) / .84);background:linear-gradient(180deg,#fffffff5,hsl(var(--muted) / .62));box-shadow:inset 0 1px #ffffffe0,0 5px 10px hsl(var(--foreground) / .08);color:hsl(var(--foreground));padding:.16rem .5rem}.topbar-battery-svg{flex-shrink:0;color:hsl(var(--muted-foreground) / .65)}.topbar-battery-pct{font-size:11px;font-weight:600;line-height:1}.topbar-battery-voltage{font-size:10px;color:hsl(var(--muted-foreground));line-height:1}.topbar-battery-chip-good{border-color:#a8e6c7e0;background:linear-gradient(180deg,#fffffff5,hsl(var(--muted) / .62)),radial-gradient(circle at 18% 0%,hsl(151 71% 45% / .12),transparent 52%);box-shadow:inset 0 1px #ffffffe0,0 5px 10px hsl(var(--foreground) / .08),0 2px 6px #21c4751a}.topbar-battery-chip-warn{border-color:#f8d059e6;background:linear-gradient(180deg,#fffffff5,hsl(var(--muted) / .62)),radial-gradient(circle at 18% 0%,hsl(45 92% 56% / .14),transparent 52%);box-shadow:inset 0 1px #ffffffe0,0 5px 10px hsl(var(--foreground) / .08),0 2px 6px #f6c2281f}.topbar-battery-chip-bad{border-color:#f7828ae6;background:linear-gradient(180deg,#fffffff5,hsl(var(--muted) / .62)),radial-gradient(circle at 18% 0%,hsl(355 83% 58% / .14),transparent 52%);box-shadow:inset 0 1px #ffffffe0,0 5px 10px hsl(var(--foreground) / .08),0 2px 6px #ed3b4a1f}.topbar-battery-chip-na{border-color:hsl(var(--border) / .92)}.topbar-battery-chip-na .topbar-battery-pct{color:hsl(var(--muted-foreground))}.topbar-battery-chip-na .topbar-battery-voltage{color:hsl(var(--muted-foreground) / .85)}.dark .topbar-uplink-node{color:#b3bac6eb}.dark .topbar-battery-chip{border:1px solid hsl(220 13% 30% / .84);background:linear-gradient(180deg,#353a46cc,#2c303abd);box-shadow:inset 0 1px #abb2bf14,0 8px 16px #13172047;color:#cbcfd8}.dark .topbar-battery-chip-good{border-color:#367858e0;background:linear-gradient(180deg,#353a46cc,#2c303abd),radial-gradient(circle at 18% 0%,hsl(151 71% 45% / .2),transparent 52%)}.dark .topbar-battery-chip-warn{border-color:#ae8a29e6;background:linear-gradient(180deg,#353a46cc,#2c303abd),radial-gradient(circle at 18% 0%,hsl(45 92% 56% / .24),transparent 52%)}.dark .topbar-battery-chip-bad{border-color:#9b313ae6;background:linear-gradient(180deg,#353a46cc,#2c303abd),radial-gradient(circle at 18% 0%,hsl(355 83% 58% / .24),transparent 52%)}.dark .topbar-battery-chip-na{border-color:#434956e6}@keyframes topbar-status-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.82}}.topbar-status-dot{width:.45rem;height:.45rem;border-radius:999px;display:inline-block;animation:topbar-status-pulse 1.6s ease-in-out infinite}.topbar-status-dot-online{background:#16df77;box-shadow:0 0 0 3px #16df7738}.topbar-status-dot-active{background:#26b5f7;box-shadow:0 0 0 3px #26b5f733}.topbar-status-dot-offline{background:#f7624b;box-shadow:0 0 0 3px #f7624b2e}.topbar-status-dot-unknown{background:#919cac;box-shadow:0 0 0 3px #919cac2e}.topbar-actions{border-radius:.85rem;border:1px solid hsl(var(--border) / .88);background:linear-gradient(180deg,#fffffff0,hsl(var(--muted) / .58)),linear-gradient(90deg,hsl(217 92% 62% / .05),transparent 45%,hsl(258 84% 62% / .04));box-shadow:inset 0 1px #ffffffdb,0 8px 16px hsl(var(--foreground) / .08),0 2px 8px #4589f70f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.28rem;gap:.32rem}.dark .topbar-actions{border:1px solid hsl(220 13% 30% / .84);background:linear-gradient(180deg,#353a46b3,#2c303a99);box-shadow:inset 0 1px #abb2bf1a,0 12px 24px #13172057}.toolbar-btn{position:relative;overflow:hidden;border-radius:.62rem;border:1px solid hsl(var(--border) / .82);background:linear-gradient(180deg,hsl(var(--background)),hsl(var(--muted) / .6));box-shadow:0 1px 2px hsl(var(--foreground) / .08),0 8px 16px hsl(var(--foreground) / .08);font-weight:550;letter-spacing:.01em;transform-origin:center;will-change:transform;transition:transform .22s var(--ease-out-strong),box-shadow .17s ease,border-color .17s ease}.toolbar-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,hsl(var(--background) / .45) 45%,transparent 100%);transform:translate(-130%);transition:transform .38s ease}.toolbar-btn:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,hsl(210 40% 98% / .14),transparent 45%);opacity:.45}.toolbar-btn:hover{transform:translateY(-1px);border-color:hsl(var(--border));box-shadow:0 4px 10px hsl(var(--foreground) / .1),0 14px 24px hsl(var(--foreground) / .1)}.toolbar-btn:hover:before{transform:translate(120%)}.toolbar-btn:active{transform:translateY(-2px) scale(1.04);transition-timing-function:var(--ease-pop)}.toolbar-btn-icon{transition:transform .2s ease}.toolbar-btn:hover .toolbar-btn-icon{transform:translateY(-1px) scale(1.1) rotate(-4deg)}.toolbar-btn-accent{border-color:hsl(var(--primary) / .42);background:linear-gradient(180deg,hsl(var(--primary) / .18),hsl(var(--background)))}.topbar-shell .toolbar-btn{min-height:2rem;border-color:hsl(var(--border) / .92);background:linear-gradient(180deg,#fffffffa,hsl(var(--muted) / .66));color:hsl(var(--foreground));box-shadow:inset 0 1px #ffffffe6,0 1px 2px hsl(var(--foreground) / .12),0 8px 16px hsl(var(--foreground) / .1)}.topbar-shell .toolbar-btn:before{background:radial-gradient(circle at 50% 50%,hsl(217 92% 62% / .2) 0%,transparent 70%);transform:none;opacity:0;transition:opacity .22s var(--ease-out-strong)}.topbar-shell .toolbar-btn:hover{border-color:hsl(var(--border));background:linear-gradient(180deg,#fffffffc,hsl(var(--muted) / .58));transform:translateY(-1px) scale(1.01);box-shadow:inset 0 1px #ffffffeb,0 4px 12px hsl(var(--foreground) / .14),0 16px 26px hsl(var(--foreground) / .12)}.topbar-shell .toolbar-btn:hover:before{transform:none;opacity:1}.topbar-shell .toolbar-btn-accent{border-color:hsl(var(--primary) / .58);background:linear-gradient(180deg,hsl(var(--primary) / .44),hsl(var(--background) / .96));box-shadow:inset 0 1px hsl(var(--background) / .42),0 1px 2px hsl(var(--foreground) / .18),0 10px 20px hsl(var(--primary) / .26)}.topbar-shell .toolbar-btn-accent:hover{border-color:hsl(var(--primary) / .76);box-shadow:inset 0 1px hsl(var(--background) / .5),0 1px 2px hsl(var(--foreground) / .2),0 16px 28px hsl(var(--primary) / .34)}.theme-toggle-btn{border-radius:.62rem;border:1px solid hsl(var(--border) / .9);background:linear-gradient(180deg,hsl(var(--background)),hsl(var(--muted) / .58));box-shadow:0 1px 2px hsl(var(--foreground) / .08),0 8px 16px hsl(var(--foreground) / .08),inset 0 1px hsl(var(--background));transform-origin:center;will-change:transform;transition:transform .22s var(--ease-out-strong),box-shadow .18s ease,border-color .18s ease;width:2rem;height:2rem;padding:0}.theme-toggle-btn:hover{transform:translateY(-1px);border-color:hsl(var(--border));box-shadow:0 4px 12px hsl(var(--foreground) / .14),0 14px 24px hsl(var(--foreground) / .1),inset 0 1px hsl(var(--background))}.theme-toggle-btn:active{transform:translateY(-2px) scale(1.04);transition-timing-function:var(--ease-pop)}.theme-toggle-btn svg{transition:transform .22s ease,color .22s ease}.theme-toggle-btn:hover svg{transform:rotate(12deg) scale(1.08)}.topbar-shell .theme-toggle-btn{position:relative;overflow:hidden;border-color:hsl(var(--border) / .92);background:linear-gradient(180deg,#fffffffa,hsl(var(--muted) / .64));color:hsl(var(--foreground));box-shadow:inset 0 1px #ffffffe6,0 1px 2px hsl(var(--foreground) / .12),0 8px 16px hsl(var(--foreground) / .1)}.topbar-shell .theme-toggle-btn:before{content:"";position:absolute;inset:-30%;pointer-events:none;background:radial-gradient(circle at 50% 50%,hsl(217 92% 62% / .2) 0%,transparent 72%);opacity:0;transition:opacity .22s var(--ease-out-strong)}.topbar-shell .theme-toggle-btn:hover{border-color:hsl(var(--border));background:linear-gradient(180deg,#fffffffc,hsl(var(--muted) / .56));box-shadow:inset 0 1px hsl(var(--background) / .88),0 4px 12px hsl(var(--foreground) / .16),0 14px 24px hsl(var(--foreground) / .14)}.topbar-shell .theme-toggle-btn:hover:before{opacity:1}.dark .topbar-shell .toolbar-btn,.dark .topbar-shell .theme-toggle-btn{border-color:#434956e6;background:linear-gradient(180deg,#353a46f0,#2c303ae6);color:#bfc4cf;box-shadow:inset 0 1px #abb2bf1a,0 1px 2px #13172057,0 9px 18px #13172047}.dark .topbar-shell .toolbar-btn:before{background:radial-gradient(circle at 50% 50%,hsl(207 82% 66% / .3) 0%,transparent 72%)}.dark .topbar-shell .toolbar-btn:hover,.dark .topbar-shell .theme-toggle-btn:hover{border-color:#586174e6;background:linear-gradient(180deg,#393f4cf5,#2e333deb);box-shadow:inset 0 1px #abb2bf24,0 4px 12px #1317205c,0 16px 28px #13172057}.dark .topbar-shell .toolbar-btn-accent{border-color:#61afef99;background:linear-gradient(180deg,#61afef94,#424857f0);box-shadow:inset 0 1px #d0d4dc3d,0 1px 2px #13172057,0 10px 20px #61afef4d}.dark .topbar-shell .toolbar-btn-accent:hover{border-color:#7dbdf2bd;box-shadow:inset 0 1px #d0d4dc47,0 1px 2px #1317205c,0 16px 28px #61afef66}.nodes-panel{position:relative;overflow:hidden}.nodes-panel:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,hsl(220 90% 60% / .05),transparent 18%),radial-gradient(circle at 0% 0%,hsl(266 92% 72% / .07),transparent 24%)}.nodes-panel-content{gap:.72rem}.nodes-kpi-grid{margin-top:.1rem}.nodes-kpi-card{position:relative;overflow:hidden;border-color:hsl(var(--border) / .82);background:linear-gradient(180deg,hsl(var(--muted) / .42),hsl(var(--background) / .96));box-shadow:inset 0 1px hsl(var(--background) / .8),0 6px 14px hsl(var(--foreground) / .06);transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease}.nodes-kpi-card:after{content:"";position:absolute;inset:0 auto auto 0;height:2px;width:100%;background:linear-gradient(90deg,#3180f6b8,#af76f99e);opacity:.75}.nodes-kpi-card:nth-child(2):after{background:linear-gradient(90deg,#3180f6a3,#1eeb73b3)}.nodes-kpi-card:nth-child(3):after{background:linear-gradient(90deg,#af76f9b8,#3bbff7ad)}.nodes-kpi-card:hover{transform:translateY(-1px);border-color:hsl(var(--border));box-shadow:inset 0 1px hsl(var(--background) / .9),0 10px 18px hsl(var(--foreground) / .08)}.nodes-kpi-label{display:inline-flex;align-items:center;gap:.28rem;letter-spacing:.01em}.nodes-kpi-value{margin-top:.15rem;line-height:1}.nodes-controls{align-items:stretch}.nodes-search-wrap:after{content:"";position:absolute;inset:1px;pointer-events:none;border-radius:calc(var(--radius) - 1px);background:linear-gradient(180deg,hsl(var(--background) / .34),transparent 55%);opacity:.6}.nodes-search-icon{color:hsl(var(--muted-foreground) / .9);transition:color .16s ease,transform .18s ease}.nodes-search{height:2.05rem;border-radius:.72rem;border-color:hsl(var(--border) / .78);background:linear-gradient(180deg,hsl(var(--background) / .98),hsl(var(--muted) / .28));box-shadow:inset 0 1px hsl(var(--background) / .86),0 1px hsl(var(--foreground) / .02);transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.nodes-search:hover{border-color:hsl(var(--border) / .96)}.nodes-search::-moz-placeholder{color:hsl(var(--muted-foreground) / .62);font-weight:500}.nodes-search::placeholder{color:hsl(var(--muted-foreground) / .62);font-weight:500}.nodes-search:focus-visible{border-color:#317af68c;box-shadow:0 0 0 1px #317af640,0 8px 20px #317af61f,inset 0 1px hsl(var(--background) / .9)}.nodes-search-wrap:focus-within .nodes-search-icon{color:#2873f6;transform:translateY(-50%) scale(1.06)}.nodes-role-toggle{align-self:stretch;border-color:hsl(var(--border) / .92);background:linear-gradient(180deg,hsl(var(--muted) / .5),hsl(var(--muted) / .38))}.nodes-role-btn{min-width:2.72rem;font-weight:600;letter-spacing:.01em;transform-origin:center;will-change:transform;transition:transform .22s var(--ease-out-strong),box-shadow .18s ease}.nodes-role-btn:active{transform:translateY(-1px) scale(1.04);transition-timing-function:var(--ease-pop)}.nodes-table-shell{border-color:hsl(var(--border) / .84);background:linear-gradient(180deg,hsl(var(--muted) / .24),hsl(var(--background) / .95));box-shadow:inset 0 1px hsl(var(--background) / .8),inset 0 -1px hsl(var(--border) / .6)}.nodes-table{color:hsl(var(--foreground))}.nodes-table-head{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(180deg,hsl(var(--muted) / .9),hsl(var(--muted) / .82))}.nodes-table-head th{color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.02em;font-size:10px}.nodes-sort-btn{position:relative;align-items:center;letter-spacing:.01em}.nodes-sort-label{display:inline-block;transform:translateY(0) scale(1);transition:transform .22s var(--ease-out-strong)}@keyframes sort-label-bounce{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-.6px) scale(1.08)}to{transform:translateY(0) scale(1)}}.nodes-sort-btn:hover .nodes-sort-label{transform:translateY(-.3px) scale(1.02)}.nodes-sort-btn:active .nodes-sort-label{animation:sort-label-bounce .3s var(--ease-pop)}.nodes-sort-btn:hover .sort-chevron-idle-pair{opacity:.86;transform:scale(1.04)}.sort-chevron{position:relative;display:inline-flex;align-items:center;justify-content:center;width:.82rem;height:.82rem;margin-left:.08rem}.sort-chevron svg{position:absolute;width:.76rem;height:.76rem;stroke-width:2.1;transition:transform .24s var(--ease-out-strong),opacity .22s var(--ease-out-strong),color .22s var(--ease-out-strong)}.sort-chevron-up,.sort-chevron-down{color:hsl(var(--muted-foreground) / .84)}.sort-chevron-up{transform:translateY(2.4px);opacity:.55}.sort-chevron-down{transform:translateY(-2.4px);opacity:.55}.sort-chevron-idle-pair{color:hsl(var(--muted-foreground) / .72);transform:scale(1);opacity:.72}.sort-chevron-idle .sort-chevron-up{transform:translateY(1.8px) scale(.86);opacity:0}.sort-chevron-idle .sort-chevron-down{transform:translateY(-1.8px) scale(.86);opacity:0}.sort-chevron-active .sort-chevron-idle-pair{opacity:0;transform:scale(.88)}.sort-chevron-active.sort-chevron-asc .sort-chevron-up{color:hsl(var(--foreground));transform:translateY(-.6px) scale(1.04);opacity:1}.sort-chevron-active.sort-chevron-asc .sort-chevron-down{transform:translateY(2.8px) scale(.92);opacity:.18}.sort-chevron-active.sort-chevron-desc .sort-chevron-up{transform:translateY(-2.8px) scale(.92);opacity:.18}.sort-chevron-active.sort-chevron-desc .sort-chevron-down{color:hsl(var(--foreground));transform:translateY(.6px) scale(1.04);opacity:1}.nodes-table-row{position:relative}.nodes-table-row td{border-color:hsl(var(--border) / .45);transition:background-color .18s ease,border-color .18s ease}.nodes-table-row:hover td{background:linear-gradient(180deg,hsl(var(--muted) / .32),hsl(var(--muted) / .2))}.nodes-table-row-active td{background:linear-gradient(180deg,hsl(var(--background) / .98),hsl(var(--muted) / .34));border-color:hsl(var(--border) / .62)}.nodes-metric-value{font-weight:560;letter-spacing:-.01em}.nodes-filter-empty{background:linear-gradient(180deg,hsl(var(--muted) / .2),transparent 68%)}.nodes-row-main{display:flex;align-items:center;gap:.58rem}.nodes-row-pin{width:.9rem;height:.9rem;flex-shrink:0;margin-top:.04rem}.nodes-row-name-wrap{display:flex;min-width:0;align-items:center;gap:.48rem}.nodes-row-hex-chip{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;border-radius:.45rem;border:1px solid hsl(var(--border) / .78);background:hsl(var(--muted) / .52);color:hsl(var(--muted-foreground));font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.62rem;font-weight:700;letter-spacing:.08em;line-height:1;padding:.26rem .42rem;text-transform:uppercase}.nodes-row-name-stack{display:inline-flex;min-width:0;align-items:center;gap:.42rem}.nodes-row-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:hsl(var(--foreground) / .92);font-size:.77rem;font-weight:610;letter-spacing:-.01em}.nodes-live-dot{width:.42rem;height:.42rem;flex-shrink:0;border-radius:999px;background:hsl(var(--muted-foreground) / .36);box-shadow:inset 0 0 0 1px hsl(var(--background) / .55)}.nodes-live-dot-active{background:#15d176;box-shadow:inset 0 0 0 1px hsl(var(--background) / .62),0 0 0 3px #15d17629}.nodes-metric-chip{display:inline-flex;align-items:center;gap:.34rem;min-height:1.35rem;border-radius:999px;border:1px solid hsl(var(--border) / .68);background:hsl(var(--background) / .76);padding:0 .4rem;box-shadow:inset 0 1px hsl(var(--background) / .82)}.nodes-metric-chip-online{padding-right:.44rem}.panel-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;min-height:2.5rem;align-items:center;position:relative;overflow:hidden;border-radius:999px;border:1px solid hsl(var(--border) / .75);background:hsl(var(--muted) / .3);padding:.32rem;box-shadow:inset 0 1px hsl(var(--background) / .75),0 1px 4px hsl(var(--foreground) / .05)}.panel-tabs:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 20%,hsl(var(--background) / .35) 52%,transparent 80%);opacity:.35}.panel-tabs-indicator{pointer-events:none;position:absolute;top:.32rem;bottom:.32rem;left:.32rem;width:calc((100% - .64rem)/2);border-radius:999px;background:linear-gradient(180deg,hsl(var(--background)),hsl(var(--background) / .92));box-shadow:0 9px 18px hsl(var(--foreground) / .15),inset 0 1px hsl(var(--background) / .9);transform:translate(calc(var(--tab-index, 0) * 100%));transition:transform .32s cubic-bezier(.22,1,.36,1)}.panel-tab{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;position:relative;z-index:1;border:none;border-radius:999px;background:transparent;color:hsl(var(--muted-foreground));font-size:.78rem;font-weight:600;letter-spacing:.01em;padding:0 .9rem;cursor:pointer;transition:color .22s cubic-bezier(.22,1,.36,1),transform .26s cubic-bezier(.22,1,.36,1)}.panel-tab:hover{color:hsl(var(--foreground));transform:translateY(-1px) scale(1.01)}.panel-tab-active{color:hsl(var(--foreground));transform:translateY(-.5px)}.panel-tab>svg{width:1rem;height:1rem;opacity:.8;transition:opacity .22s ease}.panel-tab-icon{width:1.1rem;height:1.1rem}.panel-tab-icon-nodes{color:#36d399}.panel-tab-icon-traces{color:#9465e7}.panel-tab-icon-mesh{color:#0da2e7}.panel-tab-icon-signal{color:#fbbd23}.signal-controls{display:flex;align-items:center;gap:.65rem;margin-top:.35rem;flex-wrap:wrap}.signal-metric-toggle{display:inline-flex;gap:.15rem;border-radius:999px;border:1px solid hsl(var(--border) / .6);background:hsl(var(--muted) / .25);padding:.15rem;align-self:flex-start}.signal-opacity-slider{display:inline-flex;align-items:center;gap:.15rem;border-radius:999px;border:1px solid hsl(var(--border) / .6);background:hsl(var(--muted) / .25);padding:.15rem;cursor:default}.signal-opacity-label{border:none;background:transparent;border-radius:999px;padding:.15rem .5rem;font-size:.65rem;font-weight:600;letter-spacing:.02em;color:hsl(var(--muted-foreground) / .7);text-transform:uppercase;white-space:nowrap}.signal-opacity-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:58px;height:4px;border-radius:99px;background:hsl(var(--border));outline:none;cursor:pointer}.signal-radius-range{width:72px}.signal-opacity-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:hsl(var(--foreground));border:2px solid hsl(var(--background));box-shadow:0 1px 3px hsl(var(--foreground) / .12);cursor:pointer;-webkit-transition:transform .1s var(--ease-out-strong);transition:transform .1s var(--ease-out-strong)}.signal-opacity-range::-webkit-slider-thumb:hover{transform:scale(1.15)}.signal-opacity-range::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:hsl(var(--foreground));border:2px solid hsl(var(--background));box-shadow:0 1px 3px hsl(var(--foreground) / .12);cursor:pointer}.signal-opacity-value{font-size:.6rem;font-variant-numeric:tabular-nums;font-weight:600;color:hsl(var(--muted-foreground));min-width:1.5rem;text-align:center;padding-right:.3rem}.signal-metric-btn{border:none;background:transparent;border-radius:999px;padding:.15rem .65rem;font-size:.65rem;font-weight:600;letter-spacing:.04em;color:hsl(var(--muted-foreground));cursor:pointer;transition:all .18s ease}.signal-metric-btn:hover{color:hsl(var(--foreground))}.signal-metric-btn-active{background:hsl(var(--background));color:hsl(var(--foreground));box-shadow:0 1px 3px hsl(var(--foreground) / .1)}.signal-dropdown{position:relative;display:inline-flex;align-items:center}.signal-dropdown-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid hsl(var(--border) / .6);background:hsl(var(--muted) / .25);color:hsl(var(--foreground));border-radius:999px;padding:.2rem 1.35rem .2rem .55rem;font-size:.625rem;font-weight:600;letter-spacing:.03em;cursor:pointer;outline:none;transition:all .18s ease;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .4rem center;background-size:8px 5px}.signal-dropdown-select:hover{border-color:hsl(var(--border));background-color:hsl(var(--muted) / .5)}.signal-dropdown-select:focus-visible{border-color:hsl(var(--ring) / .5);box-shadow:0 0 0 2px hsl(var(--ring) / .15)}.signal-dropdown-select option{background:hsl(var(--background));color:hsl(var(--foreground))}.signal-timeline{display:flex;align-items:center;gap:.4rem;margin-top:.35rem}.signal-timeline-play{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1px solid hsl(var(--border) / .6);background:hsl(var(--muted) / .25);color:hsl(var(--foreground));cursor:pointer;transition:all .16s ease}.signal-timeline-play:hover{background:hsl(var(--muted) / .55);border-color:hsl(var(--border))}.signal-timeline-track{display:flex;flex:1;gap:1px;height:16px;align-items:stretch}.signal-timeline-slot{flex:1;border:none;border-radius:2px;background:hsl(var(--border) / .35);cursor:pointer;transition:all .12s ease;min-width:0;padding:0}.signal-timeline-slot-has-data{background:hsl(var(--primary) / .2)}.signal-timeline-slot:hover{background:hsl(var(--primary) / .35)}.signal-timeline-slot-active{background:hsl(var(--primary) / .7);box-shadow:0 0 4px hsl(var(--primary) / .3)}.signal-timeline-label{flex-shrink:0;font-size:.6rem;font-weight:600;font-variant-numeric:tabular-nums;color:hsl(var(--muted-foreground));min-width:3.5rem;text-align:right}.hex-node-list{display:flex;flex-direction:column;gap:.15rem}.hex-node-row{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border-radius:.375rem;cursor:pointer;transition:background .14s ease}.hex-node-row:hover{background:hsl(var(--muted) / .45)}.hex-node-name{flex:1;min-width:0;font-size:.6875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:hsl(var(--foreground))}.hex-node-role{flex-shrink:0;font-size:.5625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.05rem .35rem;border-radius:999px;border:1px solid hsl(var(--border) / .5);color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .3)}.hex-node-role-repeater{color:#af57db;border-color:#af57db4d;background:#af57db14}.hex-node-metric{flex-shrink:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.625rem;font-weight:500}.trace-kpi-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.4rem}.trace-kpi-card{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:.4rem .55rem;border-radius:.5rem;border:1px solid hsl(var(--border) / .7);background:linear-gradient(180deg,hsl(var(--muted) / .38),hsl(var(--background) / .94));box-shadow:inset 0 1px hsl(var(--background) / .8);transition:transform .16s ease,box-shadow .16s ease}.trace-kpi-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3180f699,#af76f980);opacity:.65}.trace-kpi-card:nth-child(2):after{background:linear-gradient(90deg,#af76f999,#1eeb7380)}.trace-kpi-card:nth-child(3):after{background:linear-gradient(90deg,#1eeb7399,#26b5f780)}.trace-kpi-card:hover{transform:translateY(-1px);box-shadow:inset 0 1px hsl(var(--background) / .9),0 6px 14px hsl(var(--foreground) / .06)}.trace-kpi-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:hsl(var(--muted-foreground))}.trace-kpi-value{font-size:15px;font-weight:650;font-family:var(--font-mono, ui-monospace, monospace);color:hsl(var(--foreground));line-height:1.3;margin-top:.05rem}.trace-kpi-value small{font-size:10px;font-weight:500;opacity:.6}.trace-list{display:flex;flex-direction:column;gap:.4rem}.trace-group{display:flex;flex-direction:column;gap:.34rem}.trace-group-header{position:relative;overflow:hidden;padding:0;border-radius:.75rem;border:1px solid hsl(var(--border) / .78);background:linear-gradient(180deg,hsl(var(--background)),hsl(var(--card) / .96));box-shadow:inset 0 1px hsl(var(--background) / .92),0 4px 12px hsl(var(--foreground) / .04);cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.trace-group-header:hover{transform:translateY(-1px);border-color:hsl(var(--primary) / .22);box-shadow:inset 0 1px hsl(var(--background) / .96),0 8px 18px hsl(var(--foreground) / .055)}.trace-group-header-open{border-color:hsl(var(--primary) / .46);box-shadow:inset 0 1px hsl(var(--background) / .96),0 0 0 1px hsl(var(--primary) / .1),0 10px 22px hsl(var(--foreground) / .06);transform:none}.trace-group-header-open:hover{transform:none}.trace-group-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.8rem .82rem .74rem;background:linear-gradient(180deg,hsl(var(--background)),hsl(var(--card) / .98))}.trace-group-title{display:flex;align-items:center;gap:.5rem;font-size:12px;font-weight:560;color:hsl(var(--foreground) / .72);line-height:1.3;min-width:0;letter-spacing:-.015em}.trace-group-node,.trace-hop-node{display:inline-flex;align-items:center;gap:.4rem;min-width:0}.trace-node-chip{display:inline-flex;align-items:center;justify-content:center;min-width:1.65rem;padding:.08rem .38rem;border-radius:.32rem;border:1px solid hsl(var(--border) / .84);background:linear-gradient(180deg,hsl(var(--muted) / .84),hsl(var(--muted) / .68));color:hsl(var(--muted-foreground) / .9);box-shadow:inset 0 1px hsl(var(--background) / .56);font-size:9px;font-weight:700;font-family:var(--font-mono, ui-monospace, monospace);letter-spacing:.04em;line-height:1.2;flex-shrink:0}.trace-group-src,.trace-group-dst{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:14ch;color:hsl(var(--foreground) / .76)}.trace-group-id{margin-left:.35rem;font-size:10px;font-weight:700;color:hsl(var(--muted-foreground) / .85)}.trace-group-arrow{flex-shrink:0;font-size:10px;font-weight:400;color:hsl(var(--muted-foreground) / .54)}.trace-group-chevron{flex-shrink:0;width:14px;height:14px;color:hsl(var(--muted-foreground) / .72);transition:transform .2s cubic-bezier(.22,1,.36,1),color .16s ease}.trace-group-chevron-open{transform:rotate(180deg);color:hsl(var(--primary) / .82)}.trace-group-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.42rem;margin-top:0;padding:.52rem .82rem .58rem;border-top:1px solid hsl(212 68% 88%);background:linear-gradient(180deg,#f7fbff,#f2f8fd);box-shadow:inset 0 1px hsl(var(--background) / .6),inset 0 -1px #deeaf7d9}.trace-group-meta-item{display:inline-flex;align-items:center;gap:.28rem;min-width:0;padding:.14rem .34rem;border-radius:999px;border:1px solid hsl(214 40% 89%);background:hsl(var(--background) / .92);box-shadow:inset 0 1px hsl(var(--background))}.trace-group-meta-value{font-size:9px;font-weight:540;color:hsl(var(--muted-foreground) / .68);font-family:var(--font-mono, ui-monospace, monospace);letter-spacing:-.015em}.trace-group-meta-icon{width:.7rem;height:.7rem;flex-shrink:0;stroke-width:1.9;color:hsl(var(--muted-foreground) / .56)}.trace-group-meta-text{font-size:10px;font-weight:500;color:hsl(var(--muted-foreground) / .82)}.trace-group-meta-item-count{background:hsl(var(--background) / .94)}.trace-group-meta-icon-count{color:hsl(var(--muted-foreground) / .56)}.trace-group-meta-item-distance{border-color:#dde7ee;background:linear-gradient(180deg,#fbfcfe,#f4f9fb)}.trace-group-meta-item-distance .trace-group-meta-value{font-weight:500;color:hsl(var(--muted-foreground) / .68)}.trace-group-meta-icon-distance-known{color:#9465e7}.trace-group-meta-icon-distance-unknown{color:hsl(var(--muted-foreground) / .5)}.trace-group-meta-item-signal{gap:.34rem}.trace-group-meta-icon-signal{color:hsl(var(--muted-foreground) / .56)}.trace-group-meta-item-signal-good{border-color:#bce6d2;background:#edf8f2}.trace-group-meta-item-signal-good .trace-group-meta-value{color:hsl(var(--muted-foreground) / .68)}.trace-group-meta-item-signal-fair{border-color:#c0deec;background:#edf6fa}.trace-group-meta-item-signal-fair .trace-group-meta-value{color:hsl(var(--muted-foreground) / .68)}.trace-group-meta-item-signal-warn{border-color:#f0e2bc;background:#fcf8eb}.trace-group-meta-item-signal-warn .trace-group-meta-value{color:hsl(var(--muted-foreground) / .68)}.trace-group-meta-item-signal-bad{border-color:#eec9cc;background:#fbeff0}.trace-group-meta-item-signal-bad .trace-group-meta-value,.trace-group-meta-item-signal-neutral .trace-group-meta-value{color:hsl(var(--muted-foreground) / .68)}.trace-group-meta-item-time-group{margin-left:auto}.trace-pill{display:inline-flex;align-items:center;gap:.18rem;padding:.1rem .4rem;border-radius:999px;border:1px solid hsl(var(--border) / .45);background:hsl(var(--muted) / .42);font-size:10px;font-weight:600;font-family:var(--font-mono, ui-monospace, monospace);color:hsl(var(--muted-foreground))}.trace-pill-sm{font-size:9px;padding:.06rem .32rem}.trace-pill-square{border-radius:.32rem}.trace-pill-tone{display:inline-flex;align-items:center;gap:.18rem;padding:.1rem .4rem;border-radius:999px;border:1px solid hsl(var(--border) / .45);background:hsl(var(--muted) / .42);font-size:10px;font-weight:600;font-family:var(--font-mono, ui-monospace, monospace)}.trace-pill-signal-good{border-color:#21c4754d;background:#21c47514}.trace-pill-signal-fair{border-color:#26b5f74d;background:#26b5f714}.trace-pill-signal-warn{border-color:#fbbd234d;background:#fbbd2314}.trace-pill-signal-bad{border-color:#ed3b4a4d;background:#ed3b4a14}.trace-pill-time{margin-left:auto;font-size:10px;color:hsl(var(--muted-foreground) / .7);font-style:italic}.trace-group-paths{display:flex;flex-direction:column;gap:.18rem;padding:.5rem 0 .25rem .82rem;margin-top:.38rem;margin-left:.3rem;border-left:2px solid hsl(var(--primary) / .14);animation:trace-paths-enter .2s ease both}@keyframes trace-paths-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.trace-path-item{position:relative;overflow:hidden;border-radius:.6rem;border:1px solid hsl(var(--border) / .68);background:linear-gradient(180deg,hsl(var(--background)),hsl(var(--background) / .98));box-shadow:inset 0 1px hsl(var(--background) / .9),0 1px 2px hsl(var(--foreground) / .03);transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease;animation:trace-path-enter .18s ease both;animation-delay:calc(var(--path-idx, 0) * 40ms)}@keyframes trace-path-enter{0%{opacity:0;transform:translate(-3px)}to{opacity:1;transform:translate(0)}}.trace-path-item-active{position:relative;border-color:hsl(var(--border) / .72);background:linear-gradient(180deg,hsl(var(--background)),hsl(var(--muted) / .2));box-shadow:inset 0 1px hsl(var(--background) / .9),0 6px 14px hsl(var(--foreground) / .04);border-radius:.68rem}.trace-path-item-active:before{content:"";position:absolute;left:0;top:.5rem;bottom:.5rem;width:3px;border-radius:999px;background:hsl(var(--primary) / .6)}.trace-path-item-muted{opacity:.48}.trace-path-item-hovered:not(.trace-path-item-active){border-color:hsl(var(--primary) / .24);background:linear-gradient(180deg,hsl(var(--background)),hsl(var(--primary) / .025));box-shadow:inset 0 1px hsl(var(--background) / .92),0 4px 12px hsl(var(--foreground) / .035)}.trace-path-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .62rem;cursor:pointer;border-radius:.6rem;transition:background-color .16s ease,transform .16s ease}.trace-path-row:hover{background:linear-gradient(180deg,hsl(var(--primary) / .03),hsl(var(--muted) / .42));transform:translate(1px)}.trace-path-item-active .trace-path-row{background:transparent}.trace-path-item-active .trace-path-row:hover{background:hsl(var(--primary) / .06)}.trace-path-main{display:flex;align-items:center;gap:.32rem;min-width:0}.trace-path-hops-icon{width:12px;height:12px;color:hsl(var(--muted-foreground) / .55);flex-shrink:0}.trace-path-hops-num{font-size:10px;font-weight:600;color:hsl(var(--muted-foreground) / .72);font-family:var(--font-mono, ui-monospace, monospace);white-space:nowrap}.trace-path-meta{display:inline-flex;align-items:center;gap:.5rem;margin-left:auto;min-width:0;flex-shrink:0}.trace-path-inline{font-size:10px;font-weight:560;font-family:var(--font-mono, ui-monospace, monospace);white-space:nowrap}.trace-path-inline-signal{color:hsl(var(--muted-foreground) / .72)}.trace-path-inline-signal-good{color:#1eb857}.trace-path-inline-signal-fair{color:#cea309}.trace-path-inline-signal-warn{color:#f96b06}.trace-path-inline-signal-bad{color:#dd2c2c}.trace-path-inline-time{font-size:10px;font-weight:500;color:hsl(var(--muted-foreground) / .55);font-family:var(--font-mono, ui-monospace, monospace);white-space:nowrap}.trace-group-meta-item-time,.trace-group-meta-item-hops{border-color:#dde4ee;background:hsl(var(--background) / .94)}.trace-group-meta-icon-time,.trace-group-meta-icon-hops{color:hsl(var(--muted-foreground) / .56)}.trace-detail{padding:.2rem .58rem .58rem;animation:trace-detail-enter .22s ease both}@keyframes trace-detail-enter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.trace-timeline{position:relative;--trace-rail-x: -.92rem;padding-left:1.48rem;margin:.1rem 0 .55rem}.trace-hop{position:relative;padding:.26rem 0;border-radius:.85rem;transition:background-color .18s ease,box-shadow .18s ease}.trace-hop:not(.trace-hop-last){padding-bottom:1.4rem}.trace-hop:not(.trace-hop-last):after{content:"";position:absolute;left:var(--trace-rail-x);top:calc(.38rem + 6px);bottom:calc(-.38rem - 6px);width:3px;border-radius:999px;background:linear-gradient(180deg,#c9ced9,#d6dae1);transform:translate(-50%);box-shadow:inset 0 1px hsl(var(--background) / .55)}.trace-hop-first{padding-top:0}.trace-hop-last .trace-hop-leg{display:none}.trace-hop-dot{position:absolute;left:calc(var(--trace-rail-x) - 9px);top:.38rem;width:18px;height:18px;border-radius:50%;border:1px solid hsl(214 54% 48% / .22);background:linear-gradient(180deg,#4e8fe4,#3c7fd7);z-index:1;box-shadow:0 0 0 3px hsl(var(--background)),inset 0 1px #ffffff38,0 2px 4px #26355424;transition:transform .16s ease,background-color .16s ease;display:inline-flex;align-items:center;justify-content:center;font-size:6px;font-weight:700;line-height:1;letter-spacing:0;font-family:var(--font-mono, ui-monospace, monospace);color:#fff;text-transform:lowercase}.trace-hop:hover .trace-hop-dot{transform:scale(1.24)}.trace-hop-hovered .trace-hop-dot{background:linear-gradient(180deg,#4e8fe4,#3c7fd7)}.trace-hop-dot-endpoint{border-color:#7445c442;background:linear-gradient(180deg,#9768e8,#824fd8);box-shadow:inset 0 1px #ffffff3d,0 2px 4px #37285324}.trace-hop-intermediate .trace-hop-dot{background:linear-gradient(180deg,#a6bad3,#90a5c1)}.dark .deck-tooltip{border-color:#3d4451;background:#1d212a;color:#d1d7e0;box-shadow:0 8px 24px #07090e80,inset 0 1px #a8b2c714}.dark .deck-tooltip-hex{border-color:#424957;background:#2b303b;color:#a9b5c6}.dark .deck-tooltip-title{color:#e7eaef}.dark .deck-tooltip-meta-chip{border-color:#3d4451;background:#292e38;color:#abb5c4}.dark .deck-tooltip-signal-header{color:#e0e5eb}.dark .deck-tooltip-sample-count{color:#7b899d}.dark .deck-tooltip-hex-id code{color:#8d9bb0;background:#2b303b;border-color:#424957}.dark .deck-tooltip-signal-metric{border-color:#393f4c;background:#242932}.dark .deck-tooltip-signal-label{color:#8491a4}.dark .deck-tooltip-signal-range{color:#7b899d}.dark .deck-tooltip-tone-good{color:#4fd8a6}.dark .deck-tooltip-tone-fair{color:#f4be34}.dark .deck-tooltip-tone-bad{color:#ea535f}.dark .trace-node-chip{border-color:hsl(var(--border) / .78);background:linear-gradient(180deg,#2a303cf5,#242932eb);color:hsl(var(--muted-foreground) / .94);box-shadow:inset 0 1px #a9b3c60f}.dark .trace-group-header{border-color:hsl(var(--border) / .82);background:linear-gradient(180deg,#212630fa,#1c1f26f5);box-shadow:inset 0 1px #abb3c40f,0 8px 18px #090d1538}.dark .trace-group-header:hover{border-color:hsl(var(--primary) / .3);box-shadow:inset 0 1px #b7becd12,0 12px 22px #090d1542}.dark .trace-group-header-open{border-color:hsl(var(--primary) / .48);box-shadow:inset 0 1px #b7becd12,0 0 0 1px hsl(var(--primary) / .14),0 14px 24px #090d1547}.dark .trace-group-top{background:linear-gradient(180deg,#242833fa,#1e2129f5)}.dark .trace-group-title,.dark .trace-group-src,.dark .trace-group-dst,.dark .trace-path-label{color:hsl(var(--foreground) / .88)}.dark .trace-group-id{color:hsl(var(--muted-foreground) / .88)}.dark .trace-group-arrow{color:hsl(var(--muted-foreground) / .48)}.dark .trace-group-chevron{color:hsl(var(--muted-foreground) / .68)}.dark .trace-group-meta{border-top-color:#363b45;background:linear-gradient(180deg,#20242dfa,#1a1d23f5);box-shadow:inset 0 1px #b7becd0d,inset 0 -1px #12141680}.dark .trace-group-meta-item,.dark .trace-group-meta-item-count,.dark .trace-path-meta .trace-group-meta-item{border-color:hsl(var(--border) / .76);background:#242932eb;box-shadow:inset 0 1px #abb3c40d}.dark .trace-group-meta-value,.dark .trace-group-meta-text{color:hsl(var(--muted-foreground) / .88)}.dark .trace-path-hops-icon{color:hsl(var(--muted-foreground) / .5)}.dark .trace-path-hops-num,.dark .trace-path-inline-signal{color:hsl(var(--muted-foreground) / .8)}.dark .trace-path-inline-signal-good{color:#3adf76}.dark .trace-path-inline-signal-fair{color:#f6c823}.dark .trace-path-inline-signal-warn{color:#fa832e}.dark .trace-path-inline-signal-bad{color:#e14747}.dark .trace-path-inline-time{color:hsl(var(--muted-foreground) / .6)}.dark .trace-group-meta-icon,.dark .trace-group-meta-icon-count,.dark .trace-group-meta-icon-time,.dark .trace-group-meta-icon-hops,.dark .trace-group-meta-icon-signal{color:hsl(var(--muted-foreground) / .66)}.dark .trace-pill,.dark .trace-pill-tone{border-color:hsl(var(--border) / .72);background:#242932eb;color:hsl(var(--muted-foreground) / .88)}.dark .trace-pill-signal-good{border-color:#21c47538;background:#21c4751f}.dark .trace-pill-signal-fair{border-color:#26b5f738;background:#26b5f71f}.dark .trace-pill-signal-warn{border-color:#fbbd2338;background:#fbbd231f}.dark .trace-pill-signal-bad{border-color:#ed3b4a38;background:#ed3b4a1f}.dark .trace-group-paths{border-left-color:hsl(var(--primary) / .22)}.dark .trace-path-item{border-color:hsl(var(--border) / .74);background:linear-gradient(180deg,#1e2129f5,#1a1d23f0);box-shadow:inset 0 1px #abb3c40d,0 1px 2px #0a0e151f}.dark .trace-path-item-active{border-color:hsl(var(--primary) / .34);background:linear-gradient(180deg,#212630fa,#1e2129f5);box-shadow:inset 0 1px #b7becd0f,0 8px 18px #0a0e152e}.dark .trace-path-item-hovered:not(.trace-path-item-active){border-color:hsl(var(--primary) / .26);background:linear-gradient(180deg,#20242dfa,#1c1f26f2);box-shadow:inset 0 1px #b7becd0f,0 6px 14px #0a0e1524}.dark .trace-path-row:hover{background:linear-gradient(180deg,hsl(var(--primary) / .08),#272c34a3)}.dark .trace-path-item-active .trace-path-row:hover{background:hsl(var(--primary) / .09)}.dark .trace-detail{background:linear-gradient(180deg,transparent,hsl(222 16% 12% / .22))}.dark .trace-group-meta-item-time,.dark .trace-group-meta-item-hops,.dark .trace-group-meta-item-distance{border-color:hsl(var(--border) / .78);background:#242932e6}.dark .trace-group-meta-item-distance .trace-group-meta-value{color:hsl(var(--muted-foreground) / .92)}.dark .trace-group-meta-icon-distance-known{color:#a981ee}.dark .trace-group-meta-icon-distance-unknown{color:hsl(var(--muted-foreground) / .6)}.dark .trace-group-meta-item-signal{border-color:hsl(var(--border) / .78);background:#242932e6}.dark .trace-group-meta-item-signal-good{border-color:#30885d8c;background:linear-gradient(180deg,#19432feb,#183024e6)}.dark .trace-group-meta-item-signal-fair{border-color:#2b7ca18c;background:linear-gradient(180deg,#163746eb,#152932e6)}.dark .trace-group-meta-item-signal-warn{border-color:#b28a248c;background:linear-gradient(180deg,#483914eb,#332a15e6)}.dark .trace-group-meta-item-signal-bad{border-color:#a72f398c;background:linear-gradient(180deg,#43191ceb,#30181ae6)}.dark .trace-group-meta-item-signal-good .trace-group-meta-value,.dark .trace-group-meta-item-signal-fair .trace-group-meta-value,.dark .trace-group-meta-item-signal-warn .trace-group-meta-value,.dark .trace-group-meta-item-signal-bad .trace-group-meta-value,.dark .trace-group-meta-item-signal-neutral .trace-group-meta-value{color:hsl(var(--muted-foreground) / .92)}.dark .trace-hop:not(.trace-hop-last):after{background:linear-gradient(180deg,#444a55,#373b43);box-shadow:inset 0 1px #818a9c14}.dark .trace-hop-dot{border-color:#6c97d038;background:linear-gradient(180deg,#4986d4,#3371c1);box-shadow:0 0 0 3px #181c25,inset 0 1px #dbdfe614,0 2px 6px #090d1657}.dark .trace-hop-hovered .trace-hop-dot{background:linear-gradient(180deg,#5895e4,#3a7fd9)}.dark .trace-hop-dot-endpoint{border-color:#9f78e34d;background:linear-gradient(180deg,#9766ea,#8049df);box-shadow:0 0 0 3px #181c25,inset 0 1px #dbdfe614,0 2px 6px #120b1d57}.dark .trace-hop-intermediate .trace-hop-dot{background:linear-gradient(180deg,#5c7ba3,#546883)}.dark .trace-hop-name{color:hsl(var(--foreground) / .9)}.dark .trace-hop-name-unresolved{color:hsl(var(--muted-foreground) / .78)}.dark .trace-node-chip-unresolved{border-color:hsl(var(--border) / .68);color:hsl(var(--muted-foreground) / .72)}.dark .trace-hop-leg-dist{color:hsl(var(--muted-foreground) / .72)}.dark .trace-metric{border-color:hsl(var(--border) / .74);background:linear-gradient(180deg,#20242cf0,#1a1d23eb);box-shadow:inset 0 1px #abb3c40d}.dark .trace-metric-good{background:linear-gradient(180deg,#21c4751f,#1a1d23eb)}.dark .trace-metric-fair{background:linear-gradient(180deg,#26b5f71f,#1a1d23eb)}.dark .trace-metric-warn{background:linear-gradient(180deg,#fbbd231f,#1a1d23eb)}.dark .trace-metric-bad{background:linear-gradient(180deg,#ed3b4a1f,#1a1d23eb)}.dark .trace-metric-label{color:hsl(var(--muted-foreground) / .82)}.dark .trace-metric-value{color:hsl(var(--foreground) / .94)}.trace-hop-first .trace-hop-dot{top:.22rem}.trace-hop-first:not(.trace-hop-last):after{top:calc(.22rem + 6px)}.trace-hop-info{display:flex;align-items:baseline;gap:.4rem;min-width:0}.trace-hop-name{font-size:11px;font-weight:600;color:hsl(var(--foreground) / .82);line-height:1.4;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trace-hop-name-unresolved{color:hsl(var(--muted-foreground) / .86)}.trace-node-chip-unresolved{border-style:dashed;color:hsl(var(--muted-foreground) / .74)}.trace-hop-role{font-size:9px;font-weight:500;color:hsl(var(--muted-foreground) / .68);text-transform:uppercase;letter-spacing:.04em}.trace-hop-leg{position:absolute;left:var(--trace-rail-x);top:calc(.34rem + 5px);bottom:calc(-.34rem - 5px);width:0;margin-top:0}.trace-hop-first .trace-hop-leg{top:calc(.18rem + 5px)}.trace-hop-leg-line{display:none}.trace-hop-leg-dist{position:absolute;left:.48rem;top:54%;transform:translateY(-50%);font-size:9px;font-family:var(--font-mono, ui-monospace, monospace);color:hsl(var(--muted-foreground) / .66);letter-spacing:.02em;white-space:nowrap}.trace-pill-kind{font-size:.6rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.08rem .38rem;border-radius:3px;border:1px solid hsl(var(--muted-foreground) / .18);background:hsl(var(--muted) / .4);color:hsl(var(--muted-foreground) / .7)}.trace-pill-kind-trace{border-color:#2ec2b359;background:#2ec2b31a;color:#2ec2b3}.trace-pill-kind-grp{border-color:#3c83f64d;background:#3c83f614;color:#3c83f6}.dark .trace-pill-kind-trace{border-color:#2ec2b34d;background:#2ec2b31f;color:#50e2d4}.dark .trace-pill-kind-grp{border-color:#3c83f640;background:#3c83f61a;color:#6da2f8}.trace-hop-snr{position:absolute;left:3.2rem;top:54%;transform:translateY(-50%);font-size:8.5px;font-family:var(--font-mono, ui-monospace, monospace);font-weight:600;letter-spacing:.02em;white-space:nowrap;padding:.04rem .28rem;border-radius:3px}.trace-hop-snr-good{color:#1eae68;background:#21c4751a}.trace-hop-snr-fair{color:#7fa72f;background:#7fa72f1a}.trace-hop-snr-warn{color:#dfa30c;background:#fbbd231a}.trace-hop-snr-bad{color:#ea1f30;background:#ed3b4a1a}.dark .trace-hop-snr-good{color:#3bde8f;background:#21c47526}.dark .trace-hop-snr-fair{color:#a8d058;background:#7fa72f26}.dark .trace-hop-snr-warn{color:#f5c13d;background:#fbbd2326}.dark .trace-hop-snr-bad{color:#ef4e5b;background:#ed3b4a26}.trace-hop-snr-badge{font-size:8.5px;font-family:var(--font-mono, ui-monospace, monospace);font-weight:600;letter-spacing:.02em;white-space:nowrap;padding:.06rem .3rem;border-radius:3px;margin-left:.25rem}.trace-snr-arrow{display:inline-block;width:10px;height:10px;vertical-align:-.1em;margin-right:.1em;opacity:.7}.trace-hop-planned{opacity:.48}.trace-hop-planned .trace-hop-dot{background:linear-gradient(180deg,#afb5c0,#9aa0ac);border-style:dashed;border-color:#8d95a566}.trace-hop-planned .trace-hop-name{font-style:italic}.trace-hop-planned:not(.trace-hop-last):after{background:repeating-linear-gradient(180deg,hsl(220 15% 78%) 0px,hsl(220 15% 78%) 4px,transparent 4px,transparent 8px)}.dark .trace-hop-planned .trace-hop-dot{background:linear-gradient(180deg,#575e6b,#464a53);border-color:#656c7b66}.dark .trace-hop-planned:not(.trace-hop-last):after{background:repeating-linear-gradient(180deg,hsl(220 10% 28%) 0px,hsl(220 10% 28%) 4px,transparent 4px,transparent 8px)}.trace-metrics{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.trace-metric{position:relative;overflow:hidden;border-radius:.45rem;border:1px solid hsl(var(--border) / .55);background:linear-gradient(180deg,hsl(var(--muted) / .28),hsl(var(--background) / .92));padding:.4rem .5rem;box-shadow:inset 0 1px hsl(var(--background) / .7);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.trace-metric:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;opacity:.7}.trace-metric-good{background:linear-gradient(180deg,#21c4750f,hsl(var(--background) / .92))}.trace-metric-fair{background:linear-gradient(180deg,#26b5f70f,hsl(var(--background) / .92))}.trace-metric-warn{background:linear-gradient(180deg,#fbbd230f,hsl(var(--background) / .92))}.trace-metric-bad{background:linear-gradient(180deg,#ed3b4a0f,hsl(var(--background) / .92))}.trace-metric-good:after{background:linear-gradient(90deg,#21c475cc,#21c47533)}.trace-metric-fair:after{background:linear-gradient(90deg,#26b5f7cc,#26b5f733)}.trace-metric-warn:after{background:linear-gradient(90deg,#fbbd23cc,#fbbd2333)}.trace-metric-bad:after{background:linear-gradient(90deg,#ed3b4acc,#ed3b4a33)}.trace-metric-neutral:after{background:linear-gradient(90deg,hsl(var(--muted-foreground) / .4),transparent)}.trace-metric:hover{transform:translateY(-1px);border-color:hsl(var(--border) / .8);box-shadow:inset 0 1px hsl(var(--background) / .8),0 6px 12px hsl(var(--foreground) / .06)}.trace-metric-label{display:block;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:hsl(var(--muted-foreground));margin-bottom:.15rem}.trace-metric-value{display:block;font-size:14px;font-weight:650;font-family:var(--font-mono, ui-monospace, monospace);line-height:1.2}.trace-metric-value small{font-size:10px;font-weight:500;opacity:.65}.trace-metric-quality{display:block;font-size:9px;font-weight:550;color:hsl(var(--muted-foreground) / .75);margin-top:.1rem;letter-spacing:.01em}.trace-onboard-compact{padding:.35rem .5rem;border-radius:.5rem;border:1px solid hsl(var(--border) / .5);background:linear-gradient(180deg,hsl(var(--muted) / .2),hsl(var(--background) / .8));margin-bottom:-.35rem}.trace-onboard-compact-row{display:flex;flex-direction:row;align-items:flex-start;gap:.5rem;margin-top:.4rem}.trace-onboard-compact-info{flex:1;min-width:0}.trace-onboard-qr{flex-shrink:0;padding:.4rem;border-radius:.5rem;border:1px solid hsl(var(--border) / .4);background:hsl(var(--background))}.trace-onboard-pk-full{width:100%;display:flex;flex-direction:column;gap:.3rem}.trace-onboard-pk-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--muted-foreground) / .6)}.trace-onboard-pk-hex{font-family:var(--font-mono, ui-monospace, monospace);font-size:9.5px;line-height:1.6;color:hsl(var(--foreground) / .85);white-space:pre;-webkit-user-select:all;-moz-user-select:all;user-select:all;padding:.3rem .4rem;border-radius:.25rem;background:hsl(var(--muted) / .25);border:1px solid hsl(var(--border) / .3)}.trace-onboard-pk-copy{position:relative;align-self:flex-start;display:flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;padding:0;border-radius:.3rem;border:1px solid hsl(var(--border) / .5);background:hsl(var(--muted) / .3);color:hsl(var(--muted-foreground));cursor:pointer;transform-origin:center;will-change:transform;transition:transform .18s ease,background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}.trace-onboard-pk-copy-icon,.trace-onboard-pk-check-icon{width:12px;height:12px;transition:opacity .18s ease,transform .18s ease}.trace-onboard-pk-check-icon{position:absolute;opacity:0;transform:scale(.5)}.trace-onboard-pk-copy:hover{transform:translateY(-1px);background:hsl(var(--muted) / .6);color:hsl(var(--foreground));box-shadow:0 2px 8px hsl(var(--foreground) / .1)}.trace-onboard-pk-copy:active{transform:translateY(-1px) scale(.92)}.trace-onboard-pk-copied{background:#21c47526!important;color:#21c475!important;border-color:#21c4754d!important}.trace-onboard-pk-copied .trace-onboard-pk-copy-icon{opacity:0;transform:scale(.5)}.trace-onboard-pk-copied .trace-onboard-pk-check-icon{opacity:1;transform:scale(1)}.dark .trace-onboard-compact{border-color:hsl(var(--border) / .4);background:linear-gradient(180deg,#21263080,#1a1d2366)}.dark .trace-onboard-qr{border-color:hsl(var(--border) / .3);background:#1e2129}.dark .trace-onboard-pk-copy{border-color:hsl(var(--border) / .4);background:#242932b3}.trace-hop-alt-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:.25rem;padding:0 .22rem;border-radius:3px;font-size:8px;font-weight:700;font-family:var(--font-mono, ui-monospace, monospace);color:hsl(var(--muted-foreground) / .7);background:hsl(var(--muted) / .4);border:1px solid hsl(var(--border) / .4);cursor:help;vertical-align:middle;line-height:1.4}.dark .trace-hop-alt-badge{color:hsl(var(--muted-foreground) / .6);background:#2b303b80;border-color:hsl(var(--border) / .3)}.table-row-pop{transition:background-color .16s ease}.table-row-pop:hover{background-color:hsl(var(--muted) / .4)}.scroll-clean{scrollbar-width:thin;scrollbar-color:hsl(var(--muted-foreground) / .35) transparent}.scroll-clean::-webkit-scrollbar{width:8px;height:8px}.scroll-clean::-webkit-scrollbar-track{background:transparent}.scroll-clean::-webkit-scrollbar-thumb{border-radius:999px;border:2px solid transparent;background-clip:padding-box;background-color:hsl(var(--muted-foreground) / .3)}.scroll-clean::-webkit-scrollbar-thumb:hover{background-color:hsl(var(--muted-foreground) / .5)}.unavailable-text{font-size:.7rem;font-style:italic;color:hsl(var(--muted-foreground) / .55);font-weight:400;font-family:inherit}.pk-block{display:flex;align-items:center;gap:.45rem;border-radius:.5rem;border:1px solid hsl(var(--border) / .7);background:hsl(var(--muted) / .25);padding:.3rem .5rem}.pk-hex{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10.5px;color:hsl(var(--foreground) / .75);letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pk-copy-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;height:1.4rem;width:1.4rem;padding:0;border-radius:.35rem;border:1px solid hsl(var(--border) / .55);background:hsl(var(--background) / .8);color:hsl(var(--muted-foreground) / .7);cursor:pointer;transition:all .15s ease}.pk-copy-btn:hover:not(:disabled){border-color:hsl(var(--primary) / .4);color:hsl(var(--primary));background:hsl(var(--primary) / .08)}.pk-copy-btn:disabled{opacity:.35;cursor:default}.dark .pk-block{border-color:hsl(var(--border) / .55);background:#22262f80}.dark .pk-hex{color:hsl(var(--foreground) / .8)}.dark .pk-copy-btn{border-color:hsl(var(--border) / .5);background:#2c303a99;color:hsl(var(--muted-foreground) / .6)}.dark .pk-copy-btn:hover:not(:disabled){border-color:hsl(var(--primary) / .4);color:hsl(var(--primary));background:hsl(var(--primary) / .12)}.selected-panel{position:relative}.selected-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,hsl(var(--primary) / .06),transparent 20%)}.selected-summary{border-color:hsl(var(--border) / .8);background:linear-gradient(180deg,hsl(var(--muted) / .34),hsl(var(--background) / .92))}.selected-metric{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.selected-metric:hover{transform:translateY(-1px);border-color:hsl(var(--border));box-shadow:0 8px 16px hsl(var(--foreground) / .08)}.selected-copy-btn{position:relative;overflow:hidden;border-color:hsl(var(--border) / .78);background:linear-gradient(180deg,hsl(var(--background) / .96),hsl(var(--muted) / .38));box-shadow:inset 0 1px hsl(var(--background) / .92),0 1px 2px hsl(var(--foreground) / .04);transition:transform .18s cubic-bezier(.22,1,.36,1),border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.selected-copy-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,hsl(var(--background) / .32) 42%,transparent 72%);opacity:0;transform:translate(-18%);transition:opacity .18s ease,transform .26s cubic-bezier(.22,1,.36,1);pointer-events:none}.selected-copy-btn:hover:not(:disabled){transform:translateY(-1px) scale(1.015);border-color:hsl(var(--primary) / .34);box-shadow:inset 0 1px hsl(var(--background) / .96),0 8px 18px hsl(var(--foreground) / .09)}.selected-copy-btn:hover:not(:disabled):after{opacity:1;transform:translate(10%)}.selected-copy-btn:active:not(:disabled){transform:translateY(0) scale(.985);box-shadow:inset 0 1px hsl(var(--background) / .78),0 2px 6px hsl(var(--foreground) / .06)}.selected-copy-btn:disabled{opacity:.56}.selected-copy-btn-icon{transition:transform .18s cubic-bezier(.22,1,.36,1),color .18s ease}.selected-copy-btn:hover:not(:disabled) .selected-copy-btn-icon{transform:translateY(-.5px) scale(1.08);color:hsl(var(--primary))}.selected-copy-btn:active:not(:disabled) .selected-copy-btn-icon{transform:scale(.96)}.dark .selected-copy-btn{border-color:hsl(var(--border) / .78);background:linear-gradient(180deg,#242833f5,#1e2129f0);box-shadow:inset 0 1px #b7becd0f,0 1px 2px #0a0e151f}.dark .selected-copy-btn:after{background:linear-gradient(120deg,transparent 0%,hsl(var(--primary) / .12) 42%,transparent 72%)}.dark .selected-copy-btn:hover:not(:disabled){border-color:hsl(var(--primary) / .42);box-shadow:inset 0 1px #c3c9d512,0 10px 20px #0a0e1538}.dark .selected-copy-btn:hover:not(:disabled) .selected-copy-btn-icon{color:hsl(var(--primary) / .92)}.selected-empty,.panel-empty{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.panel-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:999px;border:1px solid hsl(var(--border) / .75);background:hsl(var(--background) / .65);color:hsl(var(--muted-foreground))}.selected-trend{box-shadow:none;overflow:visible}.selected-node-meta{display:inline-flex;align-items:center;gap:.4rem}.selected-node-role{border-radius:999px;border:1px solid hsl(var(--border) / .8);background:hsl(var(--muted) / .45);color:hsl(var(--foreground));font-size:11px;font-weight:600;padding:.1rem .5rem}.selected-node-hex{color:hsl(var(--muted-foreground));font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11px}.selected-trend-toggle{--toggle-count: 2;--toggle-index: 0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.25rem;min-height:1.72rem;position:relative;overflow:hidden;border-radius:999px;border:1px solid hsl(var(--border) / .85);background:hsl(var(--muted) / .45);padding:.12rem;box-shadow:inset 0 1px hsl(var(--background) / .75)}.selected-trend-toggle:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 20%,hsl(var(--background) / .35) 52%,transparent 80%);opacity:.35}.selected-trend-toggle-indicator{pointer-events:none;position:absolute;top:.12rem;bottom:.12rem;left:.12rem;width:calc((100% - .24rem) / var(--toggle-count));border-radius:999px;background:linear-gradient(180deg,hsl(var(--background)),hsl(var(--background) / .92));box-shadow:0 6px 12px hsl(var(--foreground) / .12),inset 0 1px hsl(var(--background));transform:translate(calc(var(--toggle-index) * 100%));transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .26s cubic-bezier(.22,1,.36,1);will-change:transform;z-index:0}.selected-trend-toggle-btn{display:inline-flex;align-items:center;justify-content:center;min-height:1.45rem;position:relative;z-index:1;border-radius:999px;border:0;background:transparent;color:hsl(var(--muted-foreground));font-size:10px;font-weight:600;line-height:1;letter-spacing:.03em;text-transform:uppercase;padding:0 .56rem;transform:translateY(0);transition:background-color .26s var(--ease-out-strong),color .22s var(--ease-out-strong),box-shadow .26s var(--ease-out-strong),transform .26s var(--ease-out-strong)}.selected-trend-toggle-btn:hover{color:hsl(var(--foreground));transform:translateY(-1px) scale(1.01)}.selected-trend-toggle-btn:active{transform:translateY(-1px) scale(1.04);transition-timing-function:var(--ease-pop)}.selected-trend-toggle-btn-active{color:hsl(var(--foreground));transform:translateY(-.5px)}.selected-trend-chart{position:relative;z-index:30;border-radius:.5rem;border:none;background:transparent}.selected-trend-chart,.selected-trend-chart .js-plotly-plot,.selected-trend-chart .plot-container,.selected-trend-chart .svg-container,.selected-trend-chart .main-svg,.selected-trend-chart .infolayer,.selected-trend-chart .hoverlayer{overflow:visible!important}.selected-trend-chart .hoverlayer .hovertext{filter:drop-shadow(0 10px 18px hsl(var(--foreground) / .22))}@keyframes node-panel-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.node-panel-content-blur{filter:blur(2.5px) saturate(.9);opacity:.58;transition:filter .18s ease,opacity .18s ease}.map-panel-content-blur{filter:blur(2px) saturate(.92);opacity:.62;transition:filter .18s ease,opacity .18s ease}.map-canvas-bg{pointer-events:none;z-index:0;background:radial-gradient(circle at 15% 12%,hsl(205 90% 60% / .12),transparent 42%),radial-gradient(circle at 84% 16%,hsl(266 92% 70% / .12),transparent 40%),linear-gradient(180deg,hsl(var(--muted) / .68),hsl(var(--background)))}.map-canvas-bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,hsl(var(--border) / .28) 1px,transparent 1px),linear-gradient(to bottom,hsl(var(--border) / .24) 1px,transparent 1px);background-size:56px 56px;opacity:.45}.map-panel canvas{background:transparent!important}.map-panel-loading{background:hsl(var(--background) / .2)}.map-panel-loading-shell{box-shadow:0 1px 2px hsl(var(--foreground) / .05),0 10px 24px hsl(var(--foreground) / .12)}.node-panel-loading{background:hsl(var(--background) / .2)}.node-panel-loading-shell{box-shadow:0 1px 2px hsl(var(--foreground) / .05),0 10px 24px hsl(var(--foreground) / .12)}.node-panel-loading-icon{width:1rem;height:1rem;animation:node-panel-bounce .5s ease-in-out infinite}@keyframes loading-fade-in{0%{opacity:0}to{opacity:1}}@keyframes loading-shell-in{0%{opacity:0;transform:translateY(4px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.loading-overlay{animation:loading-fade-in .18s ease-out both}.loading-shell{animation:loading-shell-in .26s ease-out both}@keyframes info-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes info-modal-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.info-modal-backdrop{background:hsl(var(--background) / .5);-webkit-backdrop-filter:blur(10px) saturate(.95);backdrop-filter:blur(10px) saturate(.95);animation:info-modal-fade .18s ease-out both}.info-modal-card{position:relative;overflow:hidden;background-image:linear-gradient(180deg,hsl(var(--card) / .98),hsl(var(--card) / .94)),radial-gradient(circle at 8% 0%,hsl(208 95% 62% / .08),transparent 36%),radial-gradient(circle at 95% 0%,hsl(268 92% 72% / .08),transparent 40%);box-shadow:0 24px 54px hsl(var(--foreground) / .22),0 1px 2px hsl(var(--foreground) / .08);animation:info-modal-in .22s ease-out both}.info-modal-icon{width:2rem;height:2rem}.info-modal-close{background:linear-gradient(180deg,hsl(var(--background)),hsl(var(--muted) / .45))}.info-modal-close:hover{box-shadow:inset 0 1px hsl(var(--background) / .95),0 8px 16px hsl(var(--foreground) / .08)}.info-modal-body{position:relative}.info-modal-body-scroll{max-height:calc(88dvh - 3.5rem);overflow-y:auto;scrollbar-width:thin;scrollbar-color:hsl(var(--border) / .5) transparent}.info-modal-body:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,hsl(var(--muted) / .18),transparent 32%),radial-gradient(circle at 18% 10%,hsl(210 94% 60% / .08),transparent 35%),radial-gradient(circle at 82% 18%,hsl(266 92% 68% / .08),transparent 38%)}.info-modal-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:hsl(var(--foreground) / .65)}.info-modal-list{list-style:disc inside;font-size:13px;line-height:1.75}.info-modal-list li{padding-left:.15rem}.info-modal-steps{display:flex;flex-direction:column;gap:.4rem}.info-modal-step{display:flex;align-items:flex-start;gap:.5rem;font-size:13px;line-height:1.5}.info-modal-step-num{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;font-size:10px;font-weight:700;color:hsl(var(--foreground));background:hsl(var(--muted) / .5);border:1px solid hsl(var(--border) / .5)}.info-modal-qr-row{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.info-modal-qr-card{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem;border-radius:.5rem;border:1px solid hsl(var(--border) / .4);background:hsl(var(--background) / .6)}.info-modal-qr-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--foreground) / .55);margin-bottom:.1rem}.info-modal-qr-sublabel{font-size:12px;font-weight:600;color:hsl(var(--foreground) / .85);margin-top:.15rem}.info-modal-qr-pk{font-family:var(--font-mono, ui-monospace, monospace);font-size:8.5px;line-height:1.5;color:hsl(var(--muted-foreground) / .7);white-space:pre;text-align:center;-webkit-user-select:all;-moz-user-select:all;user-select:all}.dark .info-modal-qr-card{background:#1e212999;border-color:hsl(var(--border) / .3)}.dark .info-modal-step-num{background:#2f3541b3;border-color:hsl(var(--border) / .4)}.time-range-toggle{display:inline-flex;gap:.15rem;padding:.12rem;border-radius:.375rem;background:hsl(var(--muted) / .45);box-shadow:inset 0 1px hsl(var(--background) / .75)}.time-range-btn{display:inline-flex;align-items:center;justify-content:center;min-height:1.35rem;padding:0 .5rem;font-size:11px;font-weight:550;border-radius:.25rem;color:hsl(var(--muted-foreground));cursor:pointer;transition:color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.time-range-btn:hover{color:hsl(var(--foreground));transform:translateY(-.5px)}.time-range-btn-active{color:hsl(var(--foreground));background:hsl(var(--background));box-shadow:0 1px 3px hsl(var(--foreground) / .08);transform:translateY(-.5px)}.uplink-metrics-header{display:flex;align-items:center;justify-content:space-between;padding:0 .25rem .5rem}.uplink-metrics-title{font-size:13px;font-weight:600;color:hsl(var(--foreground));letter-spacing:-.01em}.how-to-connect-btn{display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%;padding:.5rem .75rem;border-radius:.5rem;font-size:12px;font-weight:600;letter-spacing:.01em;color:hsl(var(--foreground));border:1px solid hsl(var(--border) / .6);background:linear-gradient(180deg,hsl(var(--muted) / .3),hsl(var(--background) / .9));cursor:pointer;position:relative;overflow:hidden;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease,background .22s ease}.how-to-connect-btn:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#fc30,#ffcc330f,#fc30);opacity:0;transition:opacity .28s ease}.how-to-connect-btn:hover{border-color:#e8ba3080;box-shadow:0 0 12px #f4c02526,0 2px 8px hsl(var(--foreground) / .06);transform:translateY(-1px)}.how-to-connect-btn:hover:before{opacity:1}.how-to-connect-btn:active{transform:translateY(0) scale(.99);box-shadow:0 0 6px #f4c0251a}.how-to-connect-icon{width:14px;height:14px;color:#f4c025;transition:transform .28s cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 0 3px hsl(45 90% 55% / .3))}.how-to-connect-btn:hover .how-to-connect-icon{transform:scale(1.15) rotate(-8deg);filter:drop-shadow(0 0 6px hsl(45 90% 55% / .5))}.dark .how-to-connect-btn{background:linear-gradient(180deg,#22262fcc,#1a1d23e6);border-color:hsl(var(--border) / .4)}.dark .how-to-connect-btn:hover{border-color:#e8ba3066;box-shadow:0 0 16px #f4c0251f,0 2px 8px #0003}.connect-modal-pk-row{display:flex;align-items:flex-start;gap:.4rem}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.placeholder\:text-muted-foreground::-moz-placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-muted-foreground\/80::-moz-placeholder{color:hsl(var(--muted-foreground) / .8)}.placeholder\:text-muted-foreground\/80::placeholder{color:hsl(var(--muted-foreground) / .8)}.hover\:border-border:hover{border-color:hsl(var(--border))}.hover\:bg-muted:hover{background-color:hsl(var(--muted))}.hover\:bg-muted\/60:hover{background-color:hsl(var(--muted) / .6)}.hover\:bg-muted\/65:hover{background-color:hsl(var(--muted) / .65)}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-sky-400:hover{--tw-text-opacity: 1;color:rgb(56 189 248 / var(--tw-text-opacity, 1))}.hover\:shadow-\[0_6px_14px_hsl\(var\(--foreground\)\/0\.18\)\]:hover{--tw-shadow: 0 6px 14px hsl(var(--foreground)/.18);--tw-shadow-colored: 0 6px 14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--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(2px + 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)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color: hsl(var(--background))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.dark\:bg-amber-300\/20:is(.dark *){background-color:#fcd34d33}.dark\:text-amber-300:is(.dark *){--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.dark\:text-emerald-300:is(.dark *){--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.dark\:text-rose-300:is(.dark *){--tw-text-opacity: 1;color:rgb(253 164 175 / var(--tw-text-opacity, 1))}.dark\:text-sky-300:is(.dark *){--tw-text-opacity: 1;color:rgb(125 211 252 / var(--tw-text-opacity, 1))}.dark\:text-violet-300:is(.dark *){--tw-text-opacity: 1;color:rgb(196 181 253 / var(--tw-text-opacity, 1))}@media(min-width:640px){.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:h-\[48dvh\]{height:48dvh}.sm\:max-h-\[42dvh\]{max-height:42dvh}.sm\:w-\[13\%\]{width:13%}.sm\:w-\[24\%\]{width:24%}.sm\:w-\[50\%\]{width:50%}.sm\:max-w-\[170px\]{max-width:170px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:text-right{text-align:right}.sm\:text-xs{font-size:.75rem;line-height:1rem}}@media(min-width:1024px){.lg\:grid-cols-\[1\.3fr_132px\]{grid-template-columns:1.3fr 132px}}@media(min-width:1280px){.xl\:order-1{order:1}.xl\:order-2{order:2}.xl\:order-3{order:3}.xl\:order-4{order:4}.xl\:col-span-3{grid-column:span 3 / span 3}.xl\:h-\[calc\(100dvh-92px\)\]{height:calc(100dvh - 92px)}.xl\:h-full{height:100%}.xl\:max-h-none{max-height:none}.xl\:min-h-0{min-height:0px}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-\[420px\,minmax\(0\,1fr\)\,420px\]{grid-template-columns:420px minmax(0,1fr) 420px}.xl\:grid-rows-\[minmax\(0\,3fr\)_minmax\(0\,1fr\)\]{grid-template-rows:minmax(0,3fr) minmax(0,1fr)}}@media(min-width:1536px){.\32xl\:w-\[26\%\]{width:26%}.\32xl\:w-\[48\%\]{width:48%}.\32xl\:max-w-\[210px\]{max-width:210px}}