:root{
  color-scheme:dark light;
  --bg:#07101c;--bg2:#0a1727;--glass:rgba(16,29,47,.62);--glass2:rgba(255,255,255,.075);
  --line:rgba(255,255,255,.105);--line2:rgba(255,255,255,.18);--text:#f5f8fc;--muted:#95a5b8;
  --blue:#69aafc;--cyan:#72e4e6;--green:#7ce0ae;--amber:#ffc66c;--red:#ff8d8d;--shadow:0 25px 70px rgba(0,0,0,.28);
  --radius:28px;--radius-sm:20px;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Inter,Roboto,Arial,sans-serif;
}
@media (prefers-color-scheme:light){:root{--bg:#edf3fa;--bg2:#f7faff;--glass:rgba(255,255,255,.66);--glass2:rgba(255,255,255,.56);--line:rgba(35,61,93,.10);--line2:rgba(35,61,93,.17);--text:#0d1a29;--muted:#66788d;--shadow:0 22px 60px rgba(37,62,91,.12)}}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 18% -10%,rgba(83,155,255,.16),transparent 36%),radial-gradient(circle at 90% 5%,rgba(82,226,221,.10),transparent 28%),linear-gradient(145deg,var(--bg),var(--bg2));overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 15%,rgba(255,255,255,.025) 50%,transparent 70%);z-index:-1}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.aurora{position:fixed;width:44vw;height:44vw;filter:blur(100px);border-radius:50%;opacity:.13;z-index:-2;pointer-events:none}.a1{background:#2f7cff;top:-28vw;left:-8vw}.a2{background:#45d7bd;right:-30vw;top:20vh}
.shell{width:min(1220px,calc(100% - 32px));margin:0 auto;padding:18px 0 44px}.glass,.glass-lite{background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%)}.glass-lite{background:color-mix(in srgb,var(--glass) 72%,transparent)}
.topbar{position:sticky;top:12px;z-index:50;border-radius:22px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;color:inherit;text-decoration:none}.brand strong{display:block;font-size:15px;letter-spacing:-.02em}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.brand-mark{width:36px;height:36px;border-radius:13px;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:8px;background:linear-gradient(145deg,rgba(103,171,255,.30),rgba(74,229,215,.12));border:1px solid var(--line2);box-shadow:inset 0 1px rgba(255,255,255,.17)}.brand-mark i{width:4px;border-radius:4px;background:linear-gradient(to top,var(--blue),var(--cyan))}.brand-mark i:nth-child(1){height:11px}.brand-mark i:nth-child(2){height:20px}.brand-mark i:nth-child(3){height:15px}.top-actions{display:flex;align-items:center;gap:12px}.top-actions time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px}.live-pill{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:var(--glass2);border:1px solid var(--line);font-size:11px;color:var(--muted)}.live-pill span{width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px color-mix(in srgb,var(--amber) 12%,transparent)}.live-pill.ok span{background:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 12%,transparent)}.live-pill.bad span{background:var(--red)}
.hero{padding:76px 12px 42px;max-width:910px}.eyebrow,.overline{text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--blue);font-size:11px}.hero h1{font-size:clamp(42px,7vw,78px);line-height:.98;letter-spacing:-.055em;margin:14px 0 20px;font-weight:710}.hero h1 span{background:linear-gradient(100deg,#83b9ff 0%,#71e7e0 75%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:clamp(16px,2vw,20px);line-height:1.55;max-width:760px;color:var(--muted);margin:0}.hero-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.meta-chip{font-size:11px;color:var(--muted);padding:8px 11px;border:1px solid var(--line);background:var(--glass2);border-radius:999px}
.crossing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.crossing-card{border-radius:var(--radius);padding:24px}.crossing-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.crossing-head h2{font-size:30px;letter-spacing:-.04em;margin:4px 0 0}.port-health{font-size:11px;color:var(--muted);padding:7px 9px;border-radius:999px;border:1px solid var(--line);background:var(--glass2)}.lane-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lane-card{border-radius:var(--radius-sm);padding:18px;background:linear-gradient(145deg,var(--glass2),color-mix(in srgb,var(--glass2) 40%,transparent));border:1px solid var(--line);min-height:292px;position:relative;overflow:hidden}.lane-card:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;right:-65px;top:-75px;background:radial-gradient(circle,color-mix(in srgb,var(--blue) 12%,transparent),transparent 68%);pointer-events:none}.lane-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.lane-name{font-size:13px;font-weight:700}.confidence{font-size:10px;color:var(--muted);padding:5px 7px;border-radius:999px;border:1px solid var(--line)}.now{display:flex;align-items:flex-end;gap:8px;margin-top:20px}.now strong{font-size:54px;line-height:.83;letter-spacing:-.065em;font-variant-numeric:tabular-nums}.now span{font-size:13px;color:var(--muted);padding-bottom:4px}.now.closed strong{font-size:31px;letter-spacing:-.03em}.lane-sub{font-size:11px;color:var(--muted);margin-top:8px;display:flex;gap:8px;align-items:center}.trend-arrow{font-size:12px}.trend-rising{color:var(--amber)}.trend-falling{color:var(--green)}.spark{height:50px;margin:17px -2px 9px}.spark svg{width:100%;height:100%;overflow:visible}.spark .area{fill:url(#sparkGradient);opacity:.16}.spark .line{fill:none;stroke:var(--blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.forecast-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:13px}.forecast-cell{padding:8px 5px;border-top:1px solid var(--line)}.forecast-cell small{display:block;font-size:9px;color:var(--muted);margin-bottom:3px}.forecast-cell b{font-size:12px;font-variant-numeric:tabular-nums}.range{font-size:9px;color:var(--muted);margin-top:2px}.source-note{font-size:9px;color:var(--muted);position:absolute;left:18px;bottom:14px}.quality-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--green);margin-right:4px}.quality-dot.mid{background:var(--amber)}.quality-dot.low{background:var(--red)}
.decision{margin-top:18px;border-radius:var(--radius);padding:24px;display:flex;justify-content:space-between;gap:24px;align-items:center}.decision h2{font-size:25px;letter-spacing:-.035em;margin:5px 0 7px}.decision p{margin:0;color:var(--muted);font-size:13px;line-height:1.5;max-width:720px}.decision-metric{min-width:145px;text-align:right}.decision-metric b{display:block;font-size:35px;letter-spacing:-.05em}.decision-metric small{display:block;color:var(--muted);font-size:10px;margin-top:4px}
.lower-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:18px}.panel{border-radius:var(--radius);padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-head h3{font-size:20px;margin:4px 0 0;letter-spacing:-.03em}.muted{color:var(--muted);font-size:10px}.sources-list{display:grid;gap:8px}.source-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line);font-size:12px}.source-row:first-child{border-top:0}.source-row small{color:var(--muted)}.state{padding:5px 7px;border-radius:999px;font-size:9px;border:1px solid var(--line)}.state.up{color:var(--green)}.state.down{color:var(--red)}.state.unknown{color:var(--muted)}.approval-dot{width:10px;height:10px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 5px color-mix(in srgb,var(--amber) 10%,transparent)}.approval-dot.approved{background:var(--green);box-shadow:0 0 0 5px color-mix(in srgb,var(--green) 10%,transparent)}.metric-row{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid var(--line);font-size:12px}.metric-row:first-child{border-top:0}.metric-row span{color:var(--muted)}.metric-row b{font-size:12px;text-align:right;max-width:65%}
footer{display:flex;justify-content:space-between;gap:28px;color:var(--muted);font-size:10px;line-height:1.6;padding:28px 8px 0}footer>div{max-width:48%}
.skeleton,.skeleton-line,.skeleton-short{position:relative;overflow:hidden;background:color-mix(in srgb,var(--glass2) 75%,transparent)!important}.skeleton:before,.skeleton-line:before,.skeleton-short:before{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent);animation:shimmer 1.35s infinite}.skeleton-line{height:37px;border-radius:12px}.skeleton-short{width:78px;height:26px}.error-state{padding:20px;border:1px dashed var(--line2);border-radius:18px;color:var(--muted);font-size:12px;line-height:1.5}.offline-banner{color:var(--amber)}
@keyframes shimmer{100%{transform:translateX(110%)}}
@media(max-width:860px){.crossing-grid,.lower-grid{grid-template-columns:1fr}.hero{padding-top:58px}.lane-card{min-height:280px}.decision{align-items:flex-start}.decision-metric{min-width:110px}.shell{width:min(100% - 20px,1220px)}}
@media(max-width:540px){.shell{width:calc(100% - 14px);padding-top:7px}.topbar{top:7px;border-radius:18px}.brand small{display:none}.top-actions time{display:none}.hero{padding:45px 6px 28px}.hero h1{font-size:44px}.hero p{font-size:15px}.crossing-card{padding:16px;border-radius:24px}.crossing-head h2{font-size:27px}.lane-grid{grid-template-columns:1fr}.lane-card{min-height:268px}.now strong{font-size:52px}.decision{padding:19px;display:block}.decision-metric{text-align:left;margin-top:15px}.lower-grid{gap:12px}.panel{padding:18px}.source-row{grid-template-columns:1fr auto}.source-row small:nth-child(2){display:none}footer{display:block;padding:24px 8px}footer>div{max-width:none;margin-top:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}