#taiwan-warning{position:fixed;top:88px;right:24px;z-index:55;width:288px;color:#d5e0e9;border:1px solid #334155;border-top:3px solid #64748b;background:#040b16ed;backdrop-filter:blur(12px);padding:15px;font-family:Inter,system-ui,sans-serif;border-radius:8px;box-shadow:0 10px 30px #0004}#taiwan-warning[data-level=sea]{border-color:#b7791f;border-top-color:#fbbf24}#taiwan-warning[data-level=land]{border-color:#b94242;border-top-color:#f87171}.tw-eyebrow{font:9px monospace;letter-spacing:1.5px;color:#94a3b8;display:flex;justify-content:space-between}.tw-sim{padding:1px 5px;border:1px solid #475569;border-radius:3px;color:#cbd5e1}#tw-warning-title{margin:9px 0 7px;font-size:19px;line-height:1.5;font-weight:800}#taiwan-warning[data-level=sea] #tw-warning-title{color:#fbbf24}#taiwan-warning[data-level=land] #tw-warning-title{color:#f87171}#tw-warning-summary{font-size:11px;color:#b3c1cd;line-height:1.8;margin:0}#tw-warning-metrics{display:flex;gap:14px;justify-content:space-between;font-size:10px;color:#94a3b8;margin-top:11px;padding-top:10px;border-top:1px solid #ffffff15}#tw-warning-metrics strong{display:block;color:#e2e8f0;font:15px monospace;margin-top:4px}#taiwan-warning details{margin-top:9px;font-size:10px;color:#94a3b8;line-height:1.8}#taiwan-warning summary{cursor:pointer;color:#a5d9ea;user-select:none}#tw-warning-log{margin:9px 0;padding-left:16px;max-height:90px;overflow:auto}#tw-warning-log li{padding:3px 0}#taiwan-demo{display:block;padding:6px 9px;border:1px solid #475569;border-radius:5px;background:#122032;color:#cbd5e1;font-size:10px;margin-top:10px}#taiwan-demo:hover{border-color:#22d3ee;color:#67e8f9}#taiwan-warning a{color:#67e8f9}#shear-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:11;pointer-events:none;display:none}#wind-shear-legend{display:none;position:fixed;right:24px;bottom:90px;width:288px;z-index:55;padding:13px;background:#040b16ed;border:1px solid #334155;border-radius:8px;color:#cad5df;font-family:system-ui}#wind-shear-legend h3{font:700 11px monospace;letter-spacing:1px;margin:0 0 6px}#wind-shear-legend p{font-size:9px;line-height:1.6;color:#94a3b8;margin:5px 0}.shear-swatches{display:flex;height:7px;border-radius:2px;overflow:hidden}.shear-labels{display:flex;justify-content:space-between;font:9px monospace;margin-top:5px}#shear-center{font:12px monospace;color:#67e8f9}.tw-layer-on{border-color:#22d3ee!important;background:#164e6380!important;color:#67e8f9!important}#toggleShearButton{min-width:50px;width:auto!important;padding:0 6px;gap:4px}#tw-warning-toggle{font:9px monospace;color:#94a3b8;cursor:pointer;display:block;margin-top:8px}#taiwan-warning input[type=checkbox]{accent-color:#22d3ee;margin-right:5px}html{height:100%;overflow:hidden}body{margin:0;min-height:100%;overscroll-behavior:none}.tcs-hud{position:fixed!important}#taiwan-warning button:focus-visible,#toggleShearButton:focus-visible{outline:2px solid #67e8f9;outline-offset:3px}@media(max-width:760px){#taiwan-warning{right:10px;top:82px;width:200px;padding:10px}#tw-warning-title{font-size:15px}#tw-warning-summary{font-size:10px}#tw-warning-metrics{font-size:9px;gap:6px}#tw-warning-metrics strong{font-size:12px}#wind-shear-legend{right:10px;bottom:85px;width:220px;padding:9px}.tw-eyebrow{font-size:8px}}@media(max-height:580px){#taiwan-warning{top:70px;padding:9px}#tw-warning-title{font-size:15px;margin:4px 0}#tw-warning-metrics{margin-top:6px;padding-top:5px}#wind-shear-legend{bottom:80px}}

#taiwan-warning[hidden]{display:none!important}
#taiwan-warning{max-height:calc(100vh - 16px);overflow:auto}
#tw-warning-drag{cursor:grab;touch-action:none;user-select:none;align-items:center;gap:6px;min-height:24px}
#tw-warning-drag.dragging{cursor:grabbing}
#tw-warning-close{font:22px system-ui;line-height:24px;width:26px;flex-shrink:0;border-radius:4px;color:#94a3b8;background:transparent;border:0;cursor:pointer}
#tw-warning-close:hover{color:white;background:#334155}
#toggleTaiwanWarningButton{padding:0 7px;gap:4px}
#tw-warning-drag:focus-visible,#toggleTaiwanWarningButton:focus-visible{outline:2px solid #67e8f9;outline-offset:3px}

/* Compact shear legend and icon toolbar controls. */
#wind-shear-legend{width:220px;padding:9px 10px}
#wind-shear-legend h3{font-size:10px;letter-spacing:.5px;margin-bottom:6px}
#wind-shear-legend p{font-size:9px;line-height:1.4;margin:5px 0 0}
#wind-shear-legend .shear-labels{font-size:8px}
#wind-shear-legend .shear-swatches{height:5px}
#wind-shear-legend #shear-center{font-size:10px}
#toggleTaiwanWarningButton,#toggleShearButton{width:32px!important;min-width:32px;padding:0;gap:0;flex-shrink:0}
@media(max-width:760px){#wind-shear-legend{width:200px;padding:8px}}

#toggleSSTButton{width:32px;min-width:32px;padding:0;flex-shrink:0}
#sst-legend{display:none;position:fixed;right:24px;bottom:90px;width:220px;z-index:55;padding:9px 10px;background:#040b16ed;border:1px solid #334155;border-radius:8px;color:#cad5df;font-family:system-ui}
#sst-legend h3{font:700 10px monospace;margin:0 0 7px}
#sst-legend p{font:10px monospace;color:#94a3b8;margin:6px 0 0}
.sst-gradient{height:5px;border-radius:2px;background:linear-gradient(90deg,#403b99,#2563eb,#22c4ca,#facc15,#fb923c,#dc2626)}
@media(max-width:760px){#sst-legend{right:10px;width:200px;padding:8px}}

#saveTimelineVideo{margin-left:auto;margin-right:10px}#icwc-scale-toggle:disabled{opacity:.45;cursor:not-allowed}#jtwcOutput>div>div:first-child{overflow-y:auto}#jtwc-content-area canvas{object-fit:contain}

#tw-warning-drawer{position:fixed;right:0;top:88px;width:288px;z-index:55;transition:transform .22s ease}
#tw-warning-drawer.tw-drawer-collapsed{transform:translateX(100%)}
#tw-warning-drawer #taiwan-warning{position:relative;top:auto;right:auto;left:auto;width:100%;margin:0;border-radius:8px 0 0 8px;max-height:calc(100vh - 105px)}
#tw-warning-tab{position:absolute;right:100%;top:38px;width:42px;min-height:170px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;border:1px solid #155e75;border-right:0;border-radius:12px 0 0 12px;background:#040b16ed;color:#94a3b8;cursor:pointer}
#tw-warning-tab-arrow{font-size:26px;color:#22d3ee;line-height:1}
.tw-tab-label{writing-mode:vertical-rl;letter-spacing:4px;font:bold 11px system-ui}
#tw-warning-tab:hover{color:#67e8f9;background:#0b1b2b}
#tw-warning-tab:focus-visible{outline:2px solid #67e8f9;outline-offset:-3px}
@media(max-width:760px){#tw-warning-drawer{width:240px;top:82px}#tw-warning-tab{width:34px;min-height:145px}}
@media(prefers-reduced-motion:reduce){#tw-warning-drawer{transition:none}}

.station-mode-buttons{display:flex;gap:7px;margin-bottom:14px}.station-mode-buttons button{flex:1;padding:9px 4px;border:1px solid #334155;background:#0c1521;color:#94a3b8;font-size:11px}#stationListFields label{display:block;font-size:10px;color:#94a3b8;margin-bottom:7px}#stationCity{width:100%;padding:9px;background:#0b111b;color:#d5e0e9;border:1px solid #334155;font-size:12px}#stationCoordinates{font:10px monospace;color:#67e8f9;margin:10px 0 0}#stationListFields[hidden],#stationCustomFields[hidden]{display:none!important}

#stationAdd{width:100%;padding:7px;margin-top:10px;border:1px solid #155e75;color:#67e8f9;background:#102535;font-size:10px}#stationSavedList{max-height:130px;overflow:auto;margin-top:8px;color:#94a3b8;font-size:10px}.station-saved-row{display:flex;gap:5px;margin:4px 0}.station-saved-row button{padding:5px 7px;background:#101a28;border:1px solid #334155;color:#94a3b8}.station-saved-row button:first-child{flex:1;text-align:left}.station-saved-row button[aria-pressed=true]{color:#67e8f9;border-color:#0891b2}