@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap";:root,:host{--ol-background-color: white;--ol-accent-background-color: #F5F5F5;--ol-subtle-background-color: rgba(128, 128, 128, .25);--ol-partial-background-color: rgba(255, 255, 255, .75);--ol-foreground-color: #333333;--ol-subtle-foreground-color: #666666;--ol-brand-color: #00AAFF}.ol-box{box-sizing:border-box;border-radius:2px;border:1.5px solid var(--ol-background-color);background-color:var(--ol-partial-background-color)}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);border-top:none;color:var(--ol-foreground-color);font-size:10px;text-align:center;margin:1px;will-change:contents,width;transition:all .25s}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-bar-inner{display:flex}.ol-scale-step-marker{width:1px;height:15px;background-color:var(--ol-foreground-color);float:right;z-index:10}.ol-scale-step-text{position:absolute;bottom:-5px;font-size:10px;z-index:11;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-text{position:absolute;font-size:12px;text-align:center;bottom:25px;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-singlebar{position:relative;height:10px;z-index:9;box-sizing:border-box;border:1px solid var(--ol-foreground-color)}.ol-scale-singlebar-even{background-color:var(--ol-subtle-foreground-color)}.ol-scale-singlebar-odd{background-color:var(--ol-background-color)}.ol-unsupported{display:none}.ol-viewport,.ol-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-viewport canvas{all:unset;overflow:hidden}.ol-viewport{touch-action:pan-x pan-y}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ol-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.ol-control{position:absolute;background-color:var(--ol-subtle-background-color);border-radius:4px}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}.ol-control button{display:block;margin:1px;padding:0;color:var(--ol-subtle-foreground-color);font-weight:700;text-decoration:none;font-size:inherit;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:var(--ol-background-color);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:hover,.ol-control button:focus{text-decoration:none;outline:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em);display:flex;flex-flow:row-reverse;align-items:center}.ol-attribution a{color:var(--ol-subtle-foreground-color);text-decoration:none}.ol-attribution ul{margin:0;padding:1px .5em;color:var(--ol-foreground-color);text-shadow:0 0 2px var(--ol-background-color);font-size:12px}.ol-attribution li{display:inline;list-style:none}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button{flex-shrink:0}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:var(--ol-partial-background-color)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);height:150px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:0;left:0;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:var(--ol-subtle-background-color)}.ol-overviewmap-box{border:1.5px dotted var(--ol-subtle-foreground-color)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}.ol-overviewmap .ol-viewport:hover{cursor:pointer}.locked-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:14px}.locked-icon>:not(.locked-icon-badge){opacity:.45;filter:grayscale(1)}.locked-icon-badge{font-size:10px;color:var(--color-primary-dark)}.locked-icon>:not(.locked-icon-badge)+.locked-icon-badge{position:absolute;right:-5px;bottom:-4px;font-size:9px;padding:2px;border-radius:50%;background:var(--color-bg-white);box-shadow:0 0 0 1px var(--color-primary-soft-border)}.custom-select-option:has(.locked-icon) .custom-select-option-text{color:var(--color-text-faint)}.custom-select-option:has(.locked-icon):hover .custom-select-option-text{color:var(--color-primary-dark)}.welcome-region-card.locked{position:relative;background:repeating-linear-gradient(135deg,var(--color-surface-2) 0 6px,var(--color-bg-panel) 6px 12px);border-style:dashed;color:var(--color-text-faint)}.welcome-region-card.locked .welcome-region-flag{opacity:.45;filter:grayscale(1)}.welcome-region-card.locked:hover{border-color:var(--color-primary);color:var(--color-primary-dark)}.welcome-region-lock{position:absolute;top:8px;right:8px;font-size:11px;color:var(--color-primary-dark)}.locked-overlay{z-index:calc(var(--z-modals) + 10)}.modal-content-locked{max-width:400px;text-align:center;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md)}.locked-hero{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.locked-hero-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary-dark);font-size:22px;box-shadow:inset 0 0 0 1px var(--color-primary-soft-border)}.locked-title{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text)}.locked-text{margin:0 0 var(--spacing-xs);color:var(--color-text-soft);line-height:1.5}.locked-text strong{color:var(--color-text)}.locked-email{display:inline-flex;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-sm) 0 var(--spacing-md);padding:8px 14px;border-radius:var(--control-radius);background:var(--color-primary-soft);color:var(--color-primary-dark);font-weight:var(--font-weight-semibold);text-decoration:none;word-break:break-all}.locked-email:hover{background:var(--color-primary-soft-border)}.locked-actions{display:flex;justify-content:center;gap:var(--spacing-sm)}.locked-button{appearance:none;font-family:var(--font-family);font-size:var(--font-size-sm, 14px);cursor:pointer;padding:8px 18px;border-radius:var(--control-radius);border:1px solid var(--color-border);background:var(--color-bg-white);color:var(--color-text);text-decoration:none}.locked-button:hover{border-color:var(--color-border-hover);background:var(--color-bg-panel)}.locked-button-primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-bg-white)}.locked-button-primary:hover{border-color:var(--color-primary-dark);background:var(--color-primary-dark)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Open Sans,sans-serif;overflow:hidden}.app-root{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden}:root{--color-primary: #1070B2;--color-primary-dark: #0E5587;--color-primary-dark-pastel: #0e558745;--color-primary-soft: #DBEAF3;--color-primary-soft-border: #ABCDE4;--color-primary-background: #f7f7f7;--color-primary-light: rgba(16, 112, 178, .25);--color-border: #dedede;--color-border-hover: #ccc;--color-border-strong: #c3cfe2;--color-bg-panel: #f9f9f9;--color-bg-white: #fff;--color-bg-disabled: #e0e0e0;--color-surface-2: #f0f0f0;--color-text: #333;--color-shadow: rgba(0, 0, 0, .1);--color-shadow-modal: rgba(0, 0, 0, .2);--color-brand-blue: #1070B2;--color-brand-blue-dark: #0E5587;--color-brand-blue-darker: #0A4166;--color-brand-blue-alpha-10: rgba(16, 112, 178, .1);--color-brand-blue-alpha-15: rgba(16, 112, 178, .15);--color-brand-blue-alpha-20: rgba(16, 112, 178, .2);--color-brand-blue-alpha-30: rgba(16, 112, 178, .3);--color-brand-blue-alpha-40: rgba(16, 112, 178, .4);--color-brand-blue-alpha-50: rgba(16, 112, 178, .5);--color-success: #4caf50;--color-success-dark: #43a047;--color-success-bg-from: #e8f5e9;--color-success-bg-to: #c8e6c9;--color-success-bg-hover-from: #c8e6c9;--color-success-bg-hover-to: #a5d6a7;--color-success-text: #156d21;--color-success-text-hover: #1b5e20;--color-success-alpha-10: rgba(76, 175, 80, .1);--color-success-alpha-15: rgba(76, 175, 80, .15);--color-success-alpha-20: rgba(76, 175, 80, .2);--color-success-alpha-25: rgba(76, 175, 80, .25);--color-danger: #dc3545;--color-danger-dark: #bd2130;--color-danger-bg: #faeced;--color-danger-bg-hover: #f9dde0;--color-danger-text: #721c24;--color-danger-alpha-20: rgba(229, 57, 53, .2);--color-danger-alpha-30: rgba(229, 57, 53, .3);--color-danger-alpha-45: #ff5e0775;--color-warning: #ffc107;--color-warning-bg: #fff9e6;--color-warning-text: #856404;--color-warning-alpha-30: rgba(255, 193, 7, .35);--color-orange: #fd7e14;--color-text-muted: #6c757d;--color-text-soft: #52525b;--color-text-faint: #71717a;--color-text-placeholder: #999;--color-ink: #000;--color-ink-rgb: 13, 77, 115;--color-ink-alpha-5: rgba(0, 0, 0, .05);--color-ink-alpha-10: rgba(0, 0, 0, .1);--color-ink-alpha-15: rgba(0, 0, 0, .15);--color-ink-alpha-25: rgba(0, 0, 0, .25);--color-ink-alpha-30: rgba(0, 0, 0, .3);--color-ink-alpha-50: rgba(0, 0, 0, .5);--color-ink-alpha-90: rgba(0, 0, 0, .88);--color-overlay: rgba(0, 0, 0, .45);--color-shadow-soft: rgba(0, 0, 0, .06);--color-shadow-strong: rgba(0, 0, 0, .3);--color-white-rgb: 255, 255, 255;--color-white-alpha-10: rgba(255, 255, 255, .1);--color-white-alpha-20: rgba(255, 255, 255, .2);--color-white-alpha-30: rgba(255, 255, 255, .3);--color-white-alpha-80: rgba(255, 255, 255, .8);--color-white-alpha-85: rgba(255, 255, 255, .85);--color-panel-rgb: 249, 249, 249;--color-highlight: #ffeb3b;--color-label-halo: #fffffff1;--color-no-data: #e0e0e0;--color-polygon-fill: rgba(200, 200, 200, .5);--color-popup-bg: #1e1e2e;--color-popup-border: #333;--color-popup-text: #e0e0e0;--color-popup-text-secondary: #aaa;--color-popup-shadow: rgba(0, 0, 0, .4);--color-mgm-bg-from: #ffcdd2;--color-mgm-bg-to: #ef9a9a;--color-device-topraq-alpha-20: rgba(0, 102, 204, .2);--color-device-topraq-alpha-30: rgba(0, 102, 204, .3);--spacing-xs: 6px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-1: 1px;--spacing-2: 2px;--spacing-3: 3px;--spacing-6: 6px;--spacing-10: 10px;--spacing-14: 14px;--spacing-36: 36px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 10px;--radius-full: 50%;--font-family: "Open Sans", sans-serif;--font-size-xs: 9px;--font-size-sm: 11px;--font-size-base: 12px;--font-size-md: 13px;--font-size-lg: 14px;--font-size-xl: 16px;--font-size-2xl: 18px;--font-size-3xl: 24px;--font-size-4xl: 30px;--font-size-5xl: 36px;--font-size-6xl: 48px;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--z-legend: 0;--z-controls: 1000;--z-containers: 1001;--z-modals: 2000;--z-loading: 9999;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--control-border-width: 2px;--control-radius: var(--radius-md);--control-transition: all .2s ease;--control-height: 34px;--opacity-disabled: .5;--opacity-muted: .85;--panel-bg-opacity: .3;--control-bg-opacity: .9;--scrollbar-width: auto;--scrollbar-track: var(--color-primary-background);--scrollbar-thumb: var(--color-primary-dark-pastel);--scrollbar-thumb-hover: var(--color-primary-dark)}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-sm);transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:auto;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.fade-normal{transition:opacity var(--duration-normal) ease-in-out,transform var(--duration-normal) ease-in-out}.fade-slow{transition:opacity var(--duration-slow) ease-in-out,transform var(--duration-slow) ease-in-out}.fade-visible{opacity:1;transform:translateY(0);pointer-events:auto}.fade-hidden{opacity:0;transform:translateY(10px);pointer-events:none}.loading{position:fixed;inset:0;background:var(--color-ink-alpha-50);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-loading);display:flex;flex-direction:column;justify-content:center;align-items:center;animation:fadeIn .3s ease-in}.loading-logo{width:120px;height:auto;margin-bottom:2dvh;animation:blink 1.2s ease-in-out infinite;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 4px 8px var(--color-shadow-modal))}@keyframes blink{15%,85%{opacity:1}50%{opacity:0}}.progress{width:25%;min-width:200px;max-width:400px;height:14px;background-color:var(--color-surface-2);border-radius:var(--radius-md);overflow:hidden;margin-top:2dvh;border:2px solid var(--color-border);box-shadow:0 2px 8px var(--color-shadow)}.progress-bar{height:100%;background-color:var(--color-primary);transition:width .3s ease-in-out}.settings-logo{height:100%;max-height:var(--font-size-5xl);width:auto;-webkit-user-select:none;user-select:none}.styled-checkbox i,.panel-button i,.box-cont i{color:var(--color-primary-dark);margin-right:var(--spacing-sm);display:inline-block;width:1.25em;text-align:center}.panel-component,.box-cont,.box-cont-s,.panel-button{font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:var(--font-size-md);border:var(--control-border-width) solid var(--color-border);border-radius:var(--control-radius);transition:var(--control-transition);-webkit-user-select:none;user-select:none;box-sizing:border-box}button.panel-button,button.box-cont,.chat-toggle-button,.chatbox-close,.chatbox-send-button,.chatbox-suggestion-button,.chatbox-query-action-button,.chatbox-analyze-button-full,.device-chip{appearance:none;-webkit-appearance:none;font-family:var(--font-family);cursor:pointer}.selection-panel,.container-t-l,.panel-card,.legend-container{background:rgba(var(--color-panel-rgb),var(--panel-bg-opacity));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:var(--control-border-width) solid var(--color-border);border-radius:var(--control-radius);box-shadow:0 4px 16px var(--color-shadow)}.panel-card{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-sm)}.panel-divider{height:1px;background:var(--color-border);margin:var(--spacing-2) 0}.panel-card .box-cont-b{width:100%;align-items:stretch}.panel-card .button-wrapper{width:100%;display:block}.panel-card .panel-button{width:100%}.selection-panel{position:absolute;bottom:calc(1.5dvh + env(safe-area-inset-bottom,0px));left:.8vw;z-index:var(--z-controls);display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md)}.selection-panel-grid{display:contents}.selection-panel-grid>.selector-group{width:130px;min-width:0}.selection-panel .custom-select-wrapper{width:100%}.selection-panel-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-base);font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.5px}.selection-panel-label .info-tip{margin-left:2px;flex:0 0 auto}.selection-panel .panel-divider{width:1px;height:auto;align-self:stretch;margin:0}.container-t-l{position:absolute;top:1dvh;left:.8vw;z-index:var(--z-containers);display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-2);padding:var(--spacing-sm)}.container-t-r{position:absolute;top:1dvh;right:.8vw;z-index:var(--z-containers);display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm)}.box-cont{display:flex;align-items:center;justify-content:flex-start;padding:var(--spacing-sm) var(--spacing-md);min-height:var(--spacing-36);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text);text-align:left;width:100%}.box-cont:hover{background-color:var(--color-brand-blue-alpha-10)}.box-cont.active{background-color:var(--color-brand-blue-alpha-10);color:var(--color-brand-blue-darker)}.box-cont.active i{color:var(--color-brand-blue)}.box-cont-s{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);text-align:center}.box-cont-b{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;text-align:center}.button-wrapper{display:inline-block;position:relative}.button-wrapper[data-tooltip]:not([data-tooltip=""]):hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--spacing-sm);padding:var(--spacing-6) var(--spacing-10);background-color:var(--color-ink-alpha-90);color:var(--color-bg-white);font-size:var(--font-size-sm);white-space:nowrap;border-radius:4px;z-index:10000;pointer-events:none}.button-wrapper[data-tooltip]:not([data-tooltip=""]):hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:2px;border:6px solid transparent;border-top-color:var(--color-ink-alpha-90);z-index:10000;pointer-events:none}button.panel-button{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:var(--spacing-sm) var(--spacing-md);min-height:var(--spacing-36);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text);font-weight:var(--font-weight-medium);outline:none;text-align:left;white-space:nowrap;cursor:pointer;transition:var(--control-transition)}button.panel-button:not(:disabled):hover{background:var(--color-brand-blue-alpha-10)}button.panel-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.styled-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.styled-checkbox input{position:absolute;opacity:0;width:0;height:0}.checkbox-square{position:relative;display:inline-block;width:20px;height:20px;background-color:var(--color-bg-white);border:2px solid var(--color-border);transition:all .5s;border-radius:var(--radius-sm)}input:checked+.checkbox-square{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.styled-checkbox .checkbox-text{font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.legend-container{position:absolute;bottom:1dvh;right:.8vw;padding:var(--spacing-md);font-weight:var(--font-weight-medium);z-index:var(--z-legend);-webkit-user-select:none;user-select:none;min-width:0;max-width:165px;width:max-content}.legend-header{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.legend-header .legend-subsection-title{margin-bottom:0;align-items:flex-start}.legend-subsection-title>span:first-child{flex:1 1 auto;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.3}.legend-subsection-title .info-tip{flex:0 0 auto;margin-top:1px}.legend-palette-section{display:flex;justify-content:center}.legend-palette-section .custom-select-wrapper{width:100%}.legend-palette-swatch{display:inline-block;width:32px;height:14px;border-radius:var(--radius-xs);box-shadow:0 0 0 1px var(--color-shadow);flex-shrink:0}.legend-items-section{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.legend-item{display:flex;align-items:center;gap:var(--spacing-sm)}.legend-color-box{width:18px;height:18px;border-radius:var(--radius-sm);flex-shrink:0;border:1px solid var(--color-ink-alpha-15)}.legend-label{font-size:var(--font-size-md);color:var(--color-text);line-height:1.3}.legend-subsection{padding-top:var(--spacing-md);margin-top:var(--spacing-xs);border-top:1px solid var(--color-border)}.legend-subsection-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-muted, var(--color-text));margin-bottom:var(--spacing-sm)}.legend-toggle-section{padding-top:var(--spacing-md);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;gap:var(--spacing-6)}.legend-toggle-section .styled-checkbox{margin:0}.info-tip{position:relative;display:inline-flex;align-items:center;text-transform:none;letter-spacing:normal;font-weight:var(--font-weight-regular, 400)}.info-tip-btn{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-muted);cursor:help;border-radius:50%;transition:color .15s ease,background-color .15s ease;width:28px;height:28px;margin:-6px;padding:0;line-height:1}.info-tip-sm .info-tip-btn{font-size:var(--font-size-sm)}.info-tip-md .info-tip-btn{font-size:var(--font-size-lg)}.info-tip-btn:hover,.info-tip-btn:focus-visible,.info-tip.is-open .info-tip-btn{color:var(--color-brand-blue, var(--color-primary-dark));background-color:var(--color-brand-blue-alpha-10);outline:none}.info-tip.is-pinned .info-tip-btn{color:var(--color-brand-blue, var(--color-primary-dark));background-color:var(--color-brand-blue-alpha-15)}.info-tip-panel{z-index:10001;width:max-content;max-width:300px;padding:var(--spacing-10, 10px) var(--spacing-md);background-color:var(--color-ink-alpha-90);color:var(--color-bg-white);border-radius:var(--radius-md, 8px);box-shadow:0 6px 20px var(--color-shadow-modal);font-size:var(--font-size-sm);line-height:1.45;text-align:left;white-space:normal;-webkit-user-select:text;user-select:text;animation:infoTipIn .16s ease}.info-tip-arrow{position:absolute;width:10px;height:10px;background:inherit;background-color:var(--color-ink-alpha-90);transform:rotate(45deg)}.info-tip-above .info-tip-arrow{bottom:-5px}.info-tip-below .info-tip-arrow{top:-5px}.info-tip-anchor-left .info-tip-arrow{left:12px}.info-tip-anchor-right .info-tip-arrow{right:12px}.info-tip-text{margin:0}.info-tip-panel .info-tip-title{display:block;font-weight:var(--font-weight-bold);font-size:var(--font-size-md);margin-bottom:var(--spacing-xs);color:var(--color-bg-white)}.info-tip-panel a{color:var(--color-bg-white);text-decoration:underline;opacity:.9}.info-tip-panel a:hover{opacity:1}.info-tip-panel .info-tip-list{list-style:none;margin:var(--spacing-sm) 0 0;padding:var(--spacing-sm) 0 0;border-top:1px solid var(--color-white-alpha-20);display:flex;flex-direction:column;gap:4px;font-size:var(--font-size-sm)}@keyframes infoTipIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(hover:none){.info-tip-btn{cursor:pointer}}.modal-overlay{position:fixed;inset:0;background-color:var(--color-overlay);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modals);animation:modalOverlayIn .2s ease}.modal-content{background-color:var(--color-bg-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);width:90%;max-height:90dvh;overflow:auto;box-shadow:0 12px 48px var(--color-shadow-modal);animation:modalContentIn .24s cubic-bezier(.16,1,.3,1)}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalContentIn{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content-pie{max-width:700px}.modal-content-timeseries{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg)}.modal-title{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text)}.modal-close{background:none;border:none;font-size:var(--font-size-3xl);cursor:pointer;color:var(--color-bg-panel);padding:0;width:var(--spacing-3xl);height:var(--spacing-3xl);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background-color .2s ease,color .2s ease}.modal-close:hover{background-color:var(--color-surface-2);color:var(--color-text)}.chart-container{width:100%;margin:0 auto;padding:var(--spacing-xs) var(--spacing-md);min-height:350px}.chart-container-pie{width:90%;padding-bottom:8px}.chart-container-timeseries{max-width:100%;min-height:400px}.modal-content-pie,.modal-content-timeseries,.modal-content-product-comparison,.modal-content-settings,.modal-content-documentation,.modal-content-feature-detail{padding:0;max-height:90dvh;height:auto;overflow:hidden;display:flex;flex-direction:column}.modal-content-pie .modal-header,.modal-content-timeseries .modal-header,.modal-content-product-comparison .modal-header,.modal-content-settings .modal-header,.modal-content-documentation .modal-header,.modal-content-feature-detail .modal-header{background:var(--color-primary-dark);color:var(--color-bg-white);border-radius:var(--radius-lg) var(--radius-lg) 0 0;flex-shrink:0}.modal-content-pie .modal-title,.modal-content-timeseries .modal-title,.modal-content-product-comparison .modal-title,.modal-content-settings .modal-title,.modal-content-documentation .modal-title,.modal-content-feature-detail .modal-title{display:flex;align-items:center;gap:var(--spacing-10);color:var(--color-bg-white)}.modal-content-pie .modal-title i,.modal-content-timeseries .modal-title i,.modal-content-product-comparison .modal-title i,.modal-content-settings .modal-title i,.modal-content-documentation .modal-title i,.modal-content-feature-detail .modal-title i{font-size:var(--font-size-2xl)}.modal-content-pie .modal-close,.modal-content-timeseries .modal-close,.modal-content-product-comparison .modal-close,.modal-content-settings .modal-close,.modal-content-documentation .modal-close,.modal-content-feature-detail .modal-close{background:var(--color-white-alpha-10);border:none;color:var(--color-bg-white);width:var(--spacing-3xl);height:var(--spacing-3xl);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);transition:background .2s ease}.modal-content-pie .modal-close:hover,.modal-content-timeseries .modal-close:hover,.modal-content-product-comparison .modal-close:hover,.modal-content-settings .modal-close:hover,.modal-content-documentation .modal-close:hover,.modal-content-feature-detail .modal-close:hover{background:var(--color-white-alpha-30)}.modal-content-documentation{max-width:720px;width:90%}.documentation-content{padding:var(--spacing-xl) var(--spacing-2xl) var(--spacing-2xl);flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-md)}.doc-intro{margin:0;font-size:var(--font-size-md);line-height:1.55;color:var(--color-text-soft)}.doc-eyebrow{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-brand-blue-dark);text-transform:uppercase;letter-spacing:.6px}.doc-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.doc-step{position:relative;display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-lg) var(--spacing-md) var(--spacing-md);border:1px solid var(--color-primary-soft-border);border-radius:var(--control-radius);background:linear-gradient(180deg,var(--color-primary-soft) 0%,var(--color-bg-white) 70%)}.doc-step-num{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:20px;height:20px;border-radius:999px;background:var(--color-brand-blue);color:var(--color-bg-white);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center}.doc-step-icon{font-size:var(--font-size-3xl);color:var(--color-brand-blue);margin-bottom:var(--spacing-xs)}.doc-step-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-brand-blue-darker)}.doc-step-desc{font-size:var(--font-size-sm);line-height:1.45;color:var(--color-text-soft)}.doc-tabs{display:flex;gap:var(--spacing-xs);border-bottom:1px solid var(--color-border);margin-top:var(--spacing-xs)}.doc-tab{appearance:none;-webkit-appearance:none;font-family:var(--font-family);display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-bottom:3px solid transparent;margin-bottom:-1px;background:transparent;color:var(--color-text-faint);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--control-transition)}.doc-tab:hover{color:var(--color-brand-blue-dark);background:var(--color-brand-blue-alpha-10)}.doc-tab.active{color:var(--color-brand-blue-darker);border-bottom-color:var(--color-brand-blue)}.doc-tab:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-brand-blue-alpha-20)}.doc-panel{display:flex;flex-direction:column;gap:var(--spacing-xl);padding-top:var(--spacing-xs)}.doc-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.doc-section-title{margin:0;padding-left:var(--spacing-md);border-left:4px solid var(--color-brand-blue);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:1.2}.doc-text{margin:0;font-size:var(--font-size-md);line-height:1.55;color:var(--color-text-soft)}.doc-bullets{margin:0;padding-left:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--font-size-md);line-height:1.5;color:var(--color-text-soft)}.doc-bullets li::marker{color:var(--color-brand-blue)}.doc-bullets strong{color:var(--color-text)}.doc-flow{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.doc-flow-chip{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md) var(--spacing-xs) var(--spacing-xs);border-radius:999px;border:1px solid var(--color-brand-blue-alpha-30);background:var(--color-brand-blue-alpha-10);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-brand-blue-darker);line-height:1}.doc-flow-num{width:18px;height:18px;border-radius:999px;background:var(--color-brand-blue);color:var(--color-bg-white);font-size:var(--font-size-sm);display:flex;align-items:center;justify-content:center}.doc-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.doc-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--control-radius);background:var(--color-bg-panel)}.doc-row-icon{flex:0 0 34px;height:34px;border-radius:var(--control-radius);background:var(--color-primary-soft);color:var(--color-brand-blue-dark);font-size:var(--font-size-lg);display:flex;align-items:center;justify-content:center}.doc-row-text{display:flex;flex-direction:column;gap:var(--spacing-2);min-width:0;font-size:var(--font-size-base);line-height:1.4;color:var(--color-text-soft)}.doc-row-text strong{font-size:var(--font-size-md);color:var(--color-text)}.doc-palettes{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.doc-palette{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--control-radius);background:var(--color-bg-panel)}.doc-palette-bar{height:14px;border-radius:var(--radius-sm);border:1px solid var(--color-shadow)}.doc-palette-name{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text)}.doc-palette-desc{font-size:var(--font-size-sm);line-height:1.4;color:var(--color-text-soft)}.doc-examples{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.doc-example{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--color-brand-blue-alpha-30);border-radius:var(--control-radius);background:var(--color-bg-white);font-size:var(--font-size-md);font-style:italic;color:var(--color-brand-blue-darker)}.doc-example i{color:var(--color-brand-blue);font-style:normal}.doc-callout{margin:0;display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--control-radius);background:var(--color-primary-soft);border:1px solid var(--color-primary-soft-border);font-size:var(--font-size-base);line-height:1.5;color:var(--color-brand-blue-darker)}.doc-callout i{margin-top:2px;color:var(--color-brand-blue)}@media(max-width:600px){.documentation-content{padding:var(--spacing-lg)}.doc-steps,.doc-palettes{grid-template-columns:1fr}.doc-step{flex-direction:row;flex-wrap:wrap;align-items:center}.doc-step-icon{font-size:var(--font-size-2xl);margin:0}.doc-step-desc{flex-basis:100%}.doc-tabs{overflow-x:auto}.doc-tab{padding:var(--spacing-sm) var(--spacing-md);white-space:nowrap}}.modal-content-welcome{max-width:640px;width:92%;padding:0;overflow:hidden;display:flex;flex-direction:column;border-radius:var(--radius-lg);background:var(--color-white-alpha-80);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.welcome-hero{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);background:transparent;color:var(--color-text);padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border)}.welcome-logo{height:34px;width:auto;-webkit-user-select:none;user-select:none}.welcome-title{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:.5px;color:var(--color-text)}.welcome-about{padding:0 var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-sm)}.welcome-about-text{margin:0;font-size:var(--font-size-md);line-height:1.55;color:var(--color-text-soft)}.welcome-about-label{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:600;color:var(--color-brand-blue-dark);text-transform:uppercase;letter-spacing:.6px}.welcome-feature-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.welcome-feature-chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:999px;border:1px solid var(--color-brand-blue-alpha-30);background:var(--color-brand-blue-alpha-10);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);line-height:1;white-space:nowrap;cursor:default}.welcome-feature-chip i{color:var(--color-brand-blue);font-size:var(--font-size-md)}.welcome-select{padding:var(--spacing-xl) var(--spacing-xl) 0;display:flex;flex-direction:column;gap:var(--spacing-md)}.welcome-select-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-brand-blue-dark);text-transform:uppercase;letter-spacing:.6px}.welcome-region-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.welcome-region-card{appearance:none;-webkit-appearance:none;font-family:var(--font-family);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-sm);border:1px solid var(--color-brand-blue-alpha-30);border-radius:var(--control-radius);background:var(--color-white-alpha-80);color:var(--color-text);text-align:center;transition:var(--control-transition)}.welcome-region-card:hover{background-color:var(--color-brand-blue-alpha-10);border-color:var(--color-border-hover)}.welcome-region-card.selected{background-color:var(--color-bg-white);border-color:var(--color-brand-blue);box-shadow:inset 0 0 0 2px var(--color-brand-blue);color:var(--color-brand-blue-darker)}.welcome-region-card:focus-visible{outline:none;border-color:var(--color-brand-blue);box-shadow:0 0 0 3px var(--color-brand-blue-alpha-20)}.welcome-region-card:active{background-color:var(--color-brand-blue-alpha-15)}.welcome-region-flag{display:flex;align-items:center;justify-content:center;line-height:1}.welcome-region-flag img,.welcome-region-flag svg{width:32px;height:22px;object-fit:contain;border-radius:var(--radius-xs)}.welcome-region-text{display:flex;flex-direction:column;gap:var(--spacing-2);min-width:0}.welcome-region-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.25;overflow-wrap:anywhere}.welcome-region-desc{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);line-height:1.3;overflow-wrap:anywhere}.welcome-region-card.selected .welcome-region-desc{color:var(--color-brand-blue)}.welcome-start-button{align-self:center;margin:var(--spacing-xl) var(--spacing-xl) var(--spacing-2xl);padding:var(--spacing-md) var(--spacing-2xl);appearance:none;-webkit-appearance:none;border:none;border-radius:var(--control-radius);background:linear-gradient(135deg,var(--color-primary-dark),var(--color-brand-blue));color:var(--color-bg-white);font-family:var(--font-family);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:var(--control-transition);box-shadow:0 4px 12px var(--color-brand-blue-alpha-30)}.welcome-start-button i{transition:transform var(--duration-fast) ease}.welcome-start-button:hover{transform:translateY(-2px);box-shadow:0 6px 18px var(--color-brand-blue-alpha-40)}.welcome-start-button:hover i{transform:translate(4px)}.welcome-start-button:active{transform:translateY(0);box-shadow:0 2px 6px var(--color-brand-blue-alpha-20)}@media(max-width:768px){.welcome-hero{padding:var(--spacing-md) var(--spacing-lg)}.welcome-about{padding:0 var(--spacing-lg);gap:var(--spacing-md)}.welcome-select{padding:var(--spacing-lg) var(--spacing-lg) 0;gap:var(--spacing-md)}.welcome-region-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.welcome-region-card{padding:var(--spacing-lg) var(--spacing-sm);gap:var(--spacing-sm)}.welcome-start-button{margin:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg)}}.pie-info-section{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-sm)}.pie-info-card{background:var(--color-primary-background);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);border-left:var(--spacing-xs) solid var(--color-brand-blue);box-shadow:0 1px 3px var(--color-shadow-soft)}.pie-info-label{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.pie-info-value{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.pie-breadcrumb{font-size:var(--font-size-base);color:var(--color-text);font-weight:500;line-height:1.5}.pie-separator{color:var(--color-text-placeholder);margin:0 var(--spacing-xs);font-weight:300}.pie-year-badge{background:var(--color-primary-dark);color:var(--color-bg-white);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;box-shadow:0 2px 6px var(--color-brand-blue-alpha-30)}.pie-total-card{background:var(--color-primary-dark);padding:var(--spacing-lg) var(--spacing-2xl);border-radius:var(--spacing-md);text-align:center;min-width:180px;box-shadow:0 4px 12px var(--color-brand-blue-alpha-30)}.pie-total-label{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;color:var(--color-white-alpha-85);letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.pie-total-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-bg-white);line-height:1.2}.pie-unit{font-size:var(--font-size-md);font-weight:500;opacity:var(--opacity-muted);margin-left:var(--spacing-xs)}.timeseries-info-section{padding:var(--spacing-lg) var(--spacing-lg);margin-bottom:var(--spacing-lg)}.timeseries-header-card{background:var(--color-primary-background);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);border-left:var(--spacing-xs) solid var(--color-brand-blue);box-shadow:0 1px 3px var(--color-shadow-soft);margin-bottom:var(--spacing-lg);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.timeseries-region-info,.timeseries-data-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.timeseries-info-label{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.5px}.timeseries-region-name{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);display:flex;align-items:center}.timeseries-breadcrumb{font-size:var(--font-size-base);color:var(--color-text);font-weight:500;line-height:1.5}.timeseries-separator{color:var(--color-text-placeholder);margin:0 var(--spacing-xs);font-weight:300}.timeseries-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.timeseries-stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-14) var(--spacing-lg);border-radius:var(--spacing-10);box-shadow:0 2px 8px var(--color-shadow);transition:transform .2s ease,box-shadow .2s ease}.timeseries-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--color-shadow)}.timeseries-stat-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);flex-shrink:0}.timeseries-stat-content{flex:1;min-width:0}.timeseries-stat-label{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.timeseries-stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeseries-unit{font-size:var(--font-size-sm);font-weight:500;opacity:var(--opacity-muted);margin-left:var(--spacing-3)}.timeseries-stat-current{background:var(--color-primary-dark);color:var(--color-bg-white)}.timeseries-stat-current .timeseries-stat-icon{background:var(--color-white-alpha-20);color:var(--color-bg-white)}.timeseries-stat-current .timeseries-stat-label{color:var(--color-white-alpha-85)}.timeseries-stat-max{background:var(--color-success);color:var(--color-bg-white)}.timeseries-stat-max .timeseries-stat-icon{background:var(--color-white-alpha-20);color:var(--color-bg-white)}.timeseries-stat-max .timeseries-stat-label{color:var(--color-white-alpha-85)}.timeseries-stat-avg{background:var(--color-orange);color:var(--color-bg-white)}.timeseries-stat-avg .timeseries-stat-icon{background:var(--color-white-alpha-20);color:var(--color-bg-white)}.timeseries-stat-avg .timeseries-stat-label{color:var(--color-white-alpha-85)}.timeseries-stat-min{background:var(--color-danger);color:var(--color-bg-white)}.timeseries-stat-min .timeseries-stat-icon{background:var(--color-white-alpha-20);color:var(--color-bg-white)}.timeseries-stat-min .timeseries-stat-label{color:var(--color-white-alpha-85)}.chart-container-timeseries{padding:0 20px 20px}.chat-toggle-button{position:relative;width:48px;height:48px;border-radius:var(--control-radius);background:var(--color-primary-dark);border:var(--control-border-width) solid var(--color-border);color:var(--color-bg-white);font-size:var(--font-size-2xl);box-shadow:0 4px 12px var(--color-brand-blue-alpha-40);transition:all .3s ease;display:flex;align-items:center;justify-content:center;align-self:flex-end;overflow:visible}.chat-toggle-badge{position:absolute;top:-4px;right:-4px;width:19px;height:19px;border-radius:50%;background:var(--color-bg-white);color:var(--color-primary-dark);display:flex;align-items:center;justify-content:center;line-height:1;border:1.5px solid var(--color-primary-dark);box-shadow:0 1px 3px var(--color-shadow-strong)}.chat-toggle-spark{width:11px;height:11px;display:block}.chat-toggle-button:hover{transform:scale(1.05);box-shadow:0 6px 16px var(--color-brand-blue-alpha-50);border-color:var(--color-brand-blue)}.chat-toggle-button:active{transform:scale(.98)}.chatbox-overlay{position:fixed;inset:0;background-color:var(--color-shadow-strong);display:flex;align-items:center;justify-content:center;z-index:var(--z-modals);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chatbox-container{background-color:var(--color-bg-white);border-radius:var(--radius-lg);width:90%;max-width:500px;height:720px;max-height:80dvh;display:flex;flex-direction:column;box-shadow:0 8px 32px var(--color-shadow-strong);animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.chatbox-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-primary-dark);color:var(--color-bg-white);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.chatbox-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.chatbox-title i{font-size:var(--font-size-2xl)}.chatbox-close{background:var(--color-white-alpha-10);border:none;color:var(--color-bg-white);width:var(--spacing-3xl);height:var(--spacing-3xl);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);transition:background-color .2s ease}.chatbox-close:hover{background:var(--color-white-alpha-30)}.chatbox-messages{flex:1;overflow-y:auto;padding:var(--spacing-lg);background:var(--color-bg-panel);display:flex;flex-direction:column;gap:var(--spacing-md)}.chatbox-message{display:flex;flex-direction:column;max-width:75%;animation:messageSlide .2s ease}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chatbox-message-user{align-self:flex-end}.chatbox-message-mergen{align-self:flex-start;max-width:88%}.chatbox-query-badge{display:inline-flex;align-items:center;gap:var(--spacing-6);padding:var(--spacing-xs) var(--spacing-10);background:var(--color-primary-soft);border:1px solid var(--color-primary-soft-border);border-radius:var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-brand-blue);margin-bottom:var(--spacing-6)}.chatbox-query-badge i{font-size:var(--font-size-sm)}.chatbox-message-content{padding:var(--spacing-10) var(--spacing-14);border-radius:var(--radius-md);font-size:var(--font-size-base);line-height:1.5;word-wrap:break-word;overflow-x:auto;box-shadow:0 1px 2px var(--color-shadow-soft)}.chatbox-message-user .chatbox-message-content{background:var(--color-primary-dark);color:var(--color-bg-white);border-bottom-right-radius:4px}.chatbox-message-mergen .chatbox-message-content{background:var(--color-primary-background);color:var(--color-text);border:1px solid var(--color-border);border-bottom-left-radius:4px}.chatbox-message-content.streaming:after{content:"▍";color:var(--color-brand-blue);animation:blink 1s infinite;margin-left:2px}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.chatbox-message-content p{margin:0 0 var(--spacing-sm) 0}.chatbox-message-content p:last-child{margin-bottom:0}.chatbox-message-content ul,.chatbox-message-content ol{margin:var(--spacing-sm) 0;padding-left:var(--spacing-xl)}.chatbox-message-content li{margin:var(--spacing-xs) 0}.chatbox-message-content strong{font-weight:600;color:inherit}.chatbox-message-content em{font-style:italic}.chatbox-message-content code{background:var(--color-ink-alpha-5);padding:var(--spacing-2) var(--spacing-xs);border-radius:var(--spacing-3);font-family:Courier New,monospace;font-size:.9em}.chatbox-message-content pre{background:var(--color-ink-alpha-5);padding:var(--spacing-sm);border-radius:var(--spacing-xs);overflow-x:auto;margin:var(--spacing-sm) 0}.chatbox-message-content pre code{background:none;padding:0}.chatbox-message-content h1,.chatbox-message-content h2,.chatbox-message-content h3,.chatbox-message-content h4,.chatbox-message-content h5,.chatbox-message-content h6{margin:var(--spacing-sm) 0 var(--spacing-xs) 0;font-weight:600}.chatbox-message-content h1{font-size:1.2em}.chatbox-message-content h2{font-size:1.1em}.chatbox-message-content h3{font-size:1em}.chatbox-message-content h4,.chatbox-message-content h5,.chatbox-message-content h6{font-size:.95em}.chatbox-message-content blockquote{border-left:var(--spacing-3) solid var(--color-primary);padding-left:var(--spacing-md);margin:var(--spacing-sm) 0;color:var(--color-text-muted)}.chatbox-message-content table{width:100%;border-collapse:collapse;margin:var(--spacing-md) 0;font-size:var(--font-size-base);box-shadow:0 2px 8px var(--color-shadow);border-radius:var(--spacing-sm);overflow:hidden}.chatbox-message-content thead{background:var(--color-primary-dark);color:var(--color-bg-white)}.chatbox-message-content thead th{padding:var(--spacing-md) var(--spacing-10);text-align:left;font-weight:600;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px;border-bottom:var(--spacing-2) solid var(--color-brand-blue-darker)}.chatbox-message-content tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .2s ease}.chatbox-message-content tbody tr:last-child{border-bottom:none}.chatbox-message-content tbody tr:nth-child(2n){background-color:var(--color-bg-panel)}.chatbox-message-content tbody tr:hover{background-color:var(--color-primary-soft)}.chatbox-message-content tbody td{padding:var(--spacing-10);text-align:left;color:var(--color-text);font-size:var(--font-size-base)}.chatbox-message-content tbody td:first-child{font-weight:500;color:var(--color-text)}.chatbox-message-content tbody td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.chatbox-input-container{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-primary-background);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.chatbox-input{flex:1;padding:var(--spacing-10) var(--spacing-14);border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-base);outline:none;transition:border-color .2s ease}.chatbox-input:focus{border-color:var(--color-brand-blue);box-shadow:0 0 0 3px var(--color-brand-blue-alpha-15)}.chatbox-analyze-section{padding:var(--spacing-10) 21px 0 21px;background:var(--color-bg-panel);display:flex;justify-content:flex-start}.chatbox-analyze-button-full{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-primary);border-radius:var(--spacing-6);background:var(--color-primary-background);color:var(--color-text);font-size:var(--font-size-sm);display:inline-flex;align-items:center;gap:var(--spacing-6);transition:all .15s ease;box-shadow:0 1px 2px var(--color-brand-blue-alpha-10);max-width:100%}.chatbox-analyze-button-full:hover:not(:disabled){background:var(--color-bg-panel);box-shadow:0 1px 3px var(--color-brand-blue-alpha-20)}.chatbox-analyze-button-full:hover:not(:disabled) i,.chatbox-analyze-button-full:hover:not(:disabled) .chatbox-analyze-query{color:var(--color-primary)}.chatbox-analyze-button-full:active:not(:disabled){transform:scale(.98)}.chatbox-analyze-button-full:disabled{cursor:not-allowed;opacity:var(--opacity-disabled);background:var(--color-surface-2);border-color:var(--color-border-hover);box-shadow:0 1px 2px var(--color-ink-alpha-5)}.chatbox-analyze-button-full.analyzed{animation:fadeOutUp 1s ease-out forwards;pointer-events:none}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.chatbox-analyze-button-full i{font-size:var(--font-size-sm);flex-shrink:0;color:var(--color-text-muted);transition:color .15s ease}.chatbox-analyze-query{flex:1;text-align:left;line-height:1.3;font-weight:400;color:var(--color-text);transition:color .15s ease}.chatbox-send-button{width:44px;height:44px;border:none;border-radius:var(--control-radius);background:var(--color-primary-dark);color:var(--color-bg-white);font-size:var(--font-size-lg);display:flex;align-items:center;justify-content:center;transition:var(--control-transition)}.chatbox-send-button:hover{transform:scale(1.05);box-shadow:0 2px 8px var(--color-brand-blue-alpha-30)}.chatbox-send-button:active{transform:scale(.95)}.chatbox-send-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;background:var(--color-border-hover)}.chatbox-send-button:disabled:hover{transform:scale(1);box-shadow:none}.chatbox-progress-status{display:flex;align-items:center;gap:var(--spacing-sm);padding:0;font-size:var(--font-size-base);font-weight:400;color:var(--color-text-muted);animation:fadeIn .3s ease}.chatbox-progress-status i{font-size:var(--font-size-md);color:var(--color-brand-blue)}.chatbox-typing-dots{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.chatbox-typing-dots span{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-brand-blue);animation:typingBounce 1.2s infinite ease-in-out}.chatbox-typing-dots span:nth-child(2){animation-delay:.15s}.chatbox-typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.35}30%{transform:translateY(-4px);opacity:1}}.chatbox-suggestions{margin-top:var(--spacing-md);animation:messageSlide .3s ease}.chatbox-suggestions-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);margin-bottom:var(--spacing-sm);padding:0 var(--spacing-xs)}.chatbox-suggestions-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}.chatbox-suggestion-button{background:var(--color-primary-background);border:1px solid var(--color-border);border-radius:var(--control-radius);padding:var(--spacing-10) var(--spacing-md);font-size:var(--font-size-base);color:var(--color-text);transition:var(--control-transition);display:flex;align-items:center;gap:var(--spacing-sm);text-align:left;line-height:1.4}.chatbox-suggestion-button i{color:var(--color-brand-blue);font-size:var(--font-size-md);flex-shrink:0}.chatbox-suggestion-button:hover{background:var(--color-bg-panel);border-color:var(--color-brand-blue);box-shadow:0 2px 4px var(--color-brand-blue-alpha-10);transform:translateY(-1px)}.chatbox-suggestion-button:active{transform:translateY(0)}.chatbox-query-actions{margin-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);animation:messageSlide .3s ease}.chatbox-query-action-button{background:var(--color-primary-dark);border:none;border-radius:var(--control-radius);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-bg-white);transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);text-align:center;line-height:1.4;box-shadow:0 2px 6px var(--color-brand-blue-alpha-20)}.chatbox-query-action-button:hover{background:var(--color-primary-dark);box-shadow:0 4px 12px var(--color-brand-blue-alpha-30);transform:translateY(-2px)}.chatbox-query-action-button:active{transform:translateY(0);box-shadow:0 2px 4px var(--color-brand-blue-alpha-20)}.chatbox-query-action-button:disabled{background:var(--color-border-hover);cursor:not-allowed;transform:none;box-shadow:none}.chatbox-query-action-button:disabled:hover{background:var(--color-border-hover);transform:none}@media(max-width:600px),(max-height:480px){.modal-overlay{align-items:flex-end}.modal-content,.modal-content-pie,.modal-content-timeseries,.modal-content-product-comparison,.modal-content-settings,.modal-content-documentation,.modal-content-feature-detail,.modal-content-welcome{width:100%;max-width:none;height:auto;max-height:calc(100dvh - env(safe-area-inset-top,0px));border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}.modal-header{padding:var(--spacing-sm) var(--spacing-md)}.modal-close{width:40px;height:40px}.data-table-container,.modal-body-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:520px}.modal-content-pie,.modal-content-timeseries{height:auto;max-height:100dvh;overflow-y:auto}.chart-container,.chart-container-pie,.chart-container-timeseries{position:relative;width:100%;min-height:0;height:min(52dvh,380px);padding:4px 8px 12px}.chart-container canvas,.chart-container-timeseries canvas{max-height:none!important}.pie-info-section,.timeseries-info-section{padding:8px 10px}.pie-total-card{padding:8px 12px}.chatbox-overlay{align-items:stretch}.chatbox-container{width:100%;max-width:none;height:100dvh;max-height:100dvh;border-radius:0}.chatbox-input-container{padding:var(--spacing-sm) var(--spacing-md) calc(var(--spacing-sm) + env(safe-area-inset-bottom,0px));border-radius:0}.chatbox-input{font-size:16px}.login-container{margin:var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-lg)}.modal-content-welcome{overflow:hidden;max-height:calc(100dvh - env(safe-area-inset-top,0px));height:calc(100dvh - env(safe-area-inset-top,0px))}.modal-content-welcome .welcome-hero{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm);flex:0 0 auto}.modal-content-welcome .welcome-logo{height:26px}.modal-content-welcome .welcome-title{font-size:var(--font-size-xl)}.modal-content-welcome .welcome-about,.modal-content-welcome .welcome-select{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.modal-content-welcome .welcome-about{padding-top:var(--spacing-sm);gap:var(--spacing-xs);flex:0 0 auto}.modal-content-welcome .welcome-about-text{font-size:var(--font-size-base);line-height:1.45}.modal-content-welcome .welcome-about-text+.welcome-about-text{display:none}.modal-content-welcome .welcome-feature-list{gap:var(--spacing-xs)}.modal-content-welcome .welcome-feature-chip{padding:4px var(--spacing-sm);font-size:var(--font-size-xs)}.modal-content-welcome .welcome-select{padding-top:var(--spacing-sm);gap:var(--spacing-sm);flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:var(--spacing-sm)}.modal-content-welcome .welcome-region-grid{grid-template-columns:1fr;gap:var(--spacing-xs)}.modal-content-welcome .welcome-region-card{flex-direction:row;justify-content:flex-start;text-align:left;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);min-height:48px}.modal-content-welcome .welcome-region-flag img,.modal-content-welcome .welcome-region-flag svg{width:28px;height:19px}.modal-content-welcome .welcome-region-name{font-size:var(--font-size-md)}.modal-content-welcome .welcome-start-button{flex:0 0 auto;align-self:stretch;margin:var(--spacing-sm) var(--spacing-md) calc(var(--spacing-md) + env(safe-area-inset-bottom,0px));min-height:48px;font-size:var(--font-size-md)}}@media(min-width:601px)and (max-width:1024px){.modal-content-pie,.modal-content-timeseries,.modal-content-product-comparison{max-width:94vw}}:root{--ol-foreground-color: var(--color-brand-blue);--ol-subtle-foreground-color: var(--color-brand-blue)}.ol-control button{color:var(--color-brand-blue)!important}.ol-control button:hover,.ol-control button:focus{color:var(--color-brand-blue-dark)!important}@media(max-width:768px){body{font-size:var(--font-size-base)}input[type=text],input[type=email],input[type=password],input[type=search],input:not([type]),textarea,.chatbox-input{font-size:16px}.custom-select-trigger{font-size:var(--font-size-sm)}.selection-panel{gap:var(--spacing-xs);padding:var(--spacing-sm)}.selection-panel .panel-divider{display:none}.box-cont{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);width:100%;justify-content:flex-start}.box-cont-s{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);min-height:28px}button.panel-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.styled-checkbox{flex-direction:row;gap:var(--spacing-sm);width:100%}.checkbox-square{width:16px;height:16px;border-width:1.5px;flex-shrink:0}.checkbox-text{font-size:var(--font-size-xs);flex:1;text-align:left}.settings-logo{max-height:var(--font-size-3xl)}.box-cont{min-height:36px}.device-chip{min-height:32px;padding:6px var(--spacing-md)}.custom-select-dropdown-portal{max-width:calc(100vw - 16px)!important}.info-tip-panel{max-width:min(300px,calc(100vw - 24px))}.legend-header{margin-bottom:var(--spacing-xs)}.legend-items-section{gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.legend-item{gap:var(--spacing-xs);margin-left:var(--spacing-xs)}.legend-color-box{width:14px;height:14px}.legend-label{font-size:var(--font-size-sm);line-height:1.2}.legend-toggle-section{padding-top:var(--spacing-sm)}.legend-toggle-section .checkbox-text{font-size:var(--font-size-sm)}.legend-toggle-section .checkbox-square{width:16px;height:16px}.modal-content-pie,.modal-content-timeseries{max-width:98%;height:65dvh;max-height:95dvh}.modal-title{font-size:var(--font-size-md)}.modal-icon{font-size:var(--font-size-lg);margin-right:6px}.pie-info-section{grid-template-columns:1fr;gap:var(--spacing-sm);padding:10px}.pie-info-card,.pie-total-card{padding:var(--spacing-sm) var(--spacing-md)}.pie-total-card{min-width:unset;width:100%}.pie-info-label,.pie-total-label{font-size:var(--font-size-xs);margin-bottom:5px}.pie-breadcrumb{font-size:var(--font-size-sm)}.pie-year-badge{font-size:var(--font-size-xs);padding:3px 8px}.pie-total-value{font-size:var(--font-size-xl)}.pie-unit{font-size:var(--font-size-sm)}.timeseries-info-section{padding:10px;margin-bottom:10px}.timeseries-header-card{grid-template-columns:1fr;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.timeseries-info-label{font-size:var(--font-size-xs);margin-bottom:3px}.timeseries-region-name,.timeseries-breadcrumb{font-size:var(--font-size-sm)}.timeseries-stats-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.timeseries-stat-card{padding:8px 10px;gap:var(--spacing-sm)}.timeseries-stat-icon{width:28px;height:28px;font-size:var(--font-size-sm)}.timeseries-stat-label{font-size:calc(var(--font-size-xs) - 1px)}.timeseries-stat-value{font-size:var(--font-size-sm)}.timeseries-unit{font-size:var(--font-size-xs)}.chart-container{padding:8px 4px;min-height:40dvh}.chart-container canvas{max-height:50dvh!important}.chart-container-pie{width:100%}.chart-container-timeseries{padding:8px 4px;min-height:35dvh}.chart-container-timeseries canvas{max-height:50dvh!important}.chat-toggle-button{width:36px;height:36px;font-size:calc(var(--font-size-md) + 1px);right:12px}.chatbox-container{width:95%;height:90dvh}.chatbox-header{padding:12px 16px}.chatbox-title{font-size:var(--font-size-md)}.chatbox-title i{font-size:var(--font-size-lg)}.chatbox-messages{padding:12px;gap:var(--spacing-sm)}.chatbox-message-content{font-size:var(--font-size-sm);padding:8px 12px}.chatbox-analyze-section{padding:10px 12px 6px}.chatbox-analyze-button-full{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);gap:var(--spacing-sm)}.chatbox-analyze-button-full i{font-size:var(--font-size-md)}.chatbox-analyze-query{font-size:var(--font-size-sm)}.chatbox-input-container{padding:12px;gap:var(--spacing-sm)}.chatbox-input{padding:8px 12px;font-size:var(--font-size-sm)}.chatbox-send-button{width:40px;height:40px;font-size:var(--font-size-md)}.chatbox-suggestions-title{font-size:var(--font-size-sm)}.chatbox-suggestion-button{font-size:var(--font-size-sm);padding:8px 10px}.chatbox-suggestion-button i{font-size:var(--font-size-sm)}.chatbox-message-content table{font-size:var(--font-size-sm);margin:8px 0}.chatbox-message-content thead th,.chatbox-message-content tbody td{padding:8px 6px;font-size:var(--font-size-sm)}}.modal-content-settings{max-width:500px;width:90%;height:auto}.settings-content{padding:var(--spacing-2xl);flex:1;overflow-y:auto}.settings-section{margin-bottom:var(--spacing-2xl)}.settings-section:last-child{margin-bottom:0}.settings-section-title{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-border)}.settings-section-title i{color:var(--color-brand-blue);font-size:var(--font-size-lg)}.settings-logout-btn{width:100%;padding:var(--spacing-md) var(--spacing-lg);margin-top:var(--spacing-md);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);background:var(--color-bg-white);border:var(--control-border-width) solid var(--color-border);border-radius:var(--control-radius);cursor:pointer;transition:var(--control-transition)}.settings-logout-btn:hover:not(:disabled){border-color:var(--color-danger);color:var(--color-danger);background:var(--color-danger-bg)}.settings-logout-btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.settings-help-btn{width:100%;padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);background:var(--color-bg-white);border:var(--control-border-width) solid var(--color-border);border-radius:var(--control-radius);cursor:pointer;transition:var(--control-transition)}.settings-help-btn:hover{border-color:var(--color-brand-blue);color:var(--color-brand-blue);background:var(--color-brand-blue-alpha-10)}.settings-help-btn i{color:var(--color-brand-blue)}.modal-content-product-comparison{max-width:900px;width:90%}.modal-body-scroll{flex:1;overflow-y:auto;overflow-x:hidden}.product-comparison-selectors{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-lg);padding:var(--spacing-lg);margin:var(--spacing-md);background:var(--color-bg-panel);border-radius:var(--spacing-sm)}.selector-group{display:flex;flex-direction:column;gap:var(--spacing-6)}.selector-group label{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.5px}.custom-select-wrapper{position:relative}.custom-select-trigger{width:100%;min-height:var(--control-height);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--control-radius);font-size:var(--font-size-md);font-family:var(--font-family);font-weight:var(--font-weight-medium);background:rgba(var(--color-white-rgb),var(--control-bg-opacity));color:var(--color-text);cursor:pointer;transition:var(--control-transition);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);text-align:left;appearance:none;-webkit-appearance:none;-webkit-user-select:none;user-select:none}.custom-select-trigger:hover:not(:disabled){border-color:var(--color-brand-blue);box-shadow:0 2px 4px var(--color-brand-blue-alpha-10)}.custom-select-trigger:focus-visible{outline:none;border-color:var(--color-brand-blue);box-shadow:0 0 0 3px var(--color-brand-blue-alpha-15)}.custom-select-trigger.is-invalid{background-color:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger-text)}.custom-select-trigger.is-invalid:hover{background-color:var(--color-danger-bg-hover);border-color:var(--color-danger-dark)}.custom-select-trigger:disabled{background-color:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning-text);cursor:not-allowed}.custom-select-trigger i{font-size:var(--font-size-sm);color:var(--color-text-muted);transition:transform var(--duration-fast) ease;flex-shrink:0}.ios-switch{flex:0 0 auto;align-self:center;position:relative;width:24px;height:13px;margin:0;padding:0;border:1px solid var(--color-brand-blue);border-radius:999px;background:var(--color-bg-white);cursor:pointer;transition:var(--control-transition);vertical-align:middle}.ios-switch:hover{border-color:var(--color-brand-blue-dark)}.ios-switch.checked{background:var(--color-brand-blue)}.ios-switch.checked:hover{background:var(--color-brand-blue-dark);border-color:var(--color-brand-blue-dark)}.ios-switch-thumb{position:absolute;top:1px;left:1px;width:9px;height:9px;border-radius:50%;background:var(--color-brand-blue);box-shadow:0 1px 2px var(--color-shadow-strong);transition:transform var(--duration-fast) ease,background var(--duration-fast) ease}.ios-switch.checked .ios-switch-thumb{background:var(--color-bg-white);transform:translate(11px)}.year-slider-box{width:100%;height:var(--control-height);box-sizing:border-box;padding:0 var(--spacing-xs);border:1px solid var(--color-border);border-radius:var(--control-radius);background:rgba(var(--color-white-rgb),var(--control-bg-opacity));display:flex;align-items:center;gap:var(--spacing-xs)}.year-slider-step{flex:0 0 auto;width:18px;height:18px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--color-brand-blue);font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--control-transition)}.year-slider-step:hover:not(:disabled){background:var(--color-border);color:var(--color-brand-blue-dark)}.year-slider-step:disabled{opacity:.35;cursor:not-allowed}.year-slider{width:100%;display:block;margin:0;height:4px;border-radius:var(--spacing-2);background:var(--color-border);appearance:none;-webkit-appearance:none;cursor:pointer;accent-color:var(--color-brand-blue)}.year-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-brand-blue);border:2px solid var(--color-bg-white);box-shadow:0 1px 3px var(--color-shadow-strong);cursor:pointer;transition:var(--control-transition)}.year-slider::-webkit-slider-thumb:hover{background:var(--color-brand-blue-dark);transform:scale(1.1)}.year-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--color-brand-blue);border:2px solid var(--color-bg-white);box-shadow:0 1px 3px var(--color-shadow-strong);cursor:pointer;transition:var(--control-transition)}.year-slider::-moz-range-thumb:hover{background:var(--color-brand-blue-dark);transform:scale(1.1)}.year-slider:disabled{opacity:.5;cursor:not-allowed}.custom-select-value{display:inline-flex;align-items:center;gap:var(--spacing-sm);min-width:0;overflow:hidden}.custom-select-value-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;flex-shrink:0}.custom-select-dropdown-portal{background:rgba(var(--color-white-rgb),var(--control-bg-opacity));border:1px solid var(--color-border);border-radius:var(--control-radius);box-shadow:0 4px 16px var(--color-shadow-modal);max-height:300px;overflow-y:auto;overscroll-behavior:contain;padding:var(--spacing-2) 0;transform-origin:bottom center;animation:dropdownIn var(--duration-fast) ease}.custom-select-dropdown-portal.closing{animation:dropdownOut .12s ease forwards;pointer-events:none}@keyframes dropdownIn{0%{opacity:0}to{opacity:1}}@keyframes dropdownOut{0%{opacity:1}to{opacity:0}}.custom-select-option{display:flex;align-items:center;gap:var(--spacing-sm);min-height:40px;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background-color var(--duration-fast) ease;font-size:var(--font-size-md);color:var(--color-text)}.custom-select-option-text{flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.custom-select-option.selected{color:var(--color-brand-blue);font-weight:var(--font-weight-semibold)}.custom-select-option[data-active=true]{background-color:var(--color-primary-soft)}.custom-select-option[aria-disabled=true]{color:var(--color-text-muted);opacity:var(--opacity-disabled);cursor:not-allowed}.multi-select-wrapper{position:relative}.multi-select-trigger{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-primary-dark);border-radius:6px;font-size:var(--font-size-md);font-family:Open Sans,sans-serif;background:var(--color-primary-background);cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;text-align:left}.multi-select-trigger:hover:not(:disabled){border-color:var(--color-brand-blue)}.multi-select-trigger:disabled{background:var(--color-surface-2);color:var(--color-text-placeholder);cursor:not-allowed}.multi-select-trigger i{font-size:var(--font-size-sm);color:var(--color-text-muted);transition:transform .2s ease}.multi-select-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--color-bg-white);border:2px solid var(--color-primary-dark);border-radius:var(--radius-md);box-shadow:0 4px 16px var(--color-shadow-modal);z-index:10001;display:flex;flex-direction:column;overflow:hidden}.multi-select-dropdown.multi-select-dropdown-portal{position:fixed;right:auto;margin-top:0;z-index:10002}.multi-select-actions{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-panel);border-bottom:1px solid var(--color-border);flex-shrink:0}.multi-select-action-btn{flex:1;padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-white);color:var(--color-primary-dark);font-size:var(--font-size-sm);font-family:Open Sans,sans-serif;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.multi-select-action-btn:hover:not(:disabled){background:var(--color-primary-dark);color:var(--color-bg-white);border-color:var(--color-primary-dark)}.multi-select-action-btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;background:var(--color-surface-2)}.multi-select-action-btn i{font-size:var(--font-size-sm)}.multi-select-options-list{max-height:250px;overflow-y:auto;flex:1}.multi-select-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:8px 12px;cursor:pointer;transition:background-color .2s ease}.multi-select-option:hover{background-color:var(--color-bg-panel)}.multi-select-option input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;display:inline-block;width:16px;height:16px;background-color:var(--color-bg-white);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease;flex-shrink:0}.multi-select-option input[type=checkbox]:hover{border-color:var(--color-border-hover)}.multi-select-option input[type=checkbox]:checked{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.multi-select-option span{flex:1;min-width:0;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multi-select-empty{padding:var(--spacing-xl);text-align:center;color:var(--color-text-placeholder);font-size:var(--font-size-sm)}.multi-select-search{position:relative;padding:8px;border-bottom:1px solid var(--color-border);background:var(--color-bg-white);display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.multi-select-search i.fa-search{color:var(--color-text-placeholder);font-size:var(--font-size-sm);margin-left:4px}.multi-select-search input{flex:1;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:6px 30px 6px 8px;font-size:var(--font-size-base);outline:none;transition:border-color .2s ease}.multi-select-search input:focus{border-color:var(--color-brand-blue)}.multi-select-search .clear-search{position:absolute;right:18px;background:none;border:none;color:var(--color-text-placeholder);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease}.multi-select-search .clear-search:hover{color:var(--color-brand-blue);background:var(--color-brand-blue-alpha-10)}.multi-select-result-count{padding:6px 12px;text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted);background:var(--color-bg-panel);border-top:1px solid var(--color-border);font-style:italic}.selected-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:8px}.selected-tags .tag{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:2px 2px 2px 10px;background:var(--color-primary-dark);color:var(--color-bg-white);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500}.selected-tags .tag button{background:none;border:none;color:var(--color-bg-white);cursor:pointer;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:background-color .2s ease}.selected-tags .tag button:hover{background:var(--color-danger-alpha-45)}.selected-tags .tag button i{font-size:var(--font-size-sm)}.selected-tags .tag-more{padding:2px 10px;background:transparent;color:var(--color-primary-dark);border:1px dashed var(--color-primary-dark);cursor:pointer;-webkit-user-select:none;user-select:none}.selected-tags .tag-more:hover{background:var(--color-primary-dark);color:var(--color-bg-white)}.modal-content-feature-detail{max-width:760px;width:90%;display:flex;flex-direction:column}.fd-info-message{padding:48px 32px;text-align:center;color:var(--color-text-placeholder)}.fd-info-message i{font-size:28px;margin-bottom:12px;color:var(--color-primary-dark);opacity:.6}.fd-info-message p{margin:0;font-size:var(--font-size-sm)}.fd-dashboard{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg);overflow-y:auto}.fd-summary{margin-bottom:var(--spacing-md)}.fd-summary-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.fd-stat-row{display:flex;gap:10px;flex-wrap:wrap}.fd-stat{flex:1;min-width:110px;display:flex;flex-direction:column;gap:3px;padding:10px 14px;background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:10px}.fd-stat-accent{border-color:var(--color-brand-blue);border-left-width:3px}.fd-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-placeholder)}.fd-stat-value{font-size:20px;font-weight:700;color:var(--color-ink)}.fd-stat-accent .fd-stat-value{color:var(--color-primary-dark)}.fd-stat-value small{font-size:12px;font-weight:500;color:var(--color-text-placeholder)}.fd-chart-block{margin-top:var(--spacing-md)}.fd-block-title{margin:0 0 8px;font-size:var(--font-size-sm);font-weight:600;color:var(--color-ink);display:flex;align-items:center;gap:8px}.fd-block-title i{color:var(--color-primary-dark)}.fd-chart{height:220px}.fd-empty{padding:20px;text-align:center;color:var(--color-text-placeholder);font-size:var(--font-size-sm)}.product-comparison-content{min-height:400px;padding:var(--spacing-sm) var(--spacing-lg)}.data-table-container{overflow-x:auto;border-radius:8px;box-shadow:0 2px 8px var(--color-shadow);position:relative}.table-loading-overlay{position:absolute;inset:0;background:var(--color-white-alpha-80);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:8px}.table-loading-overlay i{font-size:calc(var(--font-size-3xl) * 1.33);color:var(--color-primary-dark)}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-base);background:var(--color-primary-background)}.data-table thead{background:var(--color-primary-dark);color:var(--color-bg-white)}.data-table th{padding:14px 16px;text-align:left;font-weight:600;text-transform:uppercase;font-size:var(--font-size-sm);letter-spacing:.5px;border-bottom:3px solid var(--color-brand-blue-darker)}.data-table th.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease;position:relative}.data-table th.sortable-header:hover{background-color:var(--color-white-alpha-10)}.data-table th.sortable-header span{margin-right:8px}.data-table th.sortable-header .metric-unit{font-size:var(--font-size-sm);margin-right:0}.data-table th.sortable-header i{font-size:var(--font-size-sm);opacity:.5;transition:opacity .2s ease}.data-table th.sortable-header:hover i{opacity:1}.data-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .2s ease}.data-table tbody tr:hover{background-color:var(--color-bg-panel)}.data-table tbody tr:last-child{border-bottom:none}.data-table td{padding:14px 16px;color:var(--color-text)}.data-table td.metric-value{font-weight:600;color:var(--color-primary-dark)}@media(max-width:768px){.modal-content-product-comparison{max-width:95%;width:95%}.product-comparison-selectors{grid-template-columns:1fr;gap:var(--spacing-md);padding:var(--spacing-sm)}.selector-group .custom-select-trigger{font-size:var(--font-size-base);padding:var(--spacing-sm)}}.login-page{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-bg-panel) 0%,var(--color-border-strong) 100%);z-index:var(--z-loading);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.login-container{background:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:0 10px 40px var(--color-ink-alpha-15);padding:var(--spacing-3xl);width:100%;max-width:400px;margin:var(--spacing-lg)}.login-header{text-align:center;margin-bottom:var(--spacing-2xl)}.login-logo{width:100%;max-width:280px;height:auto;margin-bottom:var(--spacing-lg)}.login-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary-dark);margin:0 0 var(--spacing-sm) 0}.login-subtitle{font-size:var(--font-size-md);color:var(--color-text-muted);margin:0}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.login-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.login-field label{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text)}.login-field input{padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);font-family:var(--font-family);transition:all .2s ease;outline:none;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.login-field input:focus{border-color:var(--color-brand-blue);box-shadow:0 0 0 3px var(--color-brand-blue-alpha-15)}.login-field input:disabled{background-color:var(--color-bg-panel);cursor:not-allowed}.login-field input::placeholder{color:var(--color-text-placeholder)}.login-error{background-color:var(--color-danger-bg);border:1px solid var(--color-danger-bg-hover);color:var(--color-danger);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center}.login-remember{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--font-size-md);color:var(--color-text)}.login-remember input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.login-remember input:disabled{cursor:not-allowed}.login-remember span{font-weight:var(--font-weight-medium)}.login-button{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-primary);color:var(--color-bg-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);font-family:var(--font-family);cursor:pointer;transition:all .2s ease;margin-top:var(--spacing-sm)}.login-button:hover:not(:disabled){background:var(--color-brand-blue-dark);box-shadow:0 4px 12px var(--color-brand-blue-alpha-30)}.login-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.login-button-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.login-footer{margin-top:var(--spacing-2xl);text-align:center}.login-footer p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}@media(max-width:768px){.login-container{padding:var(--spacing-xl);margin:var(--spacing-md)}.login-logo{max-width:200px}.login-title{font-size:var(--font-size-2xl)}}@media(min-width:601px)and (max-width:1024px){.selection-panel-grid>.selector-group{width:118px}.selection-panel{max-width:calc(100vw - 240px);flex-wrap:wrap}.legend-container{max-width:165px}.container-t-l,.container-t-r{max-width:220px}}@media(max-width:600px),(max-height:480px){.container-t-l{max-width:none;width:auto;gap:2px;padding:4px}.container-t-l>.box-cont{width:40px;min-height:40px;justify-content:center;padding:0}.container-t-l>.box-cont>span{display:none}.container-t-l>.box-cont>i{margin:0;font-size:var(--font-size-lg)}.container-t-l .settings-logo{max-height:22px}.container-t-l .device-chips-container{position:absolute;left:calc(100% + 6px);top:0;background:rgba(var(--color-panel-rgb),var(--panel-bg-opacity));border:var(--control-border-width) solid var(--color-border);border-radius:var(--control-radius);padding:6px;margin:0;box-shadow:0 4px 16px var(--color-shadow);min-width:150px}.container-t-l{position:absolute}.container-t-r{max-width:none}.container-t-r .panel-card{flex-direction:row;gap:2px;padding:4px}.container-t-r .panel-card .box-cont-b,.container-t-r .panel-card .button-wrapper{width:auto}.container-t-r button.panel-button{width:40px;min-height:40px;justify-content:center;padding:0}.container-t-r button.panel-button span{display:none}.container-t-r button.panel-button i{margin:0;font-size:var(--font-size-lg)}.chat-toggle-button{width:44px;height:44px}.selection-panel.sheet{left:0;right:0;bottom:0;width:100%;max-width:none;border-radius:var(--control-radius) var(--control-radius) 0 0;border-bottom:none;padding:0 var(--spacing-sm) calc(var(--spacing-sm) + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:stretch;gap:0;max-height:70dvh;overflow-y:auto;overscroll-behavior:contain;transition:max-height .2s ease}.selection-panel.sheet-collapsed .selection-panel-grid{display:none}.selection-panel-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding-top:var(--spacing-xs)}.selection-panel-grid>.selector-group{width:calc(50% - var(--spacing-xs) / 2);min-width:0}.selection-panel-grid .panel-divider{display:none}.sheet-handle{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;min-height:44px;padding:6px 2px;border:none;background:transparent;color:var(--color-text);text-align:left;font:inherit;position:relative}.sheet-grip{position:absolute;top:4px;left:50%;transform:translate(-50%);width:36px;height:4px;border-radius:2px;background:var(--color-border-strong)}.sheet-summary{display:flex;flex-direction:column;min-width:0;flex:1 1 auto;padding-top:6px}.sheet-summary-scope{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-summary-data{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-handle>i{margin-left:auto;color:var(--color-text-muted);padding:0 6px 0 4px}.sheet-open .sheet-handle{min-height:28px;justify-content:flex-end}.legend-container{min-width:0;max-width:200px;bottom:calc(var(--selection-panel-h, 0px) + var(--spacing-sm));right:var(--spacing-sm);padding:var(--spacing-sm);max-height:calc(100dvh - var(--selection-panel-h, 0px) - 120px);overflow-y:auto;overscroll-behavior:contain}.legend-container.legend-folded{max-width:170px}.legend-fold-toggle{display:flex;align-items:center;gap:var(--spacing-xs);width:100%;cursor:pointer;min-height:28px}.legend-fold-toggle .legend-subsection-title{flex:1 1 auto;margin:0}.legend-fold-toggle>i{color:var(--color-text-muted);font-size:var(--font-size-sm);flex:0 0 auto}.legend-mini{display:flex;flex-direction:column;gap:3px}.legend-mini-strip{display:block;height:8px;border-radius:4px;border:1px solid rgba(0,0,0,.12)}.legend-mini-ends{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-muted)}.legend-folded .legend-header{margin-bottom:0;gap:4px}.year-slider-box{height:40px}.year-slider-step{width:32px;height:32px;font-size:20px}.year-slider{height:6px}.year-slider::-webkit-slider-thumb{width:22px;height:22px}.year-slider::-moz-range-thumb{width:22px;height:22px}.custom-select-trigger,.custom-select-option{min-height:40px}}.button-wrapper button:disabled{pointer-events:none}.mobile-toast{position:fixed;left:50%;bottom:calc(var(--selection-panel-h, 0px) + 16px + env(safe-area-inset-bottom,0px));transform:translate(-50%);max-width:calc(100vw - 32px);padding:8px 14px;border-radius:8px;background:#0f172aeb;color:#fff;font-size:var(--font-size-sm);line-height:1.35;z-index:10002;box-shadow:0 6px 20px #00000047;animation:infoTipIn .16s ease;pointer-events:none}