:root{--ui-scale: 1;--vh-raw: 100svh;--vw-raw: 100svw;--vh-phys: calc(var(--vh-raw) / var(--ui-scale));--vw-phys: calc(var(--vw-raw) / var(--ui-scale));--chart-min-mobile-portrait: calc(.72 * var(--vh-phys));--chart-min-mobile-landscape: calc(1.2 * var(--vh-phys));--rd-titlebar-h: 150px;--rd-gap: 16px;--rd-bg: #0d1117;--rd-topbar-bg: #1f6feb;--rd-chart-bg: #8957e5;--rd-card-bg: #d29922;--rd-breakpoint: 768px;--topbar-height: calc(80px + env(safe-area-inset-top, 0px)) ;--bg-color: #f5f5f5;--text-color: #213547;--button-bg: #002c5f;--button-text: #ffffff;--button-hover-bg: #FFDA70;--link-color: #646cff;--link-hover-color: #535bf2;--heading-color: #213547;--company-bg: #002C5F;--header-font-size: 18px;--background-color: #f5f5f5;--card-background: #ffffff;--header-background: #ffffff;--border-color: #d3d3d3;--legend-background: rgba(255, 255, 255, .8);--delay-fill-color: rgba(200, 200, 200, .2);--chart-shadow: 0 4px 8px rgba(0, 0, 0, .1);--local-time-color: #555555;--text-field-bg: #fafafa;--text-field-bg-focus: #eeeeee;--chart-bar-bg: #f9f9f9;--chart-bar-border: #d1d5db;--chart-line-color: #cccccc;--chart-tooltip-bg: #ffffff;--chart-tooltip-text: #000000;--chart-tooltip-border: #ccc;--chart-grid-color: #e5e5e5;--chart-text-color: #000000;--hover-bg: #e0e0e0;--highlight-color: #ffc72c;--toast-font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--toast-border-radius: 12px;--toast-bg-dark: #3a3a3a;--toast-bg-light: #ffffff;--toast-color: #f5f5f5}@supports (height: 100dvh) and (width: 100dvw){:root{--vh-raw: 100dvh;--vw-raw: 100dvw}}*{box-sizing:border-box}html,body{margin:0;color:var(--text-color);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;overscroll-behavior:none;touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{height:auto;min-height:100%}@supports (height: 100svh){#root{min-height:100svh}}@supports (height: 100lvh){#root{min-height:100lvh}}html,body{background:var(--background-color)}body:before{content:"";position:fixed;top:-50px;right:0;bottom:-50px;left:0;background:var(--background-color);z-index:-1;pointer-events:none}#root{width:var(--vw-raw);min-height:var(--vh-raw);overflow:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0)}@media (max-width: 1200px){#root{overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:100svh!important;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 16px)}}#ui-scale{backface-visibility:hidden;-webkit-transform:translateZ(0);display:block}html.lock-login,body.lock-login,#root.lock-login,html.lock-dashboard,body.lock-dashboard,#root.lock-dashboard{overflow:hidden;overscroll-behavior:none;touch-action:none}#root.lock-login,#root.lock-dashboard{width:var(--vw-raw);min-height:var(--vh-raw)}h1{font-size:3.2em;line-height:1.1;font-weight:700;color:var(--heading-color)}a{color:var(--link-color);text-decoration:none;font-weight:500}a:hover{color:var(--link-hover-color)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg);color:var(--button-text);cursor:pointer;transition:border-color .25s,background-color .25s,color .25s}button:hover{border-color:var(--link-color);background-color:var(--button-hover-bg)}table::-webkit-scrollbar{width:8px;height:8px}table::-webkit-scrollbar-track{background:var(--card-background)}table::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}table::-webkit-scrollbar-thumb:hover{background:var(--text-color)}:root.dark-mode table::-webkit-scrollbar-track{background:var(--background-color)}:root.dark-mode table::-webkit-scrollbar-thumb{background:var(--chart-line-color)}:root.dark-mode table::-webkit-scrollbar-thumb:hover{background:var(--link-color)}.loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.2rem;color:#f5f5f5;background:#222}:root.dark-mode{color-scheme:dark;--company-bg: #002C5F;--bg-color: #2b2b2b;--text-color: #f5f5f5;--button-bg: #444444;--button-text: #f5f5f5;--button-hover-bg: #FFDA70;--link-color: #ffd700;--link-hover-color: #ffc107;--heading-color: #f5f5f5;--local-time-color: #aaaaaa;--background-color: #222222;--card-background: #2c2c2c;--header-background: #333333;--surface-background: #3a3a3a;--button-primary: #DFAF1F;--button-primary-hover: #FFDA70;--button-primary-icon: #FFFFFF;--button-secondary: #666666;--button-secondary-hover: #7a7a7a;--button-secondary-icon: #dddddd;--button-disabled: var(--surface-background);--triangle-hover-color: #c0c0c0;--border-color: #444444;--legend-background: rgba(50, 50, 50, .8);--chart-shadow: 0 4px 8px rgba(0, 0, 0, .5);--chart-bar-bg: #444444;--chart-bar-border: #666666;--chart-line-color: #888888;--chart-tooltip-bg: #333333;--chart-tooltip-text: #ffffff;--chart-grid-color: #555555;--chart-text-color: #f5f5f5;--hover-bg: #555555;--highlight-color: #ffc72c;--text-field-bg: #3e3e3e;--text-field-bg-focus: #3f3f3f}.datetime-picker-dark .rdtPicker{background-color:var(--surface-background)!important;color:#fff!important;border:1px solid var(--surface-background)!important}.datetime-picker-dark .rdtPicker td.rdtDay:hover,.datetime-picker-dark .rdtPicker td.rdtDay.rdtActive{background-color:#444!important;color:#fff!important}.datetime-picker-dark .rdtPicker .rdtTimeToggle{color:#fff!important}.calendar-button{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;background-color:var(--button-secondary);border:none;color:var(--button-secondary-icon);cursor:pointer;width:40px;height:40px;box-shadow:0 2px 4px #0003;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.calendar-button:hover{background-color:var(--button-secondary-hover);color:var(--button-secondary-icon)}.calendar-button:active,.calendar-button--active{background-color:var(--highlight-color);color:var(--button-text);box-shadow:0 2px 6px #0003}.datetime-picker-dark .rdtPicker th.rdtSwitch:hover,.datetime-picker-dark .rdtPicker td.rdtSwitch:hover,.datetime-picker-dark .rdtPicker th.rdtPrev:hover,.datetime-picker-dark .rdtPicker th.rdtNext:hover{background-color:#444!important;color:#fff!important;cursor:pointer}.top-bar{display:flex;position:relative;align-items:center;justify-content:space-between;background-color:var(--company-bg);color:#fff;padding:calc(20px + env(safe-area-inset-top,0px)) 20px 15px 20px;height:var(--topbar-height);z-index:7;width:100%;box-sizing:border-box;-webkit-app-region:drag;-webkit-user-select:none;user-select:none}.top-bar__menu-button,.top-bar__menu-dropdown,.top-bar__logout,.top-bar__home-link a,.top-bar__menu-dropdown li{-webkit-app-region:no-drag;-webkit-user-select:auto;user-select:auto}.top-bar__minimize-button,.top-bar__close-button{position:absolute;top:50%;transform:translateY(-50%);font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent!important;border:none;color:#fff;cursor:pointer;-webkit-app-region:no-drag}.top-bar__minimize-button{right:54px}.top-bar__close-button{right:18px}.top-bar.dark-mode{background-color:#002c5f;color:#f5f5f5}.top-bar__left{display:flex;align-items:center}.top-bar__home-link{display:flex;align-items:center;text-decoration:none;color:inherit}.top-bar__logo{height:40px;margin-right:10px}.top-bar__title{margin:0;font-size:20px;font-weight:700;color:#fff}.top-bar__subtitle{margin:2px 0 0;font-size:16px;color:#a2adb5}.top-bar__center{display:flex;align-items:center;gap:16px}.top-bar__right{display:flex;align-items:center;gap:10px}.top-bar__efb-mode{display:flex;align-items:center;gap:8px}.top-bar__tablet-icon{color:inherit;transform:rotate(-90deg);font-size:20px}.top-bar__menu-container{position:relative}.top-bar__menu-button{margin-left:10px;margin-right:0;background:transparent!important;font-size:32px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;line-height:1;overflow:hidden;-webkit-app-region:no-drag}.top-bar__menu-dropdown{position:absolute;top:60px;left:0;background-color:#fff;color:#002c5f;box-shadow:0 8px 20px #0003;border-radius:10px;width:200px;padding:8px 0;z-index:1001;font-family:Segoe UI,sans-serif;animation:fadeIn .15s ease-out}.top-bar.dark-mode .top-bar__menu-dropdown{background-color:var(--surface-background);color:#f0f0f0;box-shadow:0 8px 20px #0009}.top-bar__menu-dropdown li{padding:12px 20px;border-bottom:1px solid #f0f0f0;transition:background .2s ease}.top-bar.dark-mode .top-bar__menu-dropdown li{border-bottom:1px solid #333333}.top-bar__menu-dropdown li:hover{background-color:#f5faff}.top-bar__menu-dropdown li.danger-action{color:#c0392b;font-weight:500}.top-bar__menu-dropdown li.danger-action:hover{background-color:#ffeaea}.top-bar__menu-dropdown li.danger-action:before{color:#c0392b;margin-right:8px;font-weight:500;vertical-align:middle}.top-bar.dark-mode .top-bar__menu-dropdown li:hover{background-color:#2a2a2a}.top-bar__menu-dropdown li:last-child{border-bottom:none}.top-bar__menu-dropdown a{color:#002c5f!important;text-decoration:none;font-weight:500}.top-bar.dark-mode .top-bar__menu-dropdown a{color:#f0f0f0!important}.fadeOut{animation:fadeOut .15s ease-in forwards}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}.home-menu{display:flex;justify-content:center;align-items:center;background-color:var(--company-bg);padding:10px;width:fit-content;margin:10px auto 10px 50px}.home-menu ul{list-style:none;display:flex;gap:30px;padding:0;margin:0}.home-menu li{display:inline-block}.home-menu a{font-family:Poppins,sans-serif;font-weight:600;font-size:16px;color:#fff;border-radius:12px;text-decoration:none;padding:8px 12px;transition:color .3s ease}.home-menu a:hover{color:gold;background-color:#fff3}.home-menu a.active{color:gold;font-weight:700}.dashboard{display:flex;flex-direction:column;height:100%;min-height:100%;width:auto;min-width:900px;min-height:700px;padding:0;box-sizing:border-box;background-color:var(--background-color);color:var(--text-color);overflow-x:hidden;overflow-y:hidden;touch-action:manipulation;-webkit-overflow-scrolling:touch;position:relative;transition:background-color .3s ease,color .3s ease}.dashboard_main_content_area{padding:20px;scrollbar-width:none;-ms-overflow-style:none;align-items:stretch;touch-action:manipulation;-webkit-overflow-scrolling:touch;display:flex;flex-grow:1;gap:20px;width:100%;min-width:0;height:100%;box-sizing:border-box;overflow:hidden;transition:background-color .3s ease,color .3s ease}.dashboard_main_content_area::-webkit-scrollbar{display:none}.dashboard_graph_wrapper{display:flex;align-items:center;justify-content:flex-start;min-height:0;overflow:hidden;height:100%;margin:-32px;padding:32px;flex:0 0 calc(70% - 14px);position:relative;transition:background-color .2s ease,color .2s ease;background:none;box-shadow:none}.dashboard_graph_wrapper.expanded{flex:0 0 100%}.dashboard_graph_section{box-sizing:border-box;background-color:var(--card-background);border-radius:8px;filter:drop-shadow(var(--chart-shadow));padding:0 20px;min-height:0;height:100%;width:100%;align-items:stretch;flex-grow:1;overflow:hidden;display:flex;flex-direction:column;flex:1 1 auto}.dashboard_legend_and_table_section{flex:0 0 calc(30% - 6px);min-height:0;background:none;box-shadow:none;box-sizing:border-box;overflow:visible;display:flex;flex-direction:column;align-items:stretch;transition:background-color .2s ease,color .2s ease;transition:transform .2s ease,opacity .2s ease,width .2s ease}.dashboard_legend_and_table_section.visible{opacity:1}.dashboard_legend_and_table_section.hidden{transform:translate(100%);opacity:0;pointer-events:none}.dashboard__header{background-color:var(--card-background);border-bottom:1px solid var(--border-color);margin:0 -20px;padding:10px 20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;border-top-left-radius:8px;border-top-right-radius:8px;width:calc(100% + 40px);position:relative;min-height:60px}.dashboard__header-center{display:flex;justify-content:center;align-items:center}.dashboard__header-info{max-width:33%;display:flex;flex-direction:column}.dashboard__header-text{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:5px;font-size:18px;font-weight:700;color:var(--text-color);margin-bottom:2px}.dashboard__header-subtext{margin-left:5px;font-size:16px;font-weight:500;margin-top:2px;color:var(--local-time-color)}.dashboard__controls{display:flex;margin-left:auto;margin-right:0;gap:20px;align-items:center}.dashboard__legend_container{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;margin-top:7px;padding:2px 4px;border-radius:4px;overflow:visible}.dashboard__line_item{display:flex;align-items:center;gap:8px}.dashboard__legend-line{display:flex;align-items:center;gap:4px}.dashboard__legend-line:before{content:"";width:20px;height:2px;background-color:var(--legend-line-color, #000)}.dashboard__legend-circle{width:6px;height:6px;background-color:var(--legend-line-color, #000);border-radius:50%;margin-left:-4px}.dashboard__legend-line:after{content:"";width:20px;height:2px;background-color:var(--legend-line-color, #000);margin-left:-4px}.legend-swatch{display:inline-block;width:14px;height:14px;border-radius:2px;margin-right:8px;vertical-align:middle;border:1px solid var(--chart-line-color, #ccc)}.legend-swatch--fill{background:var(--delay-fill-color);box-shadow:inset 0 0 0 1px #0000000d}.dashboard__legend-item{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-align:center;visibility:visible}.dashboard__legend-item.hidden{visibility:hidden}.dashboard__legend-item--historic{color:#ffbf00;font-size:18px;letter-spacing:1px;text-align:center}.dashboard__legend-item--forecast{color:#0ff}.live-legend{justify-content:flex-end;gap:8px;position:absolute;right:16px;top:50%;transform:translateY(-50%);display:flex;align-items:center;visibility:hidden;z-index:1}.live-legend-table{display:flex;align-items:center;justify-content:flex-end;gap:8px;position:relative;margin-right:0;visibility:hidden;transition:visibility .1s ease,opacity .1s ease;z-index:10;height:100%}.live-legend.visible,.live-legend-table.visible{visibility:visible;opacity:1}.live-rectangle{width:55px;height:19px;background-color:var(--header-background);border-radius:4px;display:flex;justify-content:center;align-items:center;border:1px solid var(--border-color)}.live-rectangle-table{width:55px;height:19px;background-color:var(--text-field-bg);border-radius:4px;display:flex;justify-content:center;align-items:center;border:1px solid var(--border-color)}.live-circle{width:10px;height:10px;margin-right:5px;background-color:var(--highlight-color);border-radius:50%}.live-text{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--highlight-color);line-height:1}.dashboard__chart{flex-grow:1;width:100%;height:100%;margin:0 17px;transition:background-color .3s ease,color .3s ease}.chart-metarbar-wrapper{display:flex;position:relative;height:100%;margin-left:-95px;flex:1;flex-direction:column;min-height:0;overflow-x:hidden}.y-axis-container{position:sticky;left:0;z-index:10;background-color:#f5f5f5;border-right:1px solid #ccc;display:flex;align-items:center;padding-left:10px;min-width:60px;height:100%}.chart-container{overflow:hidden;white-space:nowrap;display:flex;min-height:0;flex-grow:1;height:100%;padding-bottom:0;scroll-behavior:smooth;padding-left:60px}.dashboard__metar-bar{flex-shrink:0;margin-top:18px;margin-left:100px;margin-right:12px;transition:filter .2s ease,opacity .2s ease}.dashboard__metar-bar--loading{filter:blur(3px);opacity:.8;pointer-events:none;transition:background-color .3s ease,color .3s ease}.dashboard__section--sidebar{height:100%;overflow:hidden;background-color:transparent}.dashboard__legend{display:flex;align-items:center;gap:16px}.sidebar{background:none;box-shadow:none;border:none;padding:0;height:100%;position:relative;transition:background-color .3s ease}.dashboard__section table::-webkit-scrollbar{transition:background-color .3s ease,color .3s ease;width:8px}.dashboard__section table::-webkit-scrollbar-track{background:var(--card-background);transition:background-color .3s ease,color .3s ease}.dashboard__section table::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;transition:background-color .3s ease,color .3s ease}:root.dark-mode .dashboard__section table::-webkit-scrollbar-track{background:var(--background-color);transition:background-color .3s ease,color .3s ease}:root.dark-mode .dashboard__section table::-webkit-scrollbar-thumb{background:var(--chart-line-color);transition:background-color .3s ease,color .3s ease}.dashboard__iata-code{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px}.dashboard__chart-container{flex:1 1 auto;display:flex;align-items:stretch;position:relative;flex:1;min-height:0;margin-left:-11px;margin-right:-12px;overflow:hidden;contain:layout style paint size;isolation:isolate}.scrollable-container::-webkit-scrollbar{display:none!important}.scrollable-container{scrollbar-width:none!important}.scrollable-container{overflow:auto}.horizontal-buttons-container{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:-20px}.single-triangle-button-forward{position:relative;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;width:30px;height:30px;background:transparent;margin-left:6px}.single-triangle-button-forward:before{content:"";position:absolute;width:0;height:0;border-style:solid;margin-right:22px;border-width:12px 0 12px 16px;border-color:transparent transparent transparent grey}.single-triangle-button-tooltip{position:absolute;background-color:var(--tooltip-bg);color:var(--tooltip-text);font-size:12px;font-weight:700;padding:4px 8px;border-radius:4px;opacity:0;visibility:hidden;white-space:nowrap;top:-40px;left:50%;transform:translate(-50%);transition:opacity .2s ease,visibility .2s ease;z-index:10;border:1px solid var(--tooltip-border);box-shadow:0 4px 6px var(--tooltip-shadow)}.single-triangle-button-forward:hover .single-triangle-button-tooltip{opacity:1;visibility:visible}.single-triangle-button-backward{position:relative;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;width:30px;height:30px;background:transparent}.single-triangle-button-backward:before{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:12px 16px 12px 0;border-color:transparent grey transparent transparent}.single-triangle-button-tooltip{position:absolute;background-color:#333;color:#fff;font-size:12px;font-weight:700;padding:4px 8px;border-radius:4px;opacity:0;visibility:hidden;white-space:nowrap;top:-40px;left:50%;transform:translate(-50%);transition:opacity .2s ease,visibility .2s ease;z-index:10}.single-triangle-button-backward:hover .single-triangle-button-tooltip{opacity:1;visibility:visible}.single-triangle-button-backward:hover:before{border-color:transparent var(--triangle-hover-color) transparent transparent}.single-triangle-button-forward:hover:before{border-color:transparent transparent transparent var(--triangle-hover-color)}.jump-to-now-button{background-color:var(--button-secondary);color:var(--button-secondary-icon);font-size:.95rem;font-weight:700;display:flex;justify-content:center;align-items:center;line-height:1;height:34px;width:90px;border-color:var(--button-secondary);border-radius:4px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.jump-to-now-button:hover{border-color:var(--button-secondary-hover);background-color:var(--button-secondary-hover)}.jump-to-now-button:active{background-color:var(--button-primary)}.jump-to-now-button{margin:0 5px}.options-menu{position:absolute;top:50px;right:10px;background-color:var(--background, #333);border:1px solid var(--border-color, #555);padding:12px;border-radius:8px;box-shadow:0 4px 10px #0003;z-index:100;display:flex;flex-direction:column;gap:10px;width:220px}.options-menu label{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer;color:var(--text-color, white)}.options-menu input{accent-color:var(--highlight, yellow)}.options-button{position:relative;z-index:101}.dashboard__toggle-area{width:20px;height:140px;flex-shrink:0;background-color:var(--text-field-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s;box-shadow:3px 0 10px #0003;border-top-right-radius:10px;border-bottom-right-radius:10px}.dashboard__toggle-area:hover{background-color:var(--chart-line-color)}.toggle-icon{font-size:20px;color:var(--text-color);-webkit-user-select:none;user-select:none}.rewind-day-button{background-color:var(--button-secondary);border:none;color:var(--button-secondary-icon);cursor:pointer;font-size:.95rem;height:34px;width:90px;border-radius:4px;transition:background-color .2s ease,color .2s ease;font-weight:700;display:flex;justify-content:center;align-items:center;line-height:1}.rewind-day-button:hover{background-color:var(--button-secondary-hover)}.rewind-day-button:disabled{background-color:var(--surface-background);color:gray;cursor:not-allowed}.rewind-chevron-button{width:90px;height:34px;border-radius:4px;font-size:.95rem;font-weight:700;border:none;padding:0;color:var(--button-primary-icon);background-color:var(--button-primary);justify-content:center;align-items:center;line-height:1}.rewind-chevron-button:disabled{background-color:var(--surface-background);color:gray;cursor:not-allowed}.rewind-chevron-button:hover{background-color:var(--button-primary-hover)}.rewind-chevron-button:disabled:hover{background-color:var(--surface-background)}.dashboard__legend_container{--live-w: 55px;--live-right-gap: 16px;--live-spacing: 8px;--legend-safe-pad-right: calc(var(--live-w) + var(--live-right-gap) + var(--live-spacing));position:relative;display:flex;align-items:center;justify-content:center;padding:2px 4px;padding-right:var(--legend-safe-pad-right);width:100%;margin-top:7px;border-radius:4px;overflow:visible}.dashboard__legend-center{display:inline-flex;align-items:center;gap:16px;white-space:nowrap;max-width:100%}.live-legend{position:absolute;right:var(--live-right-gap);top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;visibility:hidden;z-index:1}.live-legend.visible{visibility:visible}@media (max-width: 420px){.dashboard__legend_container{--live-spacing: 6px}}:root{--metar-bar-bg: #e5e5e5;--metar-segment-bg-1: #CCE4F6;--metar-segment-bg-2: #F2F2F2;--metar-segment-text-1: #3A506B;--metar-segment-text-2: #4F4F4F;--metar-segment-border: #d1d5db;--metar-segment-shadow: rgba(0, 0, 0, .08);--segment-hover-bg: #FFDA70;--tooltip-bg: #ffffff;--tooltip-text: #000000;--tooltip-border: #ccc;--tooltip-shadow: rgba(0, 0, 0, .3);--taf-segment-bg: #5F9EA0;--taf-segment-border: #89CFF0;--taf-segment-text: #333333;--empty-segment-bg: #E5E5E5;--empty-segment-text: #666666}:root.dark-mode{--metar-bar-bg: #2b2b2b;--metar-segment-bg-1: #555555;--metar-segment-bg-2: #777777;--metar-segment-text-1: #dddddd;--metar-segment-text-2: #cccccc;--metar-segment-border: #888888;--metar-segment-shadow: rgba(0, 0, 0, .5);--tooltip-bg: #333333;--tooltip-text: #ffffff;--tooltip-border: #555555;--tooltip-shadow: rgba(0, 0, 0, .7);--segment-hover-bg: #FFDA70;--taf-segment-bg: #5F9EA0;--taf-segment-border: #89CFF0;--taf-segment-text: #FFFFFF;--empty-segment-bg: #444444;--empty-segment-text: #AAAAAA}.metar-bar-container{display:flex;align-items:center;width:calc(100%+14px);height:26px;min-height:26px;background-color:var(--metar-bar-bg);position:relative;box-sizing:border-box;z-index:3;margin-bottom:0;overflow:visible}.metar-bar-empty{margin-top:-32px;margin-bottom:-30px}.metar-segment{border:1px solid var(--metar-segment-border);height:100%;position:relative;z-index:1;cursor:pointer;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s;transition:background-color .3s ease,color .3s ease;will-change:transform,box-shadow;background-color:var(--metar-segment-bg);box-shadow:0 1px 2px var(--metar-segment-shadow);margin-bottom:32px}.metar-segment:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003;z-index:10;background-color:var(--segment-hover-bg)!important}.tooltip{position:absolute;display:none;bottom:0;width:-100px;transform:translate(0);background-color:var(--tooltip-bg);color:var(--tooltip-text);font-family:Courier New,monospace;font-size:14px;padding:0;border-radius:0;text-align:left;white-space:pre-wrap;z-index:1000;pointer-events:none;transition:opacity .2s ease,left .2s ease;opacity:0;visibility:hidden;border:1px solid var(--tooltip-border);box-shadow:0 0 0 var(--tooltip-shadow)}.tooltip-follow{background-color:#ff000080;border:1px solid yellow}.segment-wrapper{display:flex;position:relative;z-index:1;justify-content:center;align-items:center;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:100%;box-sizing:border-box}.segment-text{font-size:.9em;font-family:Arial,sans-serif,"Segoe UI Emoji";overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%;text-align:center;color:var(--tooltip-text)}.taf-segment{height:100%;position:absolute;cursor:pointer;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s;transition:background-color .3s ease,color .3s ease;background-color:var(--taf-segment-bg);color:var(--taf-segment-text);border:1px solid var(--metar-segment-border);box-shadow:0 1px 2px var(--metar-segment-shadow);margin-bottom:32px}.taf-segment:hover{transform:scaleX(1) scaleY(1.05);box-shadow:0 4px 8px #0003;z-index:10;transition:transform .2s ease,box-shadow .2s ease;background-color:var(--segment-hover-bg)!important}.taf-segment .tooltip,.taf-empty-segment .tooltip{visibility:hidden;opacity:0}.taf-segment:hover .tooltip,.taf-empty-segment:hover .tooltip{display:block;visibility:visible;opacity:1}.taf-empty-segment{height:100%;position:absolute;cursor:pointer;background-color:var(--empty-segment-bg);color:var(--empty-segment-text);border:1px solid var(--metar-segment-border);box-shadow:0 1px 2px var(--metar-segment-shadow)}.taf-empty-segment:hover{transform:scaleX(1) scaleY(1.05);box-shadow:0 4px 8px #0003;z-index:10}.weather-icon{width:32px;height:32px;margin:0 -5px;vertical-align:middle}.metar-info-container{display:flex;align-items:center;justify-content:flex-start;position:relative;font-family:Arial,sans-serif;margin:14px 0 6px;padding-top:6px;z-index:500}.metar-info-text{font-size:16px;font-weight:500;font-family:Roboto,Arial,sans-serif;color:var(--text-color);letter-spacing:.5px;line-height:1;margin-right:5px;text-transform:capitalize}.metar-info-icon-container{position:relative;display:inline-block;cursor:pointer;line-height:1}.metar-info-icon{font-size:18px;color:var(--link-color);vertical-align:middle}.metar-info-tooltip{visibility:hidden;opacity:0;position:absolute;bottom:-650%;left:-580%;transform:translate(-50%);background-color:var(--card-background);color:var(--text-color);font-size:14px;text-align:left;padding:12px 15px;border-radius:5px;box-shadow:0 4px 8px #0003;z-index:1000;transition:opacity .3s ease;width:250px;pointer-events:none;border:1px solid var(--border-color)}.metar-info-icon-container:hover .metar-info-tooltip{visibility:visible;opacity:1}.metar-info-tooltip-description{font-size:14px;line-height:1.3;margin-bottom:10px}.metar-info-tooltip-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:auto 1fr;gap:5px 10px;align-items:center}.metar-info-tooltip-item{display:contents}.metar-info-tooltip-emoji{font-size:18px;text-align:center;line-height:1;vertical-align:middle}.metar-info-tooltip-text{font-size:14px;text-align:left;line-height:1.4}.metar-info-tooltip-disclaimer{font-size:12px;color:var(--local-time-color);margin-top:10px;text-align:left;line-height:1.2;font-style:italic}.last-update-container{display:flex;margin-right:8px;flex-direction:column;align-items:flex-end;justify-content:center;padding-left:16px}.last-update-time{font-size:18px;font-weight:700;color:var(--text-color)}.last-update-label{margin-top:2px;font-weight:500;font-size:16px;color:var( --local-time-color )}.time-info-container{display:flex;flex-shrink:0;box-sizing:border-box;justify-content:space-between;align-items:center;width:calc(100% - 80px);margin-left:60px;font-size:14px;font-weight:500;font-family:Roboto,Arial,sans-serif;color:var( --local-time-color );margin-top:0;margin-bottom:0;padding-bottom:24px;padding-top:20px}.time-info-container.ios-padding{padding-bottom:55px}.time-info-label-left{text-align:left;line-height:1;margin-top:0;font-weight:700}.time-info-label-right{text-align:right;line-height:1;margin-top:0;font-weight:700}html.modal-open,body.modal-open{overflow:hidden!important}.modal-base{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:grid;place-items:center;background:#00000073;opacity:0;transition:opacity .18s ease}.modal-base.visible.is-entered{opacity:1}.modal-base--stage{position:absolute;inset:var(--overlay-top-layout, 0) 0 0 0}.modal-base--fixed{position:fixed;width:var(--vvw, 100vw);height:var(--vvh, 100vh);left:0;top:0}.modal-base-frame{position:relative;width:100%;height:100%;padding:8px}.modal-base-scaler{position:absolute;top:50%;left:50%;transform-origin:center center;transform:translate(-50%,-50%);outline:none}.modal-base--fixed .modal-base-scaler{transform:translate(-50%,-50%) scale(var(--overlay-scale, 1))}.modal-base-card{background:var(--card-background);border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 12px 40px #0000008c;width:auto;max-width:min(720px,92vw);min-width:280px;transform:scale(.96);opacity:0;transition:transform .18s ease,opacity .18s ease;display:flex;flex-direction:column;max-height:calc(100% - 32px)}.modal-base-card.is-entered{transform:scale(1);opacity:1}.modal-base-card.is-exiting{transform:scale(.985);opacity:0}.modal-base--fixed .modal-base-card{width:auto;min-width:calc(280px / var(--overlay-scale, 1));max-width:min(calc(860px / var(--overlay-scale, 1)),calc((var(--vvw, 100vw) - 32px) / var(--overlay-scale, 1)));max-height:calc((var(--vvh, 100vh) - 64px) / var(--overlay-scale, 1))}.modal-base-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 10px;border-bottom:1px solid rgba(255,255,255,.06)}.modal-base-title{font-weight:700;font-size:18px;color:var(--text-color)}.modal-base-close{background:transparent;border:none;color:var(--text-color);font-size:22px;line-height:1;cursor:pointer}.modal-base-body{padding:18px;color:var(--text-color);overflow:auto}.modal-base-footer{padding:12px 18px 18px;display:flex;gap:12px;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.06)}@media (max-height: 420px) and (orientation: landscape){.modal-base-header{padding:10px 12px 8px}.modal-base-body{padding:12px}.modal-base-footer{padding:10px 12px 12px}}.modal-base--stage .modal-base-card{max-width:560px;align-self:center}@media (min-width: 768px){.modal-base--stage .modal-base-card:has(.options-modal-body){max-width:min(520px,92vw);align-self:center;flex:0 0 auto}}.options-modal-body{display:grid;gap:12px;padding:4px 2px}.opt-row{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:12px;font-size:.98rem;cursor:pointer;-webkit-user-select:none;user-select:none}.opt-row input[type=checkbox]{inline-size:18px;block-size:18px;accent-color:var(--button-primary)}.options-modal-footer{display:flex;justify-content:flex-end;gap:8px}.progress-content{box-sizing:border-box;background:var(--card-background);color:var(--text-color);padding:4px 2px}.progress-message{margin:0 0 16px;font-size:1rem;font-weight:600}.progress-bar{position:relative;width:100%;height:20px;min-width:200px;background:var(--border-color);border-radius:10px;overflow:hidden;margin-bottom:16px}.progress-bar-fill{height:100%;background:var(--button-primary);transition:width .2s ease}.progress-percentage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-weight:600;pointer-events:none}.progress-info{font-size:.95rem;opacity:.85;line-height:1.4;margin-top:8px;text-align:left}.progress-actions{display:flex;gap:12px;justify-content:flex-end}.progress-cancel{padding:.5rem 1rem;background:var(--button-secondary);color:var(--button-secondary-icon);border:1px solid var(--border-color);border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.progress-cancel:hover{background:var(--button-secondary-hover)}@media (max-width: 767px){.progress-percentage{font-size:clamp(11px,3.8vw,1rem)}}.dashboard__placeholder{height:100%;width:100%;z-index:800;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;box-sizing:border-box;position:relative}.dashboard__placeholder-background{position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none}.dashboard__placeholder-image{margin-top:5vh;max-height:60%;max-width:80%;object-fit:contain;margin-bottom:2rem;z-index:1}.dashboard__placeholder-text{font-size:1.2rem;margin-bottom:1rem;color:var(--text-color, #002c5f);z-index:1}.dashboard__placeholder-button{pointer-events:auto;width:120px;height:40px;font-size:1rem;background-color:var(--button-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease;z-index:1}.dashboard__placeholder-button:hover{background-color:var(--button-hover-bg)}.ampel-page{padding:20px;background-color:var(--bg-color);color:var(--text-color);min-height:100vh;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.ampel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.ampel-header h1{color:var(--heading-color);margin:0;font-size:2.5em;font-weight:700}.ampel-controls{display:flex;align-items:center;gap:15px}.last-update{color:var(--local-time-color);font-size:.9em;background-color:var(--card-background);padding:8px 16px;border-radius:8px;border:1px solid var(--border-color)}.status-indicator{margin-left:10px;font-weight:500}.status-indicator.loading{color:var(--highlight-color)}.status-indicator.error{color:#f44336}.refresh-btn{background-color:var(--button-bg);color:var(--button-text);border:1px solid var(--border-color);border-radius:8px;padding:8px 16px;cursor:pointer;transition:all .3s ease}.refresh-btn:hover:not(:disabled){background-color:var(--button-hover-bg);color:var(--text-color)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.ampel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-bottom:30px}.ampel-card{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:20px;box-shadow:var(--chart-shadow);transition:all .3s ease}.ampel-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0003}.ampel-card.red{border-left:4px solid #F44336}.ampel-card.yellow{border-left:4px solid #FFC107}.ampel-card.green{border-left:4px solid #4CAF50}.ampel-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.service-name{color:var(--heading-color);margin:0;font-size:1.3em;font-weight:600;letter-spacing:1px}.status-badge{padding:4px 12px;border-radius:20px;color:#fff;font-size:.75em;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ampel-main{display:flex;align-items:center;gap:25px}.ampel-lights{display:flex;flex-direction:column;gap:8px;background-color:var(--surface-background);border:2px solid var(--border-color);border-radius:20px;padding:12px 8px;box-shadow:inset 0 2px 4px #0000004d}.light{width:35px;height:35px;border-radius:50%;border:2px solid var(--border-color);opacity:.2;transition:all .3s ease}.light.red{background-color:#f44336}.light.yellow{background-color:#ffc107}.light.green{background-color:#4caf50}.light.active{opacity:1;box-shadow:0 0 15px currentColor;animation:glow 2s infinite alternate}@keyframes glow{0%{box-shadow:0 0 15px currentColor}to{box-shadow:0 0 25px currentColor}}.ampel-info{flex:1}.percentage{font-size:2.5em;font-weight:700;color:var(--highlight-color);line-height:1;margin-bottom:5px}.availability{color:var(--local-time-color);font-size:.9em;text-transform:uppercase;letter-spacing:.5px;margin-bottom:15px}.error-info{background-color:#f443361a;border-left:3px solid #F44336;padding:8px 12px;border-radius:4px;margin-bottom:15px;font-size:.85em;color:#f44336}.stats{display:flex;flex-direction:column;gap:5px;font-size:.8em;color:var(--local-time-color)}.ampel-legend{display:flex;justify-content:center;gap:30px;background-color:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:20px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.9em;color:var(--text-color)}.legend-light{width:16px;height:16px;border-radius:50%;border:1px solid var(--border-color)}.legend-light.red{background-color:#f44336}.legend-light.yellow{background-color:#ffc107}.legend-light.green{background-color:#4caf50}@media screen and (max-width: 768px){.ampel-grid{grid-template-columns:1fr}.ampel-header{flex-direction:column;gap:15px;text-align:center}.ampel-main{flex-direction:column;text-align:center;gap:15px}.ampel-legend{flex-direction:column;gap:15px}}@media screen and (max-width: 480px){.ampel-page,.ampel-card{padding:15px}.percentage{font-size:2em}}html,body,#root{height:100%}html{scrollbar-gutter:stable both-edges}#ui-scale{display:block}.rd-root{height:100%;min-height:100%;background:var(--background-color);display:flex;flex-direction:column}@supports (height: 100dvh){.rd-root{min-height:100dvh}}.rd-topbar{height:var(--topbar-height);background:var(--rd-topbar-bg);border-bottom:1px solid rgba(255,255,255,.08)}.rd-topbar-content{height:100%;display:flex;align-items:center;padding:0 16px;font-weight:600}.rd-main{display:grid;grid-template-rows:auto minmax(0,1fr);gap:var(--rd-gap);padding:var(--rd-gap);overflow:hidden;min-height:0;flex:1 1 auto}.rd-content{display:grid;grid-template-columns:7fr 3fr;gap:var(--rd-gap);min-height:0;align-items:stretch;overflow:hidden}.rd-left{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;background:var(--card-background);border-radius:12px;border:1px solid rgba(255,255,255,.08);box-shadow:0 2px 10px #00000040}.rd-right{display:grid;grid-template-areas:"legend" "table";grid-template-rows:auto minmax(0,1fr);gap:var(--rd-gap);min-height:0;min-width:0;overflow:hidden}.rd-card{border-radius:12px;background:var(--card-background);box-shadow:0 2px 10px #00000040;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;min-height:0;overflow:hidden;box-sizing:border-box}.rd-card--legend{grid-area:legend;align-self:start}.rd-card--table{grid-area:table;position:relative;align-self:stretch}.rd-card--table table,.rd-card--table tbody,.rd-card--table tbody tr td{height:100%}.dashboard__chart-container{flex:1 1 auto;display:flex;align-items:stretch;position:relative;min-height:260px;margin-left:-11px;margin-right:-12px;overflow:hidden;contain:layout style paint size;isolation:isolate}.rd-titlebar{background:transparent;border-radius:0;padding:0}.tb-grid{display:grid;grid-template-columns:7fr 3fr;gap:var(--rd-gap);align-items:stretch;width:100%;min-width:0}.tb-card{background:var(--card-background);border-radius:12px;border:1px solid rgba(255,255,255,.08);box-shadow:0 2px 10px #00000040;padding:20px 35px;min-width:0}.tb-card--left{background:var(--card-background)}.tb-card--right{background:var(--card-background);display:flex;align-items:stretch}.tb-left-cols{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:stretch;min-width:0}.tb-info{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:0}.dashboard__header-text{font-size:var(--header-font-size);font-weight:700;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard__header-subtext{font-size:14px;color:var(--local-time-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-field{width:100%;max-width:460px}.tb-actions-col{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.tb-lastupdate{color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px;text-align:right}.tb-lastupdate.stale{color:#ffc72c;font-weight:600;animation:none}@keyframes stale-blink{0%,to{opacity:1}50%{opacity:.65}}.tb-refresh{align-self:flex-end}.tb-refresh.btn-glow{box-shadow:0 0 #ffc72c33;animation:refresh-glow 3s ease-in-out infinite}@keyframes refresh-glow{0%{box-shadow:0 0 #ffc72c2e}50%{box-shadow:0 0 10px 3px #ffc72c52}to{box-shadow:0 0 #ffc72c2e}}.tb-card--right.is-historic{display:flex;align-items:center;justify-content:center}.tb-card--right.is-historic .dashboard__legend-item{font-size:18px;letter-spacing:1px;text-align:center}.rd-right{grid-template-areas:"legend" "table";grid-template-rows:auto minmax(0,1fr);align-items:stretch}.rd-right.is-swapped{grid-template-areas:"table" "legend";grid-template-rows:minmax(0,1fr) auto}@media (max-width: 1200px){.rd-root{height:auto!important;min-height:auto!important}.rd-main{overflow:visible}.rd-content{grid-template-columns:1fr;overflow:visible;-webkit-overflow-scrolling:auto;min-height:auto;max-height:none;padding-right:4px}.rd-right{grid-template-columns:1fr;grid-template-rows:auto auto;overflow:visible}.rd-left{height:auto;min-height:var(--chart-min-mobile-portrait);overflow:visible}.tb-grid{grid-template-columns:1fr}.tb-actions-col{align-items:flex-end}.tb-lastupdate{text-align:right}.horizontal-buttons-container{display:grid!important;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;grid-template-areas:"back3h center fwd3h" "dayminus dayplus live";column-gap:12px;row-gap:8px;margin:-20px 0 0!important;width:100%;min-width:0;justify-items:center;align-items:center}.horizontal-buttons-container .single-triangle-button-backward{grid-area:back3h;justify-self:end}.horizontal-buttons-container .jump-to-now-button{grid-area:center;justify-self:center}.horizontal-buttons-container .single-triangle-button-forward{grid-area:fwd3h;justify-self:start}.horizontal-buttons-container .rewind-day-button:not(.rewind-chevron-button):first-of-type{grid-area:dayminus;justify-self:end}.horizontal-buttons-container .rewind-day-button:not(.rewind-chevron-button):last-of-type{grid-area:dayplus;justify-self:start}.horizontal-buttons-container .rewind-day-button.rewind-chevron-button[lockid=to-live]{grid-area:live;justify-self:start;margin-left:0!important}.horizontal-buttons-container .rewind-day-button,.horizontal-buttons-container .rewind-chevron-button{margin:0!important}.horizontal-buttons-container>*{flex:0 0 auto!important;row-gap:19px!important}.horizontal-buttons-container .symmetry-spacer,.horizontal-buttons-container>button[style*="visibility: hidden"]{display:none!important}.time-info-container .time-info-label-left,.time-info-container .time-info-label-right{display:none!important}.rd-titlebar .tb-grid{margin-left:-4px}.rd-card--legend{overflow:visible}.rd-card--table{contain:none!important;height:max(var(--match-h, 0px),300px)!important;max-height:none!important;overflow:auto;min-height:0}}@media (max-width: 1200px) and (orientation: landscape) and (hover: none) and (pointer: coarse){.rd-right{grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-template-areas:"legend table";align-items:stretch}.rd-right.is-swapped{grid-template-areas:"table legend"}.rd-card--table{contain:none!important;height:var(--match-h, auto)!important;max-height:none!important;overflow:auto;min-height:0}.rd-left{min-height:var(--chart-min-mobile-landscape)}.tb-metar{-webkit-line-clamp:2}}@media (max-width:1200px) and (orientation: landscape) and (hover:none) and (pointer:coarse) and (max-height:420px){.tb-card.tb-card--right,.tb-metar--withinfo{min-height:clamp(120px,28vh,170px)}}@supports (height: 100svh){.rd-root{min-height:100svh}}@supports (height: 100lvh){.rd-root{min-height:100lvh}}@media (max-width: 1200px){.rd-root{height:auto!important;min-height:100svh!important}}.rd-main{padding-bottom:max(var(--rd-gap),env(safe-area-inset-bottom,0px))}.table-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:5;pointer-events:none;padding:16px}.table-overlay .dashboard__legend-item--historic{font-size:20px;letter-spacing:1px;text-align:center;opacity:.9}.dashboard__legend-item--subtitle{font-size:var(--header-font-size);font-weight:600;color:var(--text-color);letter-spacing:.02em;text-transform:none;justify-self:start;align-self:center;text-align:left;display:inline-block;margin:0 0 0 21px}:root{--header-font-size: 18px}.tb-card--right{display:flex;align-items:stretch;background:var(--card-background)}.tb-metar{display:flex;flex-direction:column;gap:8px;color:var(--text-color);opacity:.9;min-width:0;width:100%}.tb-metar--withinfo{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"text btn";gap:12px;align-items:stretch;height:100%;min-width:0;min-height:0}.tb-metar-textcol{grid-area:text;display:flex;flex-direction:column;gap:4px;min-width:0}.tb-metar-btncol{grid-area:btn;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;min-height:0}.tb-metar-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.25}.tb-metar-sub{font-size:12px;line-height:1.2;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metar-info-btn{height:34px;min-width:72px;padding:6px 12px;background:var(--button-secondary);color:var(--button-secondary-icon);border:1px solid var(--border-color);border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s,transform .06s ease}.metar-info-btn:hover{background:var(--button-secondary-hover)}.metar-info-btn:active{transform:translateY(1px)}.metar-info-btn:focus-visible{outline:2px solid var(--button-primary);outline-offset:2px}.tb-metar--historic{display:flex;align-items:center;justify-content:center;min-height:40px}@media (max-width: 1200px){.tb-metar--withinfo{grid-template-columns:1fr;grid-template-rows:1fr auto;grid-template-areas:"text" "btn";min-height:clamp(120px,22vh,160px)}.tb-metar-btncol{justify-content:flex-end;align-items:flex-start;margin-top:6px}.tb-metar{-webkit-line-clamp:3}.metar-info-btn{min-width:84px}}.metar-info-modal-body{line-height:1.35;font-size:14px}.metar-info-list{list-style:none;padding-left:0;margin:8px 0 12px}.metar-info-row{display:flex;align-items:center;gap:8px;margin:6px 0}.metar-info-icon{width:clamp(24px,5.5vh,38px);height:clamp(24px,5.5vh,38px);flex:0 0 auto}.metar-info-footnote{font-size:12px;opacity:.7}.metar-info-ok{padding:.5rem 1rem;background:var(--button-secondary);color:var(--button-secondary-icon);border:1px solid var(--border-color);border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.metar-info-ok:hover{background:var(--button-secondary-hover)}@media (max-height: 420px) and (orientation: landscape){.metar-info-modal-body{font-size:13px}.metar-info-list{display:grid;grid-template-columns:1fr 1fr;column-gap:12px;row-gap:6px;margin:6px 0 10px}.metar-info-row{margin:0;gap:6px}.metar-info-icon{width:clamp(22px,6vh,32px);height:clamp(22px,6vh,32px)}}.stale-body{line-height:1.35;font-size:14px}.stale-list{margin:10px 0 0;padding-left:18px}.stale-footer{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.stale-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;opacity:.9}.stale-actions{display:flex;gap:10px}.btn-primary{padding:.5rem 1rem;background:var(--button-primary);color:var(--button-primary-text, #fff);border:1px solid var(--border-color);border-radius:8px;font-weight:700;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.btn-primary:hover{background:var(--button-primary-hover, var(--button-primary))}.btn-secondary{padding:.5rem 1rem;background:var(--button-secondary);color:var(--button-secondary-icon);border:1px solid var(--border-color);border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.btn-secondary:hover{background:var(--button-secondary-hover)}.conten-area{min-height:100vh;background:#f4f4f4;color:#333;display:flex;flex-direction:column}.product-journey-container{min-height:100vh;background:#f4f4f4;color:#333;display:flex;align-items:center;text-align:center;flex-direction:column}.background{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(../images/background.webp);background-size:cover;background-position:center;z-index:1;opacity:.8;pointer-events:none}.hero-section{width:100%;background:#f4f4f4;color:#333;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;margin-bottom:40px;margin-top:70px;min-height:100px}.hero-title{font-size:3rem;font-weight:700;margin-bottom:10px}.hero-subtitle{font-size:1.5rem;max-width:600px}.journey-sections{width:100%;max-width:1200px;padding:50px 20px}.journey-section{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:100px;opacity:0}.journey-section:nth-child(2n){flex-direction:row-reverse}.section-image{width:50%;height:auto;border-radius:10px;box-shadow:0 4px 8px #0000001a}.section-content{width:50%;text-align:left}.section-content h2{font-size:2rem;font-weight:700;margin-bottom:10px}.section-content p{font-size:1.2rem;color:#555}.footer{width:100%;background-color:#222;color:#fff;text-align:center;padding:20px;font-size:.9rem}.page-wrapper{display:flex;flex-direction:column;min-height:100%;background:#f4f4f4;color:#333}.page-wrapper>.topbar{width:100%;position:sticky;top:0;z-index:100}.content-container{max-width:900px;margin:0 auto;text-align:center;padding:40px 20px}.title{font-size:2rem;font-weight:700;margin-bottom:10px}.subtitle{font-size:1.2rem;color:#666;margin-bottom:30px}.grid-container{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-content:center}.card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a;transition:box-shadow .3s ease-in-out}.card:hover{box-shadow:0 6px 12px #00000026}.card-header{display:flex;align-items:center;gap:10px}.card-header h2{font-size:1.2rem;font-weight:700}.card-description{color:#555;margin-top:10px}.details-list{margin-top:10px;text-align:left;list-style:none;padding:0}.details-list li{font-size:.9rem;padding:5px 0;display:flex;align-items:center}.details-list li:before{content:"✅";margin-right:8px}.toggle-button{margin-top:10px;border:none;background:none;color:#007bff;font-size:1rem;cursor:pointer;transition:color .3s ease}.toggle-button:hover{color:#0056b3}.icon{font-size:2rem}.blue{color:#007bff}.green{color:#28a745}.purple{color:#6f42c1}@media (max-width: 768px){.grid-container{grid-template-columns:1fr}}