*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--ink: #0a0e1a;--paper: #f4f1eb;--accent: #e8320a;--muted: #0a0e1a;--rule: #d0c8b8;--font: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--timefont: "Bank Gothic", "Futura", Arial}body{min-height:100vh;background:var(--paper);color:var(--ink);font-family:var(--font)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 100px;border-bottom:1px solid rgba(10,14,26,.12);background:#f4f1ebf0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.site-title{color:var(--ink);font-size:1.35rem;font-weight:800;letter-spacing:-.03em;text-decoration:none;white-space:nowrap}.site-title span{color:var(--accent)}.site-title span.site-title-live{color:#22c55e}.site-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:22px}.site-nav a{color:var(--muted);font-size:.98rem;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.site-nav a:hover{color:var(--ink)}.shell{display:flex;min-height:100dvh;flex-direction:column;gap:12px;padding:0 100px}.hero{display:flex;min-height:100dvh;flex-direction:column;gap:12px;padding:20px 0}.hero-footer{display:flex;justify-content:center}.map-top-tools{position:absolute;top:16px;left:16px;z-index:12;display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:calc(100% - 96px)}.header{position:static;top:16px;left:16px;z-index:12;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-width:240px;max-width:min(420px,calc(100% - 84px));padding:12px 14px;border:1px solid rgba(10,14,26,.22);border-radius:6px;background:#f4f1ebe6;box-shadow:0 10px 24px #0a0e1a1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.header-summary{display:flex;flex:1 1 auto;flex-direction:column;gap:4px}.header-kicker{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.live-badge{display:flex;align-items:center;gap:6px;padding-top:2px;color:var(--muted);font-family:var(--font);font-size:.72rem;white-space:nowrap}.live-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;animation:pulse 2s infinite}.live-dot.paused{background:var(--ink);animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.ref-time{font-family:var(--font);font-size:1.1rem;font-weight:700}.ref-date{color:var(--muted);font-family:var(--font);font-size:.72rem}.map-search{position:relative;width:min(360px,calc(100vw - 360px));min-width:240px;pointer-events:auto}.map-search--under-header{width:min(420px,calc(100% - 84px));min-width:240px}.map-search-input-wrap{position:relative}.map-search-input{width:100%;height:46px;padding:0 40px 0 14px;border:1px solid rgba(10,14,26,.22);border-radius:6px;background:#f4f1ebeb;color:var(--ink);font-family:var(--font);font-size:.92rem;box-shadow:0 10px 24px #0a0e1a1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.map-search-input:focus{outline:2px solid rgba(232,50,10,.3);outline-offset:1px}.map-search-clear{position:absolute;top:50%;right:8px;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;font-family:var(--font);font-size:1.08rem;transform:translateY(-50%)}.map-search-clear:hover{background:#0a0e1a14}.map-search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:13;display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid rgba(10,14,26,.16);border-radius:8px;background:#f4f1ebf5;box-shadow:0 12px 30px #0a0e1a29;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.map-search-result{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border:0;border-radius:6px;background:transparent;color:var(--ink);cursor:pointer;text-align:left}.map-search-result:hover,.map-search-result.is-active{background:#0a0e1a14}.map-search-result-main{font-size:.92rem;font-weight:700}.map-search-result-meta,.map-search-empty{color:#0a0e1aad;font-size:.76rem}.map-search-empty{padding:10px 12px}.map-outer{position:relative;flex:1 1 0;min-height:0;overflow:hidden;border:2px solid var(--ink);border-radius:4px;overscroll-behavior:contain;touch-action:none}.map-outer svg{display:block;width:100%;height:100%;background:var(--paper)}.map-outer svg,.map-outer svg *{-webkit-user-select:none;user-select:none}.map-outer svg .land{cursor:pointer}.map-svg--pannable{cursor:grab}.map-svg--pannable.is-dragging,.map-svg--pannable.is-dragging .land{cursor:grabbing}.zoom-controls{position:absolute;top:12px;right:12px;z-index:11;display:flex;gap:8px}.zoom-btn{min-width:38px;height:34px;padding:0 10px;border:2px solid var(--ink);border-radius:3px;background:#f4f1ebf2;color:var(--ink);cursor:pointer;font-family:var(--font);font-size:.95rem;font-weight:800;line-height:1;transition:background .15s,color .15s,border-color .15s}.zoom-btn:hover:not(:disabled){background:var(--ink);color:var(--paper)}.zoom-btn:disabled{cursor:not-allowed;opacity:.5}.zoom-btn-reset{min-width:62px;font-size:.74rem;letter-spacing:.04em;text-transform:uppercase}.hover-zone-card{position:absolute;top:16px;left:50%;z-index:11;display:flex;flex-direction:column;gap:2px;min-width:220px;max-width:min(360px,calc(100% - 300px));padding:10px 14px;border:1px solid rgba(15,23,42,.2);border-radius:8px;background:#0b1220d1;color:#f8fafc;transform:translate(-50%);box-shadow:0 10px 24px #0f172a3d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hover-zone-main{color:#f8fafc;font-family:var(--font);font-size:1rem;font-weight:800}.hover-zone-sub{color:#cbd5e1;font-family:var(--font);font-size:.8rem}.hover-zone-time{font-family:var(--timefont);font-size:1.35rem;font-weight:700}.hover-zone-time.day{color:#fde047}.hover-zone-time.night{color:#7dd3fc}.hover-zone-detail{color:#94a3b8;font-family:var(--font);font-size:.76rem}.ocean,.lake{fill:var(--paper);stroke:var(--paper)}.land{fill:#b9b9b9;fill-opacity:1;stroke:#fff;stroke-opacity:1;stroke-width:.5;stroke-miterlimit:3.97446823;stroke-dasharray:none}.land.ca-admin1{stroke:none}.admin1-base-fill,.country-searchable{fill:#b9b9b9;fill-opacity:1;stroke:none;pointer-events:none}.land:hover,.land.land--search-match,.country-searchable.land--search-match{fill:var(--accent)!important}.land.land-pressed{fill:#00f!important}.land.land--selected-match{fill:#1d4ed8!important}.pin-connector{stroke:#0f172a;stroke-width:1.3;stroke-opacity:.5}.pin-card{margin:2px;fill:#0b1220;fill-opacity:.75;stroke-width:1.6;filter:drop-shadow(0 4px 10px rgba(2,6,23,.45))}.pin-city{fill:#f8fafc;font-family:var(--font);font-weight:800;letter-spacing:.4px}.pin-time{font-family:var(--timefont);font-weight:700}.pin-time.day{fill:#fde047}.pin-time.night{fill:#7dd3fc}.pin-meta{fill:#cbd5e1;font-family:var(--font)}.pin-meta.pin-dst{fill:#cbd5e1}.pin-dot{cursor:pointer;stroke:none;fill-opacity:.5}.pin-dot.is-active{fill:#0f172a;stroke:none}.pin-hit{cursor:pointer;fill:transparent;stroke:none}.controls{position:absolute;right:0;bottom:0;left:0;z-index:10;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 16px;padding:20px 18px 14px;background:linear-gradient(to top,rgba(244,241,235,.97) 70%,transparent)}.controls-left{display:flex;flex-direction:column;gap:10px}.controls-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.slider-row{display:flex;align-items:center;gap:12px}.slider-label{min-width:130px;color:var(--muted);font-family:var(--font);font-size:.75rem}.slider-time{min-width:52px;font-family:var(--font);font-size:1.3rem;font-weight:700}.slider-zone{color:var(--muted);font-family:var(--font);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:3px;border-radius:2px;background:var(--rule);cursor:pointer;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border:2px solid var(--accent);border-radius:50%;background:var(--ink);cursor:pointer}.time-input-wrap{display:flex;align-items:center;gap:8px;color:var(--muted);font-family:var(--font);font-size:.75rem}.time-input-wrap input{width:68px;padding:4px 8px;border:1.5px solid var(--rule);border-radius:3px;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:.9rem;outline:none}.time-input-wrap input:focus{border-color:var(--ink)}.reset-btn{padding:9px 18px;border:2px solid var(--ink);border-radius:3px;background:var(--ink);color:var(--paper);cursor:pointer;font-family:var(--font);font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;transition:background .15s;white-space:nowrap}.reset-btn:hover{border-color:var(--accent);background:var(--accent)}.feedback-cta{display:flex;justify-content:space-between;margin-top:12px}.feedback-btn{display:inline-flex;align-items:center;justify-content:space-between;padding:12px 18px;border:2px solid var(--ink);border-radius:6px;background:var(--ink);box-shadow:0 12px 24px #0a0e1a2e;color:var(--paper);font-family:var(--font);font-size:.82rem;font-weight:800;letter-spacing:.06em;text-decoration:none;text-transform:uppercase;transition:transform .15s,box-shadow .15s,background .15s}.feedback-btn:hover{background:#ff3b13;box-shadow:0 16px 28px #0a0e1a3d;transform:translateY(-1px)}.feedback-btn:active{transform:translateY(0)}.site-footer{width:100vw;margin-top:36px;margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw);border-top:1px solid rgba(10,14,26,.14);background:#ebe5da}.site-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1280px;margin:0 auto;padding:18px 100px}.site-footer-copy{color:var(--ink);font-family:var(--font);font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.site-footer-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px}.site-footer-nav a{color:var(--muted);font-family:var(--font);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.site-footer-nav a:hover{color:var(--ink)}.doc-shell{display:flex;min-height:100dvh;max-width:900px;flex-direction:column;gap:12px;margin:0 auto;padding:40px 20px 0}.doc-header{padding-bottom:12px;border-bottom:2px solid var(--ink)}.doc-header h1{font-size:2.2rem;letter-spacing:-.03em}.doc-meta{margin-top:8px;color:var(--muted);font-size:.92rem}.doc-content{color:var(--muted);font-size:1rem;line-height:1.65}.doc-content h2{margin-top:24px;padding-top:12px;border-top:1px solid var(--rule);color:var(--ink);font-size:1.1rem}.doc-content p{margin-top:10px}.doc-content ul{margin-top:10px;padding-left:1.25rem}.doc-content li+li{margin-top:4px}.doc-content a,.doc-content a:visited{color:var(--ink);text-decoration:underline;text-underline-offset:2px}.doc-content a:hover{color:var(--muted)}.content-section+.content-section{margin-top:28px}.content-section[id]{scroll-margin-top:96px}.contact-form{display:grid;width:100%;max-width:none;gap:12px;margin-top:18px}.contact-form label{display:grid;gap:6px;color:var(--muted);font-size:.95rem}.contact-form input,.contact-form textarea{width:100%;padding:10px 12px;border:1px solid var(--rule);border-radius:4px;background:#fff;color:var(--ink);font:inherit}.contact-form textarea{min-height:150px;resize:vertical}.contact-form button{width:fit-content;padding:10px 16px;border:0;border-radius:4px;background:var(--ink);color:#fff;cursor:pointer;font:inherit;font-weight:700}.contact-form button:disabled{cursor:not-allowed;opacity:.65}.status-text{min-height:1.4em;margin-top:4px;color:var(--muted);font-size:.92rem}.status-text.ok{color:#166534}.status-text.err{color:#991b1b}.page-content,#page-content{max-width:1000px;margin:24px auto 0;padding:0 100px;color:var(--muted);font-size:1.08rem}.page-content h2,#page-content h2{color:var(--ink);font-size:1.08rem;letter-spacing:-.01em}.page-content h3,#page-content h3{margin-top:18px;color:var(--ink);font-size:.9rem;letter-spacing:.12em;text-transform:uppercase}.page-content p,#page-content p{margin-top:10px;font-size:.94rem;line-height:1.7}.page-content ul,#page-content ul{margin-top:10px;padding-left:1.25rem}.page-content li+li,#page-content li+li{margin-top:6px}.page-content noscript,#page-content noscript{display:block;margin-top:14px;color:var(--muted);font-size:1rem}.page-content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:40px;align-items:start}.page-content-grid .content-section+.content-section{margin-top:0}.page-content-grid noscript{grid-column:1 / -1}.content-section-wide{grid-column:1 / -1;max-width:860px}.content-section-wide p+p,.content-section-wide ul+p{margin-top:12px}.support-banner-wrap{grid-column:1 / -1;width:100%;max-width:1240px;margin:0 auto 8px;padding:0 100px}.support-banner{padding:24px 28px;border:1px solid rgba(10,14,26,.12);border-radius:12px;background:#f4f1ebdb;box-shadow:0 10px 24px #0a0e1a14;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.support-banner p{margin:0;color:var(--ink);font-size:.98rem;font-weight:600;line-height:1.5;text-align:center}.support-banner a,.support-banner a:visited{color:var(--accent);font-weight:800;text-decoration:none}.support-banner a:hover{color:#b32508}@media(max-width:900px){.site-topbar{padding:16px 20px}.shell{display:flex;min-height:100dvh;max-width:900px;flex-direction:column;gap:12px;margin:0 auto;padding:0 20px}.hero{padding:16px 0}.map-top-tools{top:12px;left:12px;right:12px;max-width:none}.header{max-width:min(360px,calc(100% - 72px))}.map-search{width:min(320px,calc(100vw - 440px));min-width:220px}.map-search--under-header{width:min(360px,calc(100% - 72px));min-width:220px}.doc-shell{display:flex;min-height:100dvh;max-width:900px;flex-direction:column;gap:12px;margin:0 auto;padding:40px 20px 0}.page-content,#page-content{padding:28px 20px 64px}.support-banner-wrap{padding:0 20px}.page-content-grid{grid-template-columns:1fr;gap:28px}}@media(max-width:640px){.site-topbar{flex-direction:column;align-items:flex-start;gap:12px}.site-nav{justify-content:flex-start;gap:14px}.map-top-tools{top:10px;right:10px;left:10px;gap:10px}.map-search--under-header{width:min(320px,calc(100vw - 20px));min-width:0}.header{min-width:0;max-width:none;gap:10px;padding:10px 12px}.map-search{width:100%;min-width:0}.ref-time{font-size:1rem}.controls{grid-template-columns:1fr}.controls-right{align-items:flex-start}.feedback-cta{justify-content:space-between}.feedback-btn{width:100%;max-width:260px}.support-banner{padding:18px 20px}.support-banner p{font-size:.92rem}.site-footer-inner{flex-direction:column;align-items:flex-start;padding:18px 20px}.site-footer-nav{justify-content:flex-start;gap:14px}}@media(max-width:900px){.hover-zone-card{top:100px;left:12px;right:12px;max-width:none;transform:none}}