:root{color-scheme:dark;--bg:#0a1017;--panel:#0e1822;--map:#081725;--land:#1e3440;--coast:#547485;--line:#263644;--text:#e7edf2;--muted:#92a3b3;--accent:#a4dce7;--soft:#152633;--grid:#284556;--pressure:#d7dee5;--shadow:rgba(0,0,0,.22);font-family:system-ui,-apple-system,"PingFang SC","Microsoft Yahei",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,summary{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button,input,select{border:1px solid var(--line);border-radius:3px;background:var(--panel);color:var(--text)}button{padding:8px 12px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s}button:hover,summary:hover{background:var(--soft);border-color:var(--accent)}button:disabled{opacity:.38;cursor:default}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}input,select{padding:10px 11px;min-width:0;width:100%;font-size:13px}select{cursor:pointer}input[type=checkbox]{width:14px;height:14px;padding:0;margin:0;accent-color:var(--accent)}
.site-header{height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-size:12px;font-weight:750;letter-spacing:.06em}.home-arrow{font-size:20px;font-weight:400;color:var(--muted)}.brand-divider{color:var(--muted);font-weight:400}.header-actions{display:flex;align-items:center;gap:22px;font-size:12px}.header-actions button{padding:6px 11px}.workspace{display:grid;grid-template-columns:284px minmax(0,1fr);height:calc(100dvh - 58px);min-height:0}.browser-panel{padding:24px 20px 16px;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;overflow:auto}.eyebrow{font:600 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;color:var(--accent)}.browser-heading h1{font-size:27px;margin:9px 0 6px;font-weight:700;letter-spacing:-.04em}.browser-heading p{font-size:12px;color:var(--muted);margin:0 0 24px}.lookup-form label,.filter-grid label,.search-label{display:block;font-size:11px;color:var(--muted);margin-bottom:7px}.input-action{display:flex}.input-action input{border-radius:3px 0 0 3px;font:650 15px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}.input-action button{border-left:0;border-radius:0 3px 3px 0;color:var(--accent);font-size:22px;width:44px}.field-note{font-size:10px;color:var(--muted);display:block;margin-top:7px}.filter-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:9px;margin:19px 0 12px}.filter-grid select{margin-top:7px;font-size:12px;padding:8px}.catalog-heading,.recent-heading{display:flex;align-items:center;justify-content:space-between;margin:18px 0 9px;gap:9px}.catalog-heading h2,.recent-heading h2{font-size:12px;margin:0;font-weight:600}.catalog-heading h2 span{font:500 11px ui-monospace,monospace;color:var(--muted);margin-left:7px}.compact-check{display:inline-flex;gap:6px;align-items:center;font-size:11px;white-space:nowrap;color:var(--muted)}.catalog-list{flex:1;min-height:120px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:6px}.catalog-item{display:flex;flex-direction:column;text-align:left;padding:10px;gap:4px;min-height:54px}.catalog-item strong{font:600 13px ui-monospace,monospace}.catalog-item span{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.catalog-item[aria-pressed=true]{border-color:var(--accent);background:var(--soft);color:var(--accent)}.catalog-empty{grid-column:1/-1;color:var(--muted);font-size:12px;line-height:1.8;padding:8px 0}.recent-heading{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.recent-heading>span{font-size:9px;color:var(--muted)}.recent-list{display:flex;flex-wrap:wrap;gap:5px}.recent-list button{font:11px ui-monospace,monospace;padding:5px 7px}.directory-note{font-size:10px;color:var(--muted);line-height:1.65;margin-top:14px}.directory-note p{margin:5px 0}.directory-note a{display:block;margin-top:8px}.main-panel{padding:14px 22px 10px;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:auto}.status-row{display:flex;align-items:center;gap:12px;min-height:25px;flex-shrink:0}.status-row p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.status-row p[data-error=true]{color:#ffad85}.status-row button{padding:5px 9px;font-size:10px}.status-row #browse-button{display:none}.storm-heading{display:flex;align-items:center;gap:25px;margin:14px 0;flex-shrink:0}.storm-identity{min-width:0;flex:1}.storm-identity h2{margin:5px 0;font-size:clamp(26px,3vw,38px);font-weight:720;letter-spacing:-.035em;overflow-wrap:anywhere}.storm-identity p{font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;margin:0;color:var(--muted)}.storm-metrics{display:flex;gap:26px;margin:0}.storm-metrics dt{font-size:9px;color:var(--muted);letter-spacing:.02em;white-space:nowrap}.storm-metrics dd{font:600 26px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;margin:3px 0 0}.storm-metrics div:first-child dd{color:var(--storm-color,var(--accent))}.track-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;flex-shrink:0}.track-toolbar button{font-size:11px;padding:7px 10px}.episode-control{display:flex;align-items:center;gap:8px;margin-right:auto;min-width:0}.episode-control label{color:var(--muted);font-size:10px;white-space:nowrap}.episode-control select{width:auto;max-width:350px;padding:6px 8px;font-size:11px}.export-menu{position:relative}.export-menu summary{list-style:none;cursor:pointer;font-size:11px;padding:7px 10px;border:1px solid var(--line);border-radius:3px}.export-menu summary::-webkit-details-marker{display:none}.export-menu>div{position:absolute;top:calc(100% + 5px);right:0;min-width:155px;background:var(--panel);padding:5px;border:1px solid var(--line);z-index:10;box-shadow:0 8px 25px var(--shadow);display:grid;gap:4px}.export-menu button,.import-label{display:block;text-align:left;padding:10px!important;font-size:11px;color:var(--text);cursor:pointer}.import-label{border-top:1px solid var(--line)}.import-label:hover{background:var(--soft)}
.map-card{position:relative;flex:1;min-height:250px;background:var(--map);border:1px solid var(--line);overflow:hidden;border-radius:3px}.map-card>svg{display:block;width:100%;height:100%;min-height:250px;cursor:grab}.map-card>svg:active{cursor:grabbing}.map-caption{position:absolute;top:13px;left:16px;right:16px;display:flex;justify-content:space-between;gap:10px;font:9px/1.5 ui-monospace,monospace;letter-spacing:.04em;color:var(--muted);pointer-events:none}.map-zoom{position:absolute;left:12px;bottom:14px;display:grid;gap:4px}.map-zoom button{width:30px;height:30px;font-size:17px;padding:0;background:var(--panel)}.point-card{position:absolute;right:14px;top:43px;padding:12px 14px;background:var(--panel);border:1px solid var(--line);border-left:2px solid var(--point-color,var(--accent));box-shadow:0 4px 18px var(--shadow);pointer-events:none;min-width:180px}.point-time{font:600 11px ui-monospace,monospace;color:var(--text)}#point-position{font:10px ui-monospace,monospace;margin-top:6px;color:var(--muted)}.point-values{display:flex;gap:15px;align-items:baseline;margin-top:12px}.point-values strong{font:650 21px ui-monospace,monospace;color:var(--point-color,var(--accent))}.point-values span{font:12px ui-monospace,monospace}.point-type{font-size:10px;color:var(--muted);margin-top:5px}.map-legend{position:absolute;bottom:12px;right:14px;background:var(--panel);border:1px solid var(--line);padding:7px 9px;max-width:210px}.map-legend summary{font-size:10px;color:var(--muted);cursor:pointer}.map-legend>div{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin-top:10px}.legend-item{display:flex;align-items:center;gap:6px;font:10px ui-monospace,monospace}.legend-item i{width:10px;height:3px;background:var(--c)}.map-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;pointer-events:none;background:linear-gradient(180deg,transparent,var(--map))}.map-empty strong{font-size:23px;font-weight:600}.map-empty>span:not(.empty-orbit){font-size:12px;color:var(--muted)}.empty-orbit{width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--coast);color:var(--accent);font-size:25px;border-radius:50%;margin-bottom:4px}.map-empty button{pointer-events:auto;color:var(--accent);margin-top:7px}.track-point{cursor:pointer;outline:none}.track-point:focus-visible{stroke:var(--text);stroke-width:3px}.map-date{paint-order:stroke;stroke:var(--map);stroke-width:3px;stroke-linejoin:round;fill:var(--text);pointer-events:none;font:10px ui-monospace,monospace}
.timeline{display:flex;align-items:center;gap:8px;margin:9px 0;flex-shrink:0}.timeline button{padding:3px 8px;min-width:29px;height:28px;font-size:16px}.timeline button:first-child{font-size:11px;color:var(--accent)}.timeline input{flex:1;height:24px;padding:0;accent-color:var(--accent)}.timeline output{width:80px;text-align:right;font:10px ui-monospace,monospace;color:var(--muted);white-space:nowrap}.detail-panel{border:1px solid var(--line);border-radius:3px;background:var(--panel);flex-shrink:0;min-width:0}.detail-toolbar{height:37px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 12px;gap:12px}.detail-toolbar>div{height:100%;display:flex;gap:18px}.detail-toolbar button{border:0;border-radius:0;background:none;padding:0;font-size:11px;border-bottom:2px solid transparent}.detail-toolbar button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.detail-toolbar>span{font-size:9px;color:var(--muted)}#chart-panel{height:175px}#intensity-chart{display:block;width:100%;height:100%}.table-scroll{height:175px;overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}th{position:sticky;top:0;background:var(--soft);z-index:1;color:var(--muted);font-size:10px;text-align:left;font-weight:500}td,th{padding:8px 11px;border-bottom:1px solid var(--line)}tbody tr{cursor:pointer}tbody tr:hover,tbody tr[aria-selected=true]{background:var(--soft)}tbody tr[aria-selected=true]{box-shadow:inset 2px 0 var(--accent)}.source-footer{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:9px;color:var(--muted);padding-top:9px;flex-shrink:0}.source-footer a{margin-left:auto}.quality-note{font-size:9px;margin:5px 0 0;color:var(--muted);line-height:1.5;flex-shrink:0}
body[data-theme=light]{color-scheme:light;--bg:#eef1f3;--panel:#fff;--map:#dceaf1;--land:#dde1d7;--coast:#708e95;--line:#cdd7dd;--text:#172b37;--muted:#607480;--accent:#16637d;--soft:#e6f0f3;--grid:#91aebb;--pressure:#324755;--shadow:rgba(28,56,67,.12)}body[data-theme=light] .map-empty{background:linear-gradient(180deg,transparent,var(--map))}body[data-theme=light] .status-row p[data-error=true]{color:#a14015}
@media(min-width:1400px){.workspace{grid-template-columns:300px minmax(0,1fr)}.main-panel{padding-right:30px;padding-left:30px}#chart-panel,.table-scroll{height:210px}}
@media(max-width:1100px){.main-panel{padding:12px 16px}.storm-metrics{gap:16px}.storm-metrics dd{font-size:23px}.track-toolbar{gap:7px}.episode-control{width:100%}.map-caption #map-hint{display:none}.storm-heading{gap:14px}}
@media(max-width:800px){.site-header{padding:0 16px;height:50px}.workspace{display:block;height:auto}.browser-panel{display:none;position:fixed;top:50px;bottom:0;left:0;width:min(85vw,320px);z-index:20;box-shadow:20px 0 60px var(--shadow)}body.browser-open .browser-panel{display:flex}.main-panel{min-height:calc(100dvh - 50px);overflow:visible;padding:12px 14px}.status-row #browse-button{display:block;white-space:nowrap}.storm-heading{margin:13px 0}.storm-identity h2{font-size:28px}.storm-metrics{gap:14px}.storm-metrics dt{font-size:8px}.storm-metrics dd{font-size:21px}.map-card{height:330px;min-height:330px;flex:none}.detail-toolbar>span{font-size:8px}.header-actions{gap:12px;font-size:10px}.source-footer{font-size:9px}.quality-note{font-size:9px}.track-toolbar{flex-wrap:wrap}.episode-control{width:auto;flex:1}.episode-control label{display:none}.episode-control select{max-width:210px}.track-toolbar .compact-check{display:none}.track-toolbar button{font-size:10px;padding:7px}.brand{font-size:10px;gap:8px}#chart-panel,.table-scroll{height:170px}}
@media(max-width:540px){.storm-heading{display:block}.storm-metrics{margin-top:12px;justify-content:space-between}.storm-metrics dd{font-size:22px}.storm-metrics dt{font-size:9px}.map-card{height:320px}.point-card{top:39px;right:9px;padding:9px 10px;min-width:154px}.point-time{font-size:10px}.point-values strong{font-size:18px}.point-values{gap:10px}.map-caption{font-size:8px;left:10px}.map-empty strong{font-size:19px}.map-empty>span:not(.empty-orbit){font-size:10px}.brand-divider,.brand>span:last-child{display:none}.header-actions a{font-size:10px}.timeline output{width:56px}.detail-toolbar>span{max-width:160px;text-align:right;line-height:1.4}.source-footer a{margin-left:0}.status-row p{font-size:10px}.episode-control{width:100%}.episode-control select{max-width:100%;width:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(min-width:801px) and (max-height:820px){.main-panel{padding-top:10px;padding-bottom:8px}.storm-heading{margin:10px 0}.storm-identity h2{font-size:30px}.storm-metrics dd{font-size:23px}.map-card,.map-card>svg{min-height:190px}#chart-panel,.table-scroll{height:130px}.source-footer{padding-top:7px}.quality-note{margin-top:4px}.browser-panel{padding-top:20px}}
body[data-theme=light] .track-underlay{stroke:#43606b;opacity:.6}
/* Keep the map primary; directories and analysis open only when requested. */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}
.site-header{position:sticky;top:0;z-index:30;background:var(--bg)}.header-lookup{display:flex;align-items:center;gap:6px;margin-left:auto;width:240px}.header-lookup input{font:600 13px ui-monospace,monospace;padding:7px 10px}.header-lookup button{padding:7px 12px;white-space:nowrap}
.workspace{grid-template-columns:minmax(0,1fr)}.main-panel{width:100%;max-width:1640px;margin:auto;height:100%;padding:14px 28px 12px}.browser-panel{display:none;position:fixed;top:58px;bottom:0;left:0;width:300px;z-index:25;border-right:1px solid var(--line);box-shadow:18px 0 40px var(--shadow)}body.browser-open .browser-panel{display:flex}.browser-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.browser-heading h1{font-size:21px;margin:0}.browser-heading button{border:0;background:none;font-size:22px;padding:0 4px}.filter-grid{margin-top:12px}
.status-row #browse-button{display:block;font-size:11px;padding:6px 9px}.status-row p{font-size:11px}.status-row #reload-button{margin-left:auto}.storm-heading{margin:15px 0 12px}.storm-identity h2{font-size:32px}.storm-metrics{gap:30px}.storm-metrics dd{font-size:25px}
.track-toolbar{margin-bottom:10px;justify-content:flex-end}.episode-control{margin-right:auto}.episode-control[hidden]{display:none}.atcf-link{display:inline-block;padding:7px 12px;font-size:12px;border:1px solid var(--accent);border-radius:3px;color:var(--accent)}.export-menu .compact-check{padding:10px;color:var(--text)}.export-menu button{border:0}.export-menu summary{font-size:12px}.map-caption{justify-content:flex-start;font-size:10px}.map-card{min-height:290px}.point-card{top:14px;right:14px;box-shadow:none;background:var(--panel)}.point-type:empty{display:none}.map-legend{max-width:190px}
.analysis-details{border:1px solid var(--line);border-radius:3px;flex-shrink:0}.analysis-details>summary{padding:11px 14px;font-size:12px;color:var(--muted);cursor:pointer;list-style:none}.analysis-details>summary:after{content:'＋';float:right}.analysis-details[open]>summary:after{content:'−'}.analysis-details>summary::-webkit-details-marker{display:none}.analysis-details .detail-panel{border:0;border-top:1px solid var(--line);border-radius:0}.source-footer{align-items:baseline;font-size:10px;gap:8px 16px}.source-details{position:relative}.source-details>summary{cursor:pointer;list-style:none}.source-details[open]{max-width:620px}.source-details span{display:block;margin-top:7px}.source-details .quality-note{font-size:10px}
@media(min-width:801px) and (max-height:820px){.main-panel{padding-top:10px;padding-bottom:10px}.storm-heading{margin:11px 0}.storm-identity h2{font-size:29px}.map-card{min-height:260px}}
@media(max-width:800px){.header-lookup{width:190px}.main-panel{padding:12px 16px;height:auto;margin:0;min-height:calc(100dvh - 50px)}.workspace{height:auto}.browser-panel{top:50px;width:min(85vw,320px)}.storm-heading{margin:14px 0}.storm-identity h2{font-size:28px}.map-card{height:calc(100dvh - 360px);min-height:340px;flex:none}.episode-control{width:auto;flex:none}.episode-control select{width:auto}.track-toolbar{margin-top:0}.map-caption{display:none}.point-card{top:12px;right:12px}.point-card #point-type{display:none}.source-footer{font-size:9px}.storm-metrics{gap:18px}.storm-metrics dd{font-size:23px}}
@media(max-width:540px){.site-header{gap:9px;padding:0 12px}.header-lookup{width:auto;flex:1}.header-lookup input{font-size:12px;width:100%;min-width:95px}.header-lookup button{font-size:11px;padding:7px 9px}.brand{font-size:9px;gap:5px}.brand-divider,.brand>span:last-child{display:none}.header-actions{gap:0}.header-actions button{padding:6px 8px;font-size:10px}.home-arrow{font-size:16px}.main-panel{padding:10px 12px}.storm-heading{display:flex;align-items:center}.storm-identity h2{font-size:24px}.storm-identity p{font-size:10px;max-width:180px}.storm-metrics{margin-top:0;display:grid;gap:5px;grid-template-columns:1fr 1fr}.storm-metrics>div:last-child{display:none}.storm-metrics dt{font-size:8px}.storm-metrics dd{font-size:20px;margin:0}.map-card{min-height:330px;height:calc(100dvh - 310px)}.point-card{padding:8px 10px;min-width:150px}.point-time{font-size:9px}.point-values{margin-top:7px}.point-values strong{font-size:16px}.point-values span{font-size:10px}.atcf-link,.export-menu summary{font-size:11px}.episode-control{width:100%;order:2}.status-row p{font-size:9px}.status-row #reload-button{font-size:9px;padding:5px 6px}.timeline{gap:5px}.source-footer{gap:8px;font-size:8px}}