#root{min-height:100vh}:root{color:#f5fbff;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;background:#071016;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 50% 30%,#1b798b47,#0000 34%),radial-gradient(circle at 82% 18%,#ffb74d1f,#0000 26%),linear-gradient(145deg,#05090d 0%,#0a1821 48%,#071016 100%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}.app-shell{width:min(1720px,100%);min-height:100vh;margin:0 auto;padding:22px;position:relative}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#071016b8;border:1px solid #acddea24;border-radius:8px;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:14px 16px;display:grid;position:sticky;top:0;box-shadow:0 20px 80px #00000047}.brand,.storm-status{align-items:center;gap:12px;display:flex}.brand-mark{background:radial-gradient(circle at 56% 48%,#061015 0 15%,#0000 16%),conic-gradient(from 20deg,#9ff4ff,#0d8fa7,#ffcc7c,#ff6d6d,#9ff4ff);border-radius:50%;width:38px;height:38px;box-shadow:0 0 28px #4bd8e980}.brand strong{font-size:17px;line-height:1.2;display:block}.brand span:last-child,.storm-status span,.panel-title span,.core-readout span,.gauge-strip span,.source-row span,.factor span,.confidence-chip span,.confidence-chip em,.risk-score span,.risk-score em{color:#9db4bf;font-size:12px;line-height:1.4}.topbar nav{background:#ffffff0a;border:1px solid #b9e6f01f;border-radius:8px;gap:6px;padding:4px;display:flex}.topbar nav a{color:#c9d9de;white-space:nowrap;border-radius:6px;padding:9px 12px;font-size:13px;transition:background .18s,color .18s}.topbar nav a:hover{color:#fff;background:#8debf81c}.storm-status{justify-content:flex-end}.storm-status strong{color:#ffd18e;background:#ffb84d17;border:1px solid #ffb84d4d;border-radius:8px;padding:8px 10px;font-size:13px}.snapshot-strip{background:#ffffff09;border:1px solid #acddea1f;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;display:flex}.snapshot-strip span,.snapshot-strip strong,.snapshot-strip em{font-size:12px;line-height:1.4}.snapshot-strip span{color:#9db4bf}.snapshot-strip strong{color:#dceff4}.snapshot-strip em{border-radius:8px;padding:6px 8px;font-style:normal;font-weight:760}.snapshot-strip em.live{color:#8ff4ff;background:#7eefff1f}.snapshot-strip em.fallback{color:#ffd18e;background:#ffcb801f}.city-query-panel{background:radial-gradient(circle at 0 0,#ffcb8029,#0000 36%),linear-gradient(#ffffff14,#ffffff08),#08141cd1;grid-template-columns:minmax(260px,.72fr) 1.18fr minmax(260px,.78fr);gap:14px;margin-top:14px;padding:16px;display:grid}.city-query-copy{align-content:start;gap:10px;display:grid}.city-query-copy>span,.city-answer-grid span,.people-plan span{color:#9db4bf;font-size:12px;line-height:1.4}.city-query-copy h2{color:#fff;letter-spacing:0;margin:0;font-size:clamp(26px,3vw,44px);line-height:1}.city-query-copy p{color:#ffd18e;margin:0;font-size:18px;font-weight:760;line-height:1.35}.city-search{gap:6px;display:grid}.city-search span,.details-gate span{color:#9db4bf;font-size:12px;line-height:1.4}.city-search input{color:#f5fbff;width:100%;min-height:42px;font:inherit;background:#fff1;border:1px solid #b5e8f129;border-radius:8px;outline:none;padding:10px 12px}.city-search input::placeholder{color:#78919b}.city-search input:focus{border-color:#7eefff80;box-shadow:0 0 0 3px #7eefff1a}.city-tabs{flex-wrap:wrap;gap:8px;display:flex}.city-tabs button{color:#dceff4;cursor:pointer;background:#ffffff0b;border:1px solid #b5e8f11f;border-radius:8px;min-height:34px;padding:8px 11px}.city-tabs button.active{color:#fff;background:#7eefff24;border-color:#7eefff75}.city-search-empty{color:#ffd18e;background:#ffcb8012;border:1px solid #ffcb8024;border-radius:8px;flex:1 0 100%;width:100%;padding:10px 12px;font-size:13px;line-height:1.5;display:block}.city-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.city-answer-grid article{background:#ffffff0b;border:1px solid #b1e1ec21;border-radius:8px;gap:8px;padding:12px;display:grid}.city-answer-grid strong{color:#f4fbff;font-size:15px;line-height:1.45}.people-plan{background:#ffcb8012;border:1px solid #ffcb801f;border-radius:8px;gap:10px;padding:12px;display:grid}.people-plan strong{color:#ffd18e;margin-top:4px;font-size:18px;display:block}.people-plan ul{gap:7px;margin:0;padding-left:18px;display:grid}.people-plan li,.people-plan p{color:#dceff4;font-size:13px;line-height:1.55}.people-plan p{color:#adc2c9;margin:0}.details-gate{background:#ffffff0a;border:1px solid #acddea1f;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding:14px 16px;display:flex}.details-gate div{gap:5px;display:grid}.details-gate strong{color:#dceff4;font-size:15px;line-height:1.45}.details-gate button{color:#f5fbff;cursor:pointer;background:#7eefff21;border:1px solid #7eefff57;border-radius:8px;flex:none;min-height:40px;padding:10px 14px;font-weight:760}.details-gate button:hover{background:#7eefff33}.professional-details{gap:18px;margin-top:18px;display:grid}.dashboard-grid{grid-template-columns:minmax(280px,360px) minmax(460px,1fr) minmax(280px,380px);align-items:stretch;gap:18px;margin-top:18px;display:grid}.left-column,.right-column,.center-column,.bottom-grid,.intelligence-grid{min-width:0}.left-column,.right-column{gap:18px;display:grid}.center-column{background:linear-gradient(#ffffff12,#ffffff06),radial-gradient(circle at 50% 45%,#5be3ee29,#0000 46%),#08141cc2;border:1px solid #a8e6ef24;border-radius:8px;grid-template-rows:auto auto auto;align-content:start;gap:18px;min-height:742px;padding:22px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 30px 90px #00000057}.storm-heading{z-index:5;justify-content:space-between;align-items:flex-start;gap:24px;display:flex;position:relative}h1{letter-spacing:0;margin:0;font-size:clamp(34px,4.4vw,68px);font-weight:760;line-height:.94}.storm-heading p{color:#bcd0d7;max-width:640px;margin:14px 0 0;font-size:15px;line-height:1.8}.confidence-chip{background:#07161d99;border:1px solid #8aeff82e;border-radius:8px;flex:0 0 132px;padding:14px}.confidence-chip strong{color:#8ff4ff;margin-top:4px;font-size:30px;line-height:1;display:block}.storm-stage{isolation:isolate;background:radial-gradient(circle,#7eefff14,#0000 42%),linear-gradient(145deg,#041017b8,#08212b75);border:1px solid #8bdce51c;border-radius:18px;place-items:center;min-height:520px;display:grid;position:relative;overflow:hidden}.storm-stage:before{content:"";opacity:.75;background-color:#0000;background-image:linear-gradient(#80e0ec09 1px,#0000 1px),linear-gradient(90deg,#80e0ec09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 10%,#0000 70%);mask-image:radial-gradient(circle,#000 10%,#0000 70%)}.storm-stage:after{content:"";z-index:8;pointer-events:none;mix-blend-mode:screen;opacity:.18;background:linear-gradient(#0000 0 49%,#8ff0f91c 50%,#0000 51%) 0 0/100% 9px;position:absolute;inset:0}.storm-filters{width:0;height:0;position:absolute}.ocean-field{aspect-ratio:1;background:repeating-radial-gradient(circle,#0000 0 48px,#a3ecf412 49px 50px),conic-gradient(from 12deg,#2b80941f,#051f2b9e,#1b5d6f33,#051f2b9e);border-radius:50%;width:min(82%,620px);animation:28s linear infinite ocean-drift;position:absolute;box-shadow:inset 0 0 90px #040c12d1,0 0 80px #37bccf21}.storm-halo{aspect-ratio:1;filter:blur(18px);background:radial-gradient(circle,#c2fbff3d,#3fc8d91a 32%,#0000 68%);border-radius:50%;width:min(60%,450px);animation:5.8s ease-in-out infinite storm-breathe;position:absolute}.wind-ring{opacity:.58;border:1px dashed;border-radius:50%;position:absolute}.ring-one{aspect-ratio:1;border-color:#8af4ff33;width:min(74%,570px);animation:18s linear infinite ring-drift}.ring-two{aspect-ratio:1;border-color:#ffcb7c40;width:min(56%,430px);animation:12s linear infinite reverse ring-drift}.ring-three{aspect-ratio:1;border-color:#ff7e6652;width:min(34%,260px);animation:8s linear infinite ring-drift}.storm-system{z-index:3;aspect-ratio:1;filter:drop-shadow(0 0 20px #cafbff40)drop-shadow(0 0 72px #3dbccf4d);border-radius:50%;width:min(54vw,410px);max-width:72%;animation:22s ease-in-out infinite storm-orbit;position:relative}.cloud-mass,.rain-band,.eye-wall,.eye{border-radius:50%;position:absolute}.cloud-mass{background:repeating-conic-gradient(from 16deg, transparent 0 8deg, #dffafc94 10deg 20deg, #51b5c540 25deg 31deg, transparent 36deg 50deg), radial-gradient(circle, transparent 0 12%, #defcffe6 18%, #58c4d385 38%, #14546638 59%, transparent 72%);filter:url(#cloud-noise)blur(1.2px);mix-blend-mode:screen;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0 59%,#0000 74%);mask-image:radial-gradient(circle,#000 0 59%,#0000 74%)}.cloud-outer{opacity:.62;animation:19s linear infinite cyclone-spin}.cloud-middle{opacity:.82;animation:12s linear infinite cyclone-spin;inset:9%}.cloud-inner{opacity:.96;animation:7s linear infinite cyclone-spin;inset:20%}.rain-band{filter:blur(7px);border:14px solid #6ee7f147;border-color:#6ee7f147 #abf6fa29 #0000 #0000;animation:15s linear infinite cyclone-spin;inset:1%}.rain-band-b{border-width:11px;animation-duration:9s;inset:16%;transform:rotate(122deg)}.rain-band-c{border-width:8px;border-top-color:#ffce7e59;animation-duration:6s;inset:30%;transform:rotate(248deg)}.eye-wall{border:10px solid #e5fdffcc;border-color:#e5fdffcc #e5fdffcc #ffc26f7a #5adce952;animation:4.8s linear infinite cyclone-spin;inset:36%;box-shadow:0 0 28px #b2faff9e,inset 0 0 18px #c4fbff80}.eye{background:radial-gradient(circle at 43% 38%,#153846,#061219 68%);place-items:center;display:grid;inset:42%;box-shadow:inset 7px 8px 16px #000000a6,0 0 22px #a2f6fcb8}.eye span{aspect-ratio:1;background:#89f1f7;border-radius:50%;width:28%;animation:2.4s ease-in-out infinite eye-pulse;box-shadow:0 0 13px #8bf5fb}.core-readout{z-index:4;-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);background:linear-gradient(135deg,#07181fd1,#0b2a3294);border:1px solid #b5e8f124;border-radius:10px;min-width:126px;padding:12px;position:absolute;box-shadow:0 12px 30px #00000038,inset 0 1px #ffffff0f}.core-readout strong{color:#fff;margin-top:3px;font-size:20px;display:block}.core-readout.top{top:11%;left:50%;transform:translate(-50%)}.core-readout.right{top:45%;right:5%}.core-readout.bottom{bottom:9%;left:50%;transform:translate(-50%)}.core-readout.left{top:45%;left:5%}.storm-caption{z-index:6;color:#bcdde2b3;letter-spacing:.12em;text-transform:uppercase;font-size:10px;position:absolute;bottom:14px;left:16px}.track-stage{background:radial-gradient(circle at 74% 20%,#51b9c924,#0000 34%),radial-gradient(circle at 20% 75%,#ffb85c14,#0000 30%),linear-gradient(155deg,#041118f7,#08252fd6);border:1px solid #8bdce521;border-radius:18px;min-height:640px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 24px 60px #00000038}.track-stage-empty{color:#9db4bf;place-items:center;display:grid}.track-map-title{z-index:5;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:18px;display:flex;position:absolute;top:18px;left:20px;right:20px}.track-map-title div{gap:3px;display:grid}.track-map-title span,.track-map-title small,.route-summaries span,.route-summaries small{color:#8fa8b1;font-size:11px;line-height:1.45}.track-map-title strong{color:#f5fbff;letter-spacing:.01em;font-size:18px}.track-map-title small{text-align:right;max-width:220px}.track-map{width:100%;min-height:500px;margin-top:8px;display:block}.geo-grid line{stroke:#8ee0ea11;stroke-width:1px;vector-effect:non-scaling-stroke}.coast-hint{fill:none;stroke:#b9ebee21;stroke-width:28px;stroke-linecap:round;stroke-dasharray:2 8;vector-effect:non-scaling-stroke}.route-corridor{fill:none;stroke:#ffb75b17;stroke-width:54px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:blur(8px)}.model-route{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.nmc-route{stroke:#63e7f2;stroke-width:2.2px;stroke-dasharray:8 7;opacity:.88}.jma-route{stroke:#83a8ff;stroke-width:2.2px;stroke-dasharray:3 7;opacity:.88}.fusion-route{stroke:url(#fusion-route);stroke-width:4.5px;filter:url(#route-glow);animation:1.2s ease-out both route-reveal}.city-marker circle{fill:#728b94;stroke:#dff9fb8c;stroke-width:1px;vector-effect:non-scaling-stroke}.city-marker.near circle{fill:#ffd287;stroke:#fff1c9;filter:drop-shadow(0 0 5px #ffc469b3)}.city-marker text,.forecast-points text{fill:#dcecef;paint-order:stroke;stroke:#06141b;stroke-width:4px;stroke-linejoin:round;font-size:12px;font-weight:700}.forecast-points circle{fill:#0b222b;stroke:#ffc477;stroke-width:2px;vector-effect:non-scaling-stroke}.forecast-points text{fill:#ffd89a;font-size:11px}.live-storm-marker path{fill:none;stroke:#e8fcff;stroke-width:4.5px;stroke-linecap:round;filter:drop-shadow(0 0 6px #86f2f9d9);animation:5.8s linear infinite cyclone-spin}.storm-disc{fill:url(#storm-core);filter:drop-shadow(0 0 13px #56dce8b8)}.storm-eye-dot{fill:#07151b;stroke:#c8fbff;stroke-width:2px}.storm-pulse{fill:none;stroke:#74eaf26b;stroke-width:1.5px;transform-box:fill-box;transform-origin:50%;animation:2.8s ease-out infinite map-pulse}.pulse-two{animation-delay:1.2s}.track-legend{z-index:6;flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:330px;display:flex;position:absolute;top:74px;right:18px}.track-legend span{color:#c5d9de;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#041117bd;border:1px solid #b1e1ec1f;border-radius:999px;align-items:center;gap:6px;padding:6px 8px;font-size:10px;display:flex}.track-legend i{background:#ffc477;border-radius:999px;width:17px;height:2px}.track-legend .nmc i{background:#63e7f2}.track-legend .jma i{background:#83a8ff}.route-summaries{z-index:6;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:-38px 14px 0;display:grid;position:relative}.route-summaries article{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05151cc7;border:1px solid #b2e2eb1f;border-radius:10px;gap:4px;min-width:0;padding:11px;display:grid}.route-summaries article.fusion{background:linear-gradient(145deg,#ffb85c1f,#05151cd1);border-color:#ffc5744d}.route-summaries strong{color:#f2f9fb;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.route-summaries article.fusion strong{color:#ffd491}.track-boundary{z-index:6;color:#8199a2;margin:9px 16px 14px;font-size:10px;line-height:1.55;position:relative}@keyframes map-pulse{0%{opacity:.75;transform:scale(.55)}to{opacity:0;transform:scale(1.45)}}@keyframes route-reveal{0%{opacity:0;stroke-dasharray:1 1000}to{opacity:1;stroke-dasharray:1000 0}}.gauge-strip,.bottom-grid,.scenario-grid,.intelligence-grid{gap:12px;display:grid}.gauge-strip{grid-template-columns:repeat(4,1fr)}.gauge-strip article{background:#ffffff0b;border:1px solid #b4e5ef1c;border-radius:8px;padding:14px}.gauge-strip strong{margin-top:8px;font-size:22px;display:block}.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff12,#ffffff06),#08141cbd;border:1px solid #b1e1ec24;border-radius:8px;box-shadow:inset 0 1px #ffffff0f,0 24px 70px #00000038}.panel-title{justify-content:space-between;align-items:flex-start;gap:14px;padding:16px 16px 0;display:flex}.panel-title strong{color:#e9fbff;text-align:right;font-size:13px}.panel-title.compact{padding-top:0}.source-list,.factor-list,.timeline,.prep-panel ul,.action-card-list,.impact-list,.city-exposure-list,.rumor-list,.confidence-bars{gap:10px;margin:14px 0 0;padding:0 16px 16px;display:grid}.source-row,.factor,.timeline-item,.scenario,.action-card-list article,.impact-list article,.city-exposure-list article,.rumor-list article,.confidence-bars article{background:#ffffff0b;border-radius:8px}.fusion-summary-card{background:radial-gradient(circle at 100% 0,#7eefff29,#0000 32%),#7eefff12;border:1px solid #7eefff2e;border-radius:8px;grid-template-columns:auto 1fr;gap:8px 14px;margin:14px 16px 0;padding:14px;display:grid}.fusion-summary-card div{gap:4px;display:grid}.fusion-summary-card span,.fusion-summary-card small{color:#b9ccd2;font-size:12px;line-height:1.5}.fusion-summary-card strong{color:#8ff4ff;font-size:26px;line-height:1}.fusion-summary-card em{color:#ffd18e;font-size:13px;font-style:normal;font-weight:760}.fusion-summary-card p{color:#fff;justify-self:end;margin:0;font-size:15px;font-weight:760}.fusion-summary-card small{grid-column:1/-1}.fusion-summary-card dl{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.fusion-summary-card dl div{background:#ffffff0e;border-radius:8px;gap:3px;padding:8px}.fusion-summary-card dt{color:#8da6af;font-size:11px}.fusion-summary-card dd{color:#f6fbff;margin:0;font-size:12px;line-height:1.45}.fusion-summary-card ul{flex-wrap:wrap;grid-column:1/-1;gap:6px;margin:0;padding:0;list-style:none;display:flex}.fusion-summary-card li{color:#ffd18e;background:#ffcb801f;border-radius:8px;padding:6px 7px;font-size:11px;font-weight:760}.source-row{grid-template-columns:1fr auto;gap:9px 12px;padding:12px;display:grid}.source-row strong,.factor strong,.timeline-item strong,.scenario strong,.impact-list strong,.rumor-list strong,.confidence-bars strong{color:#f6fbff;font-size:14px;display:block}.source-metrics{justify-items:end;display:grid}.confidence{background:#ffffff14;border-radius:999px;grid-column:1/-1;height:3px;overflow:hidden}.confidence span{border-radius:inherit;background:linear-gradient(90deg,#5ce7f5,#ffd184);height:100%;display:block}.risk-panel{overflow:hidden}.risk-score{background:radial-gradient(circle at 80% 10%,#ff66663d,#0000 38%),#ffffff06;grid-template-columns:1fr auto;align-items:end;gap:6px;padding:18px 18px 10px;display:grid}.risk-score strong{color:#ffcf82;grid-row:span 2;font-size:76px;line-height:.88}.risk-score em{color:#ff8c78;font-style:normal;font-weight:700}.ai-line{color:#f3fbff;margin:0;padding:0 18px 16px;font-size:18px;font-weight:650;line-height:1.55}.risk-basis{background:#ffcb800f;border:1px solid #ffcb8029;border-radius:8px;gap:8px;margin:0 16px 14px;padding:12px;display:grid}.risk-basis strong{color:#ffd18e;font-size:13px}.risk-basis p{color:#c9dce2;margin:0;font-size:12px;line-height:1.6}.risk-basis ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.risk-basis li{color:#f6fbff;font-size:12px;line-height:1.45}.factor{justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.stars{gap:3px;display:inline-flex}.star{background:#ffffff26;border-radius:50%;width:8px;height:8px}.star.active{background:#ffc86f;box-shadow:0 0 10px #ffc86f8a}.why-panel p{color:#c5d8df;margin:12px 16px 16px;font-size:14px;line-height:1.8}.model-arrows{flex-wrap:wrap;gap:8px;padding:0 16px 16px;display:flex}.model-arrows span,.model-arrows strong{color:#dceff4;background:#ffffff0e;border-radius:8px;padding:8px 9px;font-size:12px}.model-arrows strong{color:#101820;background:#8ff4ff}.prep-panel ul{list-style:none}.region-switch{grid-template-columns:repeat(3,1fr);gap:7px;padding:14px 16px 0;display:grid}.region-switch button{color:#bdd0d7;cursor:pointer;min-height:34px;font:inherit;background:#ffffff0a;border:1px solid #b5e8f11f;border-radius:8px;font-size:13px;transition:border .16s,background .16s,color .16s}.region-switch button:hover,.region-switch button.active{color:#fff;background:#7eefff24;border-color:#7eefff80}.prep-panel li{color:#dcecf0;padding-left:22px;font-size:14px;line-height:1.7;position:relative}.prep-panel li:before{content:"";background:#7deeff;border-radius:50%;width:9px;height:9px;position:absolute;top:8px;left:0}.bottom-grid{grid-template-columns:1.05fr .95fr;margin-top:18px}.timeline{position:relative}.timeline:before{content:"";background:linear-gradient(#7deeff,#7deeff14);width:1px;position:absolute;top:6px;bottom:24px;left:73px}.timeline-item{grid-template-columns:70px 1fr;gap:18px;padding:14px;display:grid;position:relative}.timeline-item time{color:#8ff4ff;font-size:13px;font-weight:760}.timeline-item p,.scenario p{color:#adc2c9;margin:5px 0 0;font-size:13px;line-height:1.6}.scenario-grid{grid-template-columns:repeat(3,1fr);padding:14px 16px 16px}.scenario{padding:14px}.scenario span{color:#ffcd80;margin-bottom:12px;font-size:26px;font-weight:760;display:inline-flex}.intelligence-grid{grid-template-columns:1.05fr .95fr .95fr;margin-top:18px}.track-canvas{background:linear-gradient(#ffffff09 1px,#0000 1px) 0 0/42px 42px,linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/42px 42px,radial-gradient(circle at 28% 72%,#82efff29,#0000 30%),#ffffff09;border:1px solid #b5e8f11a;border-radius:8px;min-height:234px;margin:14px 16px 0;position:relative;overflow:hidden}.track-core{color:#fff;background:radial-gradient(circle,#071016 0 24%,#0000 25%),conic-gradient(from 20deg,#93f6ff,#fbc476,#f77,#93f6ff);border-radius:50%;place-items:center;width:54px;height:54px;font-size:12px;font-weight:760;display:grid;position:absolute;bottom:18%;left:20%;box-shadow:0 0 34px #7fefff61}.track-line{transform-origin:0;border-radius:999px;width:54%;height:3px;position:absolute;bottom:26%;left:28%}.track-line:after{content:"";background:currentColor;border-radius:50%;width:11px;height:11px;position:absolute;top:-4px;right:-5px;box-shadow:0 0 18px}.track-line.ecmwf{color:#ffcf80;background:linear-gradient(90deg,currentColor,#0000);transform:rotate(-31deg)}.track-line.gfs{color:#7deeff;background:linear-gradient(90deg,currentColor,#0000);transform:rotate(-54deg)}.track-line.jma{color:#c492ff;background:linear-gradient(90deg,currentColor,#0000);transform:rotate(-42deg)}.track-line.china{color:#bfead2;background:linear-gradient(90deg,currentColor,#0000);transform:rotate(-48deg)}.track-line.fusion{color:#fff;background:linear-gradient(90deg,#fff,#7deeff 62%,#0000);height:5px;transform:rotate(-45deg)}.track-legend{flex-wrap:wrap;gap:8px;padding:12px 16px 16px;display:flex}.track-legend span,.track-legend strong{color:#dceff4;background:#ffffff0e;border-radius:8px;padding:8px 9px;font-size:12px}.forecast-spread-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 16px 16px;display:grid}.forecast-spread-list article{background:#ffffff0e;border:1px solid #7deeff1f;border-radius:8px;gap:4px;padding:10px;display:grid}.forecast-spread-list strong{color:#f6fbff;font-size:12px}.forecast-spread-list span{color:#7deeff;font-size:18px;font-weight:800}.forecast-spread-list em{color:#b9ccd2;font-size:11px;font-style:normal}.forecast-spread-list p{color:#dceff4;grid-column:1/-1;margin:0;font-size:12px;line-height:1.6}.track-legend strong{color:#101820;background:#8ff4ff}.action-card-panel{grid-column:1/-1}.action-card-list{grid-template-columns:repeat(4,minmax(0,1fr))}.action-card-list article{background:radial-gradient(circle at 100% 0,#ffcb8021,#0000 34%),#ffffff0b;border:1px solid #ffcb8024;gap:10px;padding:12px;display:grid}.action-card-list strong{color:#f6fbff;font-size:14px;display:block}.action-card-list article div span{color:#9db4bf;margin-top:4px;font-size:12px;display:block}.action-card-list em{color:#ffb7b7;background:#ff6d6d26;border-radius:8px;justify-self:start;padding:8px 10px;font-size:18px;font-style:normal;font-weight:820}.action-card-list p{color:#adc2c9;margin:0;font-size:12px;line-height:1.55}.impact-list article{grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.impact-list p,.rumor-list p{color:#adc2c9;margin:4px 0 0;font-size:13px;line-height:1.55}.impact-list article>span{color:#ffd18e;background:#ffcb801f;border-radius:8px;padding:8px 9px;font-size:12px;font-weight:760}.city-exposure-panel{grid-column:1/-1}.city-exposure-list{grid-template-columns:repeat(3,minmax(0,1fr))}.city-exposure-list article{grid-template-columns:1fr auto;gap:8px 12px;padding:12px;display:grid}.city-exposure-list strong{color:#f6fbff;font-size:15px;display:block}.city-exposure-list article>div:first-child span,.city-exposure-list p{color:#adc2c9;font-size:12px;line-height:1.55}.city-exposure-list em{color:#8ff4ff;background:#7eefff1c;border-radius:8px;align-self:start;padding:8px 9px;font-size:12px;font-style:normal;font-weight:760}.city-exposure-list p{grid-column:1/-1;margin:0}.city-focus-tags{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.city-focus-tags span{color:#dceff4;background:#ffffff0b;border:1px solid #ffffff14;border-radius:7px;padding:5px 7px;font-size:11px}.rumor-list article{padding:12px}.rumor-score,.confidence-bar{background:#ffffff14;border-radius:999px;height:5px;margin-top:9px;overflow:hidden}.rumor-score span{border-radius:inherit;background:linear-gradient(90deg,#ff7b74,#ffcf80);height:100%;display:block}.confidence-bars article{padding:12px}.confidence-bars article>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.confidence-bars span{color:#8ff4ff;font-size:13px;font-weight:760}.confidence-bar span{border-radius:inherit;background:linear-gradient(90deg,#7deeff,#ffcf80);height:100%;display:block}.why-question-panel{margin-top:18px;overflow:hidden}.why-question-layout{grid-template-columns:minmax(220px,.32fr) 1fr;gap:14px;padding:14px 16px 16px;display:grid}.question-list{gap:8px;display:grid}.question-list button{color:#c8dbe1;cursor:pointer;min-height:46px;font:inherit;text-align:left;background:#ffffff0b;border:1px solid #b5e8f11f;border-radius:8px;padding:11px 12px;font-size:14px;transition:border .16s,background .16s,color .16s,transform .16s}.question-list button:hover,.question-list button.active{color:#fff;background:#7eefff1f;border-color:#7eefff73;transform:translate(2px)}.question-answer{background:radial-gradient(circle at 88% 12%,#ffcb801f,#0000 30%),radial-gradient(circle at 10% 90%,#7eefff1a,#0000 32%),#ffffff0b;border:1px solid #b5e8f11f;border-radius:8px;min-height:222px;padding:22px}.question-answer h2{color:#fff;margin:0;font-size:clamp(22px,2vw,34px);line-height:1.12}.question-answer p{color:#c9dce2;max-width:900px;margin:14px 0 0;font-size:16px;line-height:1.9}.signal-list{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.signal-list span{color:#ffd18e;background:#ffcb801f;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:760}.trust-panel{margin-top:18px}.trust-layout{grid-template-columns:1fr 1.08fr;gap:14px;padding:14px 16px 16px;display:grid}.source-notes,.safety-notes{gap:10px;display:grid}.source-notes article,.safety-notes article{background:#ffffff0b;border-radius:8px}.source-notes article{grid-template-columns:minmax(150px,.72fr) 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.source-notes a,.safety-notes strong{color:#f6fbff;font-size:14px}.source-notes a{font-weight:760;text-decoration:none}.source-notes a:hover{color:#8ff4ff}.source-notes span{color:#b9ccd2;font-size:13px;line-height:1.5}.source-notes em{color:#8ff4ff;white-space:nowrap;background:#7eefff1a;border-radius:8px;justify-self:end;padding:7px 9px;font-size:12px;font-style:normal;font-weight:760}.safety-notes article{padding:14px}.safety-notes p{color:#b9ccd2;margin:7px 0 0;font-size:13px;line-height:1.75}.official-bulletin-card{padding:0 16px 16px}.official-bulletin-card article{background:#7eefff0e;border:1px solid #7eefff24;border-radius:8px;grid-template-columns:1.1fr .7fr 1fr 1fr;align-items:center;gap:10px;margin-top:12px;padding:12px;display:grid}.official-bulletin-card a{color:#f6fbff;font-size:13px;font-weight:760;text-decoration:none}.official-bulletin-card a:hover{color:#8ff4ff}.official-bulletin-card span,.official-bulletin-card small{color:#b9ccd2;font-size:12px}.official-bulletin-card em{color:#8ff4ff;font-size:12px;font-style:normal;font-weight:760}.history-summary-card,.collector-ingestion-card{padding:0 16px 16px}.history-summary-card article{background:#ffcb800e;border:1px solid #ffcb8024;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px;padding:12px;display:grid}.collector-ingestion-card article{background:#61efb90e;border:1px solid #61efb929;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px;padding:12px;display:grid}.history-summary-card article>div,.collector-ingestion-card article>div{background:#ffffff0e;border-radius:8px;gap:4px;padding:9px;display:grid}.history-summary-card strong,.collector-ingestion-card strong{color:#fff;font-size:12px}.history-summary-card span,.history-summary-card p,.collector-ingestion-card span,.collector-ingestion-card p{color:#b9ccd2;font-size:12px;line-height:1.5}.history-summary-card p{grid-column:1/-1;margin:0}.collector-ingestion-card p{color:#9df6d3;grid-column:1/-1;margin:0}.source-health{padding:0 16px 16px}.health-list,.pipeline-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.health-list article,.pipeline-list article{background:#ffffff0b;border-radius:8px;gap:5px;padding:12px;display:grid}.health-list strong,.pipeline-list strong{color:#fff;font-size:13px}.health-list span,.pipeline-list span{color:#b9ccd2;font-size:12px;line-height:1.5}.health-list em,.pipeline-list em{border-radius:8px;justify-self:start;padding:6px 8px;font-size:12px;font-style:normal;font-weight:760}.health-list .online em{color:#8ff4ff;background:#7eefff1f}.health-list .review em{color:#ffd18e;background:#ffcb801f}.health-list .offline em{color:#ff958f;background:#ff78701f}.pipeline-status{padding:0 16px 16px}.pipeline-list{grid-template-columns:repeat(4,minmax(0,1fr))}.pipeline-list .done em{color:#8ff4ff;background:#7eefff1f}.pipeline-list .active em{color:#ffd18e;background:#ffcb801f}.pipeline-list .pending em{color:#b9ccd2;background:#ffffff12}.pipeline-list .blocked em{color:#ff958f;background:#ff78701f}.cookie-consent{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08141ce0;border:1px solid #b1e1ec2e;border-radius:8px;align-items:center;gap:16px;width:min(520px,100vw - 44px);padding:14px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 24px 80px #00000061}.cookie-consent strong{color:#fff;font-size:14px;display:block}.cookie-consent p{color:#b9ccd2;margin:4px 0 0;font-size:13px;line-height:1.55}.cookie-consent button{color:#ffd18e;cursor:pointer;min-height:38px;font:inherit;background:#ffcb801f;border:1px solid #ffcb8052;border-radius:8px;flex:none;padding:0 14px;font-size:13px;font-weight:760}.policy-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:18px 0 6px;display:flex}.policy-links button,.policy-links a{color:#b9ccd2;cursor:pointer;min-height:36px;font:inherit;background:#ffffff09;border:1px solid #b5e8f11f;border-radius:8px;padding:0 12px;font-size:13px}.policy-links a{align-items:center;display:inline-flex}.policy-links button:hover,.policy-links a:hover{color:#fff;border-color:#7eefff73}.policy-dialog-backdrop{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000009e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.policy-dialog{background:radial-gradient(circle at 90% 10%,#7eefff1f,#0000 32%),#0b1820;border:1px solid #b1e1ec33;border-radius:8px;width:min(680px,100%);box-shadow:0 30px 90px #0000007a}.policy-dialog-title{justify-content:space-between;align-items:center;gap:16px;padding:18px 20px 0;display:flex}.policy-dialog-title h2{color:#fff;margin:0;font-size:26px;line-height:1.15}.policy-dialog-title button{color:#c9dce2;cursor:pointer;min-height:36px;font:inherit;background:#ffffff0b;border:1px solid #b5e8f11f;border-radius:8px;padding:0 12px;font-size:13px}.policy-dialog-body{gap:10px;padding:16px 20px 20px;display:grid}.policy-dialog-body p{color:#c9dce2;background:#ffffff0b;border-radius:8px;margin:0;padding:13px;font-size:14px;line-height:1.8}@keyframes cyclone-spin{to{transform:rotate(360deg)}}@keyframes ring-drift{to{transform:rotate(360deg)}}@keyframes ocean-drift{to{transform:rotate(-360deg)scale(1.03)}}@keyframes storm-orbit{0%,to{transform:translate(-4px,3px)scale(.98)}50%{transform:translate(5px,-4px)scale(1.02)}}@keyframes storm-breathe{0%,to{opacity:.48;transform:scale(.88)}50%{opacity:.9;transform:scale(1.09)}}@keyframes eye-pulse{50%{opacity:.62;transform:scale(1.45)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1180px){.topbar{grid-template-columns:1fr}.storm-status{justify-content:flex-start}.dashboard-grid{grid-template-columns:1fr}.center-column{order:-1}.left-column,.right-column{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.app-shell{padding:12px}.topbar nav{justify-content:flex-start;overflow-x:auto}.storm-heading{display:grid}.confidence-chip{width:100%}.details-gate{flex-direction:column;align-items:stretch}.center-column{min-height:auto;padding:16px}.storm-stage{min-height:420px}.track-stage{min-height:590px}.track-map-title{top:14px;left:14px;right:14px}.track-map-title small{display:none}.track-legend{justify-content:flex-start;top:66px;left:14px;right:14px}.track-map{width:135%;min-height:455px;margin-top:26px;margin-left:-22%}.route-summaries{grid-template-columns:1fr;margin-top:-16px}.route-summaries article:not(.fusion){grid-template-columns:1fr auto;align-items:center}.route-summaries article:not(.fusion) small{grid-column:1/-1}.storm-system{width:min(74vw,320px)}.core-readout{min-width:104px;padding:10px}.core-readout strong{font-size:16px}.gauge-strip,.left-column,.right-column,.bottom-grid,.scenario-grid,.intelligence-grid,.city-query-panel,.action-card-list,.why-question-layout,.trust-layout,.official-bulletin-card article,.history-summary-card article,.collector-ingestion-card article,.source-notes article,.city-answer-grid{grid-template-columns:1fr}.source-notes em{justify-self:start}.health-list,.city-exposure-list,.pipeline-list{grid-template-columns:1fr}.cookie-consent{flex-direction:column;align-items:stretch;width:calc(100vw - 24px);bottom:12px;right:12px}.policy-dialog-backdrop{align-items:end;padding:12px}.policy-dialog-title{align-items:flex-start}.timeline:before{display:none}.timeline-item{grid-template-columns:1fr;gap:6px}}