:root{color-scheme:dark;--bg:#0c161b;--panel:#101e24;--line:#2a3a40;--muted:#94a8ae;--paper:#edf1e9;--teal:#76d9c2;--brass:#d9b779;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--paper);font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit;border:1px solid var(--line);background:transparent;border-radius:6px;padding:9px 12px}button:hover{border-color:var(--teal);color:var(--teal)}a:hover{color:var(--teal)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--teal);outline-offset:4px}[hidden]{display:none!important}.brand{border-bottom:1px solid var(--line);padding:13px 20px;text-align:center;font-size:12px;letter-spacing:.05em;color:var(--muted)}.brand strong{color:var(--paper);font-weight:600}.brand span{margin-left:8px;color:var(--teal)}main{max-width:1440px;margin:auto;padding:0 48px}.intro{display:flex;justify-content:space-between;align-items:center;padding:44px 0 32px}.eyebrow{font:10px/1.5 var(--mono);letter-spacing:.14em;color:var(--muted)}p.eyebrow{margin:0 0 10px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--teal);margin-right:9px}.intro h1{font-size:clamp(44px,5vw,68px);font-weight:460;line-height:1.05;letter-spacing:-.055em;margin:0 0 12px}.title-dot{color:var(--teal)}.subtitle{color:var(--muted);margin:0;font-size:17px}.utc{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.utc strong{font:22px var(--mono);font-weight:400}.utc>span:last-child{font-size:12px;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(350px,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}.globe-panel{min-width:0;background:radial-gradient(ellipse at 50% 45%,#162a32 0%,#0e1c23 65%,#0d1a20 100%);display:flex;flex-direction:column}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:20px 24px;min-height:65px}.globe-tools{display:flex;gap:6px}.globe-tools button{font-size:12px;border:0;padding:4px 6px;color:var(--muted)}.globe-stage{position:relative;flex:1;min-height:470px;display:flex;align-items:center;justify-content:center}.globe-stage canvas{width:100%;height:100%;position:absolute;inset:0;cursor:grab;touch-action:none}.globe-stage canvas:active{cursor:grabbing}.cardinal{position:absolute;left:50%;transform:translateX(-50%);font:11px var(--mono);color:var(--brass);pointer-events:none}.north{top:10px}.south{bottom:10px}.scale-note{position:absolute;left:24px;bottom:20px;color:#6f888f;font:9px/1.8 var(--mono);letter-spacing:.08em;pointer-events:none}#hover-tip{position:absolute;padding:7px 10px;background:#091317ed;border:1px solid var(--line);border-radius:5px;font-size:11px;pointer-events:none;z-index:2;max-width:230px}.globe-bottom{padding:15px 24px;display:flex;align-items:center;gap:16px;font-size:11px;color:var(--muted)}.globe-bottom p{margin:0;margin-right:auto}.globe-bottom p span{padding:0 5px}.check{display:flex;align-items:center;gap:6px;white-space:nowrap}.check input{accent-color:var(--teal)}.position-strip{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:19px 24px;min-height:85px;gap:10px}.position-strip strong{display:block;font:15px/1.6 var(--mono);margin-top:3px}.live-badge{font:9px var(--mono);color:var(--teal);white-space:nowrap;letter-spacing:.08em}.converter{border-left:1px solid var(--line);padding:0 26px 24px;background:#132128}.converter>.panel-top{padding:20px 0}.tiny{font:9px var(--mono);color:var(--muted);letter-spacing:.06em}label{display:block;font-size:12px}input,select{width:100%;color:var(--paper);background:#0c191f;border:1px solid #34474f;border-radius:5px;padding:11px 12px;min-width:0}input::placeholder{color:#667f88}input:focus{border-color:var(--teal)}.paste-row{display:flex;margin-top:7px}.paste-row input{border-radius:5px 0 0 5px;border-right:0;font:13px var(--mono)}.arrow{border-radius:0 5px 5px 0;background:var(--teal);color:#0a2724;font-size:23px;padding:3px 16px;border:0}.arrow:hover{color:#0a2724;background:#a3eddb}.hint{font-size:11px;color:var(--muted);margin:8px 0 0;line-height:1.65}.format-row{margin:23px 0 14px}.segmented{display:flex;background:#0c191f;padding:3px;border:1px solid var(--line);border-radius:6px;margin-top:7px}.segmented button{flex:1;font-size:12px;border:0;padding:7px 9px;color:var(--muted)}.segmented button[aria-pressed=true]{background:#2a403f;color:var(--teal);box-shadow:0 1px 5px #0004}.decimal-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.decimal-fields label>span{font:9px var(--mono);float:right;color:var(--muted);margin-top:2px}.decimal-fields input{margin-top:6px;font:15px var(--mono);padding:12px 10px}fieldset{padding:0;border:0;margin:12px 0}legend{font-size:12px;margin-bottom:5px}.dms-row{display:grid;grid-template-columns:1fr 1fr 1.3fr .8fr;gap:6px}.dms-row label{color:var(--muted);font-size:9px}.dms-row input,.dms-row select{padding:9px 6px;margin-top:3px;font:13px var(--mono)}.action-row{display:flex;gap:8px;margin-top:16px}.primary{border:1px solid var(--teal);background:var(--teal);color:#0d2926;font-size:12px;padding:11px 16px;border-radius:6px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:22px}.primary:hover{background:#a0ebd8;color:#0d2926;border-color:#a0ebd8}.action-row .primary{flex:1}.secondary{font-size:11px;color:var(--muted)}#message{font-size:11px;color:var(--teal);min-height:17px;margin:8px 0}#message.error{color:#ffb3a5}.equivalent{border-top:1px solid var(--line);padding-top:14px}.equivalent>div{display:flex;align-items:center;justify-content:space-between}.equivalent button{font-size:10px;color:var(--teal);border:0;padding:0}.equivalent output{display:block;font:12px/1.8 var(--mono);color:#e0d9bc;margin-top:6px;overflow-wrap:anywhere}.selected-clock{border-top:1px solid var(--line);padding-top:18px;margin-top:17px}.clock-top{display:flex;justify-content:space-between;align-items:center}.offset{font:10px var(--mono);color:var(--brass)}.selected-clock h2{font-size:20px;font-weight:500;margin:10px 0 0;letter-spacing:-.02em}.big-clock{font:clamp(32px,3.2vw,46px)/1.4 var(--mono);letter-spacing:-.04em;color:var(--paper)}.selected-clock p{font-size:11px;color:var(--muted);margin:2px 0}#selected-zone{font-family:var(--mono);font-size:10px;color:var(--teal);overflow-wrap:anywhere}#lookup-note{font-size:10px;margin-top:8px;max-width:340px}.world-clocks{padding:36px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-heading h2{font-size:30px;font-weight:450;letter-spacing:-.04em;margin:0}.section-heading p{margin-bottom:5px}.search{display:flex;align-items:center;gap:8px;width:320px;max-width:100%;border-bottom:1px solid #42555c;color:var(--teal)}.search>span{font-size:22px}.search input{border:0;background:transparent;font-size:12px;padding:9px 0;border-radius:0}.city-bar{display:flex;justify-content:space-between;align-items:center;margin:20px 0 12px}.text-tab{border:0;border-radius:0;padding:5px 0;margin-right:20px;font-size:11px;color:var(--muted);border-bottom:1px solid transparent}.text-tab.active{border-color:var(--teal);color:var(--teal)}.cities{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.city{border:1px solid var(--line);padding:15px 14px;text-align:left;border-radius:7px;background:#101e24;min-width:0}.city.active{border-color:var(--teal);background:#193532}.city .city-name{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.city time{display:block;font:21px var(--mono);margin:8px 0 5px;letter-spacing:-.05em}.city small{font:9px/1.6 var(--mono);display:block;color:var(--muted)}.city .civil-offset{color:var(--brass)}.more{margin:15px auto;display:block}.explain{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding:25px 0 34px;gap:40px}.mini-symbol{color:var(--brass);font:26px var(--mono)}.explain h3{font-size:14px;font-weight:500;margin:6px 0}.explain p{font-size:12px;color:var(--muted);margin:0;max-width:350px;line-height:1.8}.skeletrace{border:1px solid #3b5a52;background:linear-gradient(110deg,#182e2a,#142329);border-radius:9px;padding:28px 30px;display:flex;align-items:center;gap:24px}.sk-icon{width:65px;flex-shrink:0}.sk-icon svg{width:100%;stroke:var(--teal);fill:#19342f;stroke-width:1}.skeletrace h2{font-size:23px;letter-spacing:-.03em;font-weight:500;margin:5px 0}.skeletrace h2 span{color:var(--teal)}.skeletrace p:not(.eyebrow){font-size:12px;color:var(--muted);margin:0}.skeletrace>a{margin-left:auto;white-space:nowrap}.other-tools{padding:30px 0;text-align:center;font-size:11px;color:var(--muted)}.other-tools nav{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 24px;color:var(--paper)}footer{padding:23px 0 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted)}footer>div{display:flex;gap:20px}.skip{position:fixed;top:-100px;left:10px;background:var(--teal);color:var(--bg);padding:12px;z-index:10}.skip:focus{top:10px}.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}.noscript{padding:40px;text-align:center}.document{max-width:780px;padding-top:40px}.document h1{font-size:40px;font-weight:450}.document p,.document li{color:var(--muted);line-height:1.8}.document a{color:var(--teal)}@media(min-width:1450px){.globe-stage{min-height:535px}}@media(max-width:1100px){main{padding:0 28px}.cities{grid-template-columns:repeat(4,minmax(0,1fr))}.workspace{grid-template-columns:minmax(0,1.3fr) minmax(345px,1fr)}.globe-bottom{flex-wrap:wrap;gap:8px 15px}.globe-bottom p{width:100%}.live-badge{display:none}.position-strip strong{font-size:12px}.skeletrace h2{font-size:20px}.sk-icon{width:45px}}@media(max-width:820px){main{padding:0 20px}.workspace{grid-template-columns:1fr}.converter{border-left:0;border-top:1px solid var(--line);padding:0 24px 24px}.globe-stage{min-height:470px}.globe-bottom{flex-wrap:nowrap}.globe-bottom p{width:auto}.utc .eyebrow{display:none}.utc strong{font-size:16px}.intro{padding-top:32px}.explain{gap:20px}.skeletrace{flex-wrap:wrap;padding:24px;gap:15px}.skeletrace>a{margin-left:60px}.selected-clock{position:relative}.big-clock{font-size:42px}.cities{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){main{padding:0 14px}.intro{align-items:flex-start;gap:10px;padding:28px 0 24px}.intro h1{font-size:43px}.subtitle{font-size:13px}.intro .eyebrow{font-size:8px}.utc{padding-top:22px}.utc strong{font-size:12px}.utc>span:last-child{font-size:8px}.globe-stage{min-height:365px}.globe-bottom,.panel-top,.position-strip{padding-left:16px;padding-right:16px}.globe-bottom{font-size:9px;gap:8px;flex-wrap:wrap}.globe-bottom p{width:100%}.converter{padding:0 18px 22px}.scale-note{left:16px;font-size:8px;bottom:10px}.section-heading{align-items:flex-start;flex-direction:column;gap:14px}.search{width:100%}.cities{grid-template-columns:repeat(2,minmax(0,1fr))}.city{padding:13px}.explain{grid-template-columns:1fr;gap:22px}.explain>div{padding-left:36px;position:relative}.mini-symbol{position:absolute;left:0;top:0}.skeletrace{display:block}.sk-icon{display:none}.skeletrace>a{margin:18px 0 0}.skeletrace h2{font-size:21px}.tiny{font-size:8px}.action-row .primary{font-size:11px;gap:12px}.secondary{font-size:10px}.position-strip strong{font-size:11px}.selected-clock h2{font-size:22px}footer{flex-wrap:wrap}footer>span{width:100%;order:3}.globe-tools span{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* whispr-net:start (shared whispr.dev footer styles; managed by whispr-net, edits here are replaced) */
/* whispr.dev network footer - shared by every whispr.dev tool site. (c) 2026 whispr.dev
   Scoped under .wn / .wn-by so it can't touch the host page, with its own colours
   and fonts so the host page can't bend it out of shape. */
.wn, .wn * { box-sizing: border-box; }
.wn * { letter-spacing: inherit; text-transform: inherit; font-family: inherit; font-style: inherit; text-align: inherit; }
.wn {
  display: block; clear: both; width: 100%; margin: 0; padding: 30px 16px 26px;
  background: #0b0f14; color: #c9d1d9; border-top: 1px solid #1d2531;
  font: 400 15px/1.5 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  text-align: left; letter-spacing: normal; text-transform: none; -webkit-font-smoothing: antialiased;
}
.wn-in { max-width: 1180px; margin: 0 auto; padding: 0; }
.wn a { text-decoration: none; background: none; border-bottom: 0; box-shadow: none; }
.wn a:hover { text-decoration: none; }
.wn a:focus-visible, .wn-by a:focus-visible { outline: 2px solid #4fb3c8; outline-offset: 2px; }
.wn p, .wn h2, .wn ul, .wn li { margin: 0; padding: 0; border: 0; background: none; font-size: inherit; line-height: inherit; color: inherit; font-weight: inherit; }
.wn ul, .wn li { list-style: none; }
.wn li::before, .wn li::marker { content: none; }
.wn-st {
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px;
  padding: 16px 18px; margin: 0 0 22px; border: 1px solid #1f2a36; border-radius: 12px; background: #000;
}
.wn-st-text { flex: 1 1 320px; min-width: 0; }
.wn .wn-st-kick { font-size: 11.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #4fb3c8; }
.wn .wn-st-name { font-size: 22px; font-weight: 800; color: #fff; letter-spacing: -0.01em; }
.wn .wn-st-tag { font-style: italic; color: #c9d1d9; margin-left: 8px; font-size: 17px; }
.wn .wn-st-blurb { color: #8b949e; font-size: 14px; margin-top: 2px; }
.wn-st-ctas { display: flex; flex-wrap: wrap; gap: 8px; }
.wn .wn-btn { display: inline-block; padding: 9px 14px; border-radius: 8px; font-weight: 650; font-size: 14px; line-height: 1.2; white-space: nowrap; }
.wn .wn-btn-p { background: #1f8fa8; color: #fff; }
.wn .wn-btn-p:hover { background: #2aa3be; color: #fff; }
.wn .wn-btn-g { border: 1px solid #2b3a4b; color: #e6edf3; }
.wn .wn-btn-g:hover { border-color: #4fb3c8; color: #fff; }
.wn .wn-h { font-size: 12.5px; font-weight: 650; letter-spacing: .09em; text-transform: uppercase; color: #8b949e; margin: 0 0 12px; line-height: 1.4; }
.wn .wn-h a { color: #e6edf3; }
.wn .wn-h a:hover { color: #4fb3c8; }
.wn .wn-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 8px; }
.wn .wn-list a { display: block; height: 100%; padding: 9px 12px; border: 1px solid #1d2531; border-radius: 9px; background: #11161d; color: #c9d1d9; }
.wn .wn-list a:hover { border-color: #1f8fa8; background: #131b24; }
.wn .wn-d { display: block; color: #4fb3c8; font-weight: 650; font-size: 14.5px; overflow-wrap: anywhere; }
.wn .wn-t { display: block; color: #8b949e; font-size: 13px; margin-top: 1px; }
.wn .wn-copy { margin-top: 18px; font-size: 13px; color: #8b949e; }
.wn .wn-copy a { color: #c9d1d9; font-weight: 600; }
.wn .wn-copy a:hover { color: #4fb3c8; }
.wn-by {
  display: block; margin: 0; padding: 5px 12px; background: #0b0f14; border-bottom: 1px solid #1d2531;
  font: 500 12.5px/1.4 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color: #8b949e; text-align: center; letter-spacing: normal; text-transform: none;
}
.wn-by a { color: #c9d1d9; text-decoration: none; background: none; border: 0; }
.wn-by a:hover { color: #4fb3c8; }
@media (max-width: 520px) {
  .wn { padding: 24px 12px 20px; }
  .wn .wn-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
  .wn .wn-list a { padding: 8px 9px; }
  .wn .wn-d { font-size: 13.5px; }
  .wn .wn-t { font-size: 12px; }
}
@media print { .wn, .wn-by { display: none; } }
/* whispr-net:end */