html,body{margin:0;width:100%;min-height:100%;display:block}.transit-skin{--ink:#e9efff;--muted:#a3b3cf;--accent:#94b6ff;--panel:#172338d9;--line:#a7c0ee26;font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink)}.transit-brand{display:block;font-size:12px;letter-spacing:3px;color:var(--muted);margin-bottom:28px;font-weight:600}.transit-brand span{padding:0 10px;color:var(--accent)}.transit-header{margin-bottom:28px}.transit-header h1{font-size:26px;letter-spacing:-.5px}.skin-midnight{background:radial-gradient(ellipse at 20% 10%,#334f824d,transparent 55%),radial-gradient(ellipse at 85% 90%,#65519733,transparent 50%),#101827}.transit-skin .transit-card{border-radius:28px;padding:42px 34px;border:1px solid var(--line);background:var(--panel)}.skin-daylight{--ink:#233653;--muted:#75839b;--accent:#447dea;--panel:#ffffffed;--line:#dce5f3;background:radial-gradient(ellipse at 0 0,#e3edff,transparent 60%),radial-gradient(ellipse at 100% 100%,#ede8ff,transparent 65%),#f6f8fc}.skin-daylight:before,.skin-daylight:after{display:none}.skin-daylight .transit-card{box-shadow:0 24px 80px #345b9d12}.skin-daylight .transit-header h1,.skin-daylight .transit-state h2{color:var(--ink)}.skin-daylight .transit-state p,.skin-daylight .transit-status,.skin-daylight .transit-pause{color:var(--muted)}.skin-daylight .transit-progress{background:#e8eef9}.skin-daylight .transit-ring{color:#477be2}.skin-daylight .spinner{border-color:#e6edfa;border-top-color:#4c7de1}.skin-daylight .transit-manual{color:#3e6fc8;border-color:#d5e1fa;background:#edf3ff}.hourly-scene{min-height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.hourly-scene .hourly-loading{width:440px;max-width:100%;padding:42px 28px;box-sizing:border-box;border-radius:28px;background:var(--panel);border:1px solid var(--line);box-shadow:0 28px 90px #111e3a14}.hourly-scene h1{font-size:25px;margin:26px 0 12px;color:var(--ink)}.hourly-scene .hourly-text{font-size:14px;color:var(--muted);line-height:1.7;margin-top:0}.hourly-scene .hourly-spinner{width:46px;height:46px;border-width:3px;border-color:var(--line);border-top-color:var(--accent)}.transit-caption{font-size:11px;color:var(--muted);margin:28px 0 0;letter-spacing:1px}@media(max-width:520px){.transit-skin .transit-card{padding:32px 22px}.transit-header h1,.hourly-scene h1{font-size:23px}.transit-scene{padding:24px 18px}}@media(prefers-reduced-motion:reduce){.transit-skin *{animation:none!important;transition:none!important}}

/* White transit card based on the inspected loading-page reference. */
.skin-daylight{--ink:#2c3e50;--muted:#7f8c8d;--accent:#3498db;background:linear-gradient(135deg,#f5f7fa 0%,#e9edf2 100%);color:var(--ink);font-family:"Helvetica Neue",Arial,"Microsoft YaHei",sans-serif}
.transit-skin.skin-daylight .transit-card,.skin-daylight.hourly-scene .hourly-loading{display:flex;flex-direction:column;align-items:center;width:360px;max-width:100%;padding:32px 40px;border:0;border-radius:20px;background:rgba(255,255,255,.95);box-shadow:0 10px 25px rgba(0,0,0,.1);backdrop-filter:blur(5px);text-align:center}
.skin-daylight .transit-brand,.skin-daylight .transit-progress,.skin-daylight .transit-pause,.skin-daylight #seconds{display:none}
.skin-daylight .transit-state{display:contents}
.skin-daylight .transit-ring,.skin-daylight.hourly-scene .hourly-spinner{order:0;flex:none;width:50px;height:50px;margin:0 0 20px}
.skin-daylight .transit-ring .spinner,.skin-daylight.hourly-scene .hourly-spinner{box-sizing:border-box;width:50px;height:50px;border:4px solid #e0e0e0;border-top-color:#3498db;border-radius:50%;animation:transit-spin 1s linear infinite}
.skin-daylight .transit-ring .spinner.stopped{animation:none;border-color:#e0e0e0}
.skin-daylight .transit-header{order:1;margin:10px 0 0}
.skin-daylight .transit-header h1,.skin-daylight.hourly-scene h1{font-size:18px;font-weight:500;line-height:1.5;letter-spacing:0;color:#2c3e50;margin:0}
.skin-daylight.hourly-scene h1{order:1;margin-top:10px}
.skin-daylight .transit-state h2{display:none}
.skin-daylight .transit-state p,.skin-daylight.hourly-scene .hourly-text{order:2;font-size:14px;line-height:1.6;color:#7f8c8d;margin:8px 0 0;min-height:0}
.skin-daylight .transit-status,.skin-daylight .transit-caption{order:3;font-size:12px;line-height:1.6;color:#95a5a6;margin:20px 0 0;letter-spacing:0;gap:5px}
.skin-daylight .transit-status i{background:none;box-shadow:none;width:auto;height:auto}.skin-daylight .transit-status i:before{content:"⚡"}
.skin-daylight .transit-manual{display:none;order:4}
.skin-daylight .transit-manual[href]:not([hidden]):not([aria-disabled="true"]){display:inline-flex;margin-top:20px;font-size:13px;color:#2980b9;background:none;border:0;padding:0}
.skin-daylight .transit-retry{order:5;background:#edf6fc;color:#2980b9;border-color:#cde4f3}
.skin-daylight .probe-details{order:6;color:#7f8c8d;text-align:left}
.skin-daylight .transit-card:has(#retry:not([hidden])) .transit-header{display:none}
.skin-daylight .transit-card:has(#retry:not([hidden])) .transit-state h2{display:block;order:1;color:#2c3e50;font-size:18px}
@media(max-width:520px){.transit-skin.skin-daylight .transit-card,.skin-daylight.hourly-scene .hourly-loading{padding:32px 24px;width:340px}.skin-daylight .transit-header h1,.skin-daylight.hourly-scene h1{font-size:18px}}
@media(prefers-reduced-motion:reduce){.skin-daylight .transit-ring .spinner,.skin-daylight.hourly-scene .hourly-spinner{animation:none}}

@keyframes transit-spin{to{transform:rotate(360deg)}}