:root{color:#1f2b25;font-synthesis:none;text-rendering:optimizelegibility;--ink:#1f2b25;--paper:#f3f0e8;--muted:#6e756f;--line:#c9c7bd;--signal:#e6542f;--signal-strong:#8f2f1c;--mono:"SFMono-Regular", "Cascadia Mono", "Roboto Mono", ui-monospace, monospace;background:#f3f0e8;font-family:Iowan Old Style,AppleMyungjo,Batang,Georgia,serif}*{box-sizing:border-box}html{min-width:320px}body{background:linear-gradient(#1f2b2509 1px, transparent 1px) 0 0 / 100% 32px, var(--paper);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--signal);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-shell{width:min(1180px,100% - 40px);margin:0 auto}.masthead{border-bottom:1px solid var(--ink);min-height:74px;font-family:var(--mono);letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.masthead nav{gap:1.5rem;margin-left:auto;margin-right:2rem;display:flex}.masthead nav a{color:var(--muted);text-decoration:none}.masthead nav a:hover{color:var(--signal)}.wordmark{font-weight:500;text-decoration:none}.wordmark span{color:var(--signal);padding:0 .35rem}.issue-mark,.eyebrow,.section-index,.field-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em}.intro{grid-template-columns:.7fr 2.4fr 1fr;align-items:end;gap:2rem;padding:clamp(64px,10vw,132px) 0 clamp(54px,8vw,96px);display:grid}.eyebrow,.section-index{color:var(--signal);margin:0;font-size:.75rem;font-weight:500}h1,h2,p{margin-top:0}h1{letter-spacing:-.075em;margin-bottom:-.09em;font-size:clamp(3.35rem,8vw,7.8rem);font-weight:400;line-height:.92}.lede{color:var(--muted);word-break:keep-all;margin-bottom:0;font-size:1rem;line-height:1.75}.reference-panel{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);grid-template-columns:1fr 2fr;gap:2rem;padding:28px 0 40px;display:grid}.comparison-panel{border-bottom:1px solid var(--line);grid-template-columns:1fr 2fr;gap:2rem;padding:40px 0;display:grid}.comparison-panel h2,.reference-panel h2{margin:.65rem 0 0;font-size:clamp(1.65rem,3vw,2.5rem);font-weight:400}.section-heading>p:last-child{max-width:19rem;color:var(--muted);margin:.8rem 0 0;font-size:.85rem;line-height:1.6}.reference-editor{grid-template-columns:1.6fr 1fr .8fr;align-items:start;gap:18px;display:grid}.field-label{color:var(--muted);gap:.75rem;font-size:.75rem;display:grid}select,input[type=date],input[type=time]{border:1px solid var(--ink);width:100%;min-height:54px;color:var(--ink);text-transform:none;letter-spacing:0;background:0 0;border-radius:0;padding:15px 14px;font-family:Iowan Old Style,AppleMyungjo,Batang,Georgia,serif;font-size:1.05rem}.time-message,.ambiguity-choice{grid-column:1/-1}.time-message{margin:0;padding:13px 15px;font-size:.88rem;line-height:1.6}.time-message--error{color:#812c1c;border-left:3px solid var(--signal);background:#e6542f17}.ambiguity-choice{border:1px solid #e6542f8c;flex-wrap:wrap;gap:12px 24px;margin:0;padding:15px;display:flex}.ambiguity-choice legend{color:#812c1c;padding:0 8px;font-size:.84rem}.ambiguity-choice label{font-family:var(--mono);align-items:center;gap:7px;font-size:.75rem;display:flex}input[type=search]{border:1px solid var(--ink);width:100%;min-height:54px;color:var(--ink);background:0 0;border-radius:0;padding:14px 52px 14px 14px;font-family:Iowan Old Style,AppleMyungjo,Batang,Georgia,serif;font-size:1rem}input[type=search]::placeholder{color:#8c918d}.city-picker{position:relative}.calculator-actions{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-top:18px;display:flex}.button{border:1px solid var(--ink);min-height:44px;font-family:var(--mono);letter-spacing:.02em;cursor:pointer;border-radius:0;padding:10px 15px;font-size:.75rem}.button--primary{color:var(--paper);background:var(--ink)}.button--primary:hover{background:var(--signal);border-color:var(--signal)}.button--secondary{color:var(--ink);background:0 0}.button--secondary:hover{background:#1f2b2512}.share-control{gap:6px;display:grid}.share-status{min-height:1rem;color:var(--muted);font-size:.75rem}.city-picker__control{margin-top:.75rem;position:relative}.city-picker__plus{color:var(--signal);font-family:var(--mono);pointer-events:none;font-size:1.6rem;position:absolute;top:50%;right:17px;transform:translateY(-52%)}.city-picker__results{z-index:10;border:1px solid var(--ink);background:#fbfaf6;animation:.14s ease-out both reveal-results;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:8px 8px #1f2b251f}.city-picker__results ul{max-height:320px;margin:0;padding:0;list-style:none;overflow-y:auto}.city-picker__results li+li{border-top:1px solid var(--line)}.city-picker__results button{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;padding:13px 15px;display:flex}.city-picker__results button:hover,.city-picker__results button[aria-selected=true]{color:#fbfaf6;background:var(--ink)}.city-picker__results button span:last-child{color:var(--muted);font-family:var(--mono);font-size:.75rem}.city-picker__results button:hover span:last-child,.city-picker__results button[aria-selected=true] span:last-child{color:#d8ddd8}@keyframes reveal-results{0%{opacity:0;transform:translateY(-6px)}}.time-board{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.result-panel{padding-top:64px}.result-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:24px;display:flex}.result-heading h2{letter-spacing:-.045em;margin:.65rem 0 0;font-size:clamp(2rem,4vw,3.8rem);font-weight:400}.timeline-legend{font-family:var(--mono);gap:1.1rem;font-size:.75rem;display:flex}.timeline-legend span{align-items:center;gap:.4rem;display:inline-flex}.legend-dot{width:9px;height:9px;display:inline-block}.legend-dot--work{background:#aebe93}.legend-dot--day{background:#d8cfab}.legend-dot--night{background:#28332f}.result-unavailable{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);color:var(--muted);text-align:center;margin:0;padding:48px 20px}.time-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(150px,.9fr) minmax(130px,.65fr) minmax(280px,2.2fr) auto;align-items:center;gap:clamp(16px,3vw,40px);min-height:150px;padding:24px 0;animation:.26s ease-out both row-arrival;display:grid}.time-row--reference{box-shadow:inset 4px 0 0 var(--signal);background:#e6542f0b}.time-row__city-line{align-items:center;gap:.65rem;display:flex}.time-row__identity h3{margin:0;font-size:clamp(1.35rem,2.4vw,2rem);font-weight:400;line-height:1}.time-row__identity p{color:var(--muted);margin:.6rem 0 .25rem;font-size:.84rem}.time-row__identity>span,.time-row__meta,.reference-badge,.relation,.dst-badge{font-family:var(--mono);letter-spacing:.035em;font-size:.75rem}.time-row__identity>span{color:#8b908c}.reference-badge,.dst-badge{color:#fffaf0;background:var(--signal-strong);padding:3px 6px;font-weight:600}.time-row__clock time{font-family:var(--mono);letter-spacing:-.07em;font-size:clamp(2rem,4.2vw,3.6rem);font-weight:500;line-height:.95;display:block}.time-row__date{color:var(--muted);align-items:center;gap:.65rem;margin-top:.65rem;font-size:.84rem;display:flex}.relation{border:1px solid var(--line);padding:3px 6px}.relation--0{color:var(--muted)}.relation---1,.relation--1{color:var(--signal);border-color:#e6542f66}.timeline{background:#e3e0d7;border-top:1px solid #1f2b2552;border-bottom:1px solid #1f2b2552;height:52px;position:relative;overflow:hidden}.timeline__belt{inset-block:0;left:calc(-50% - var(--local-position));background-image:linear-gradient(90deg,#28332f 0 25%,#d8cfab 25% 37.5%,#aebe93 37.5% 75%,#d8cfab 75% 91.6667%,#28332f 91.6667% 100%);background-repeat:repeat-x;background-size:33.3333% 100%;width:300%;transition:left .28s cubic-bezier(.2,.7,.2,1);position:absolute}.timeline:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 calc(4.1667% - 1px),#f3f0e852 calc(4.1667% - 1px) 4.1667%);position:absolute;inset:0}.timeline__cursor{z-index:2;background:var(--signal);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-1px)}.timeline__cursor:before{content:"";background:var(--signal);border-radius:50%;width:8px;height:8px;position:absolute;top:-1px;left:50%;transform:translate(-50%,-40%)}.timeline__edge{z-index:3;color:#ffffffc7;font-family:var(--mono);font-size:.75rem;position:absolute;bottom:4px}.timeline__edge--start{left:5px}.timeline__edge--end{right:5px}.time-row__meta{color:var(--muted);align-items:center;gap:.75rem;margin-top:.6rem;display:flex}.time-row__meta>span:first-child{color:var(--ink);font-weight:500}.time-row__actions{grid-template-columns:repeat(2,32px);display:grid}.time-row__actions button{border:1px solid var(--line);width:32px;height:32px;color:var(--ink);font-family:var(--mono);cursor:pointer;background:0 0;padding:0}.time-row__actions button:last-child{width:64px;color:var(--signal);border-top:0;grid-column:1/-1}.time-row__actions button:hover:not(:disabled){color:var(--paper);background:var(--ink)}.time-row__actions button:disabled{color:#b7b7b0;cursor:not-allowed}@keyframes row-arrival{0%{transform:translateY(8px)}}.site-footer{border-top:1px solid var(--ink);font-family:var(--mono);justify-content:space-between;gap:2rem;margin-top:100px;padding:32px 0 44px;font-size:.75rem;display:flex}.site-footer strong{font-weight:500}.site-footer p{color:var(--muted);margin:.65rem 0 0}.site-footer nav{flex-wrap:wrap;gap:1rem 1.5rem;display:flex}.site-footer a{color:var(--muted)}@media (width<=760px){.site-shell{width:min(100% - 28px,680px)}.intro,.reference-panel,.comparison-panel{grid-template-columns:1fr}.intro{gap:1.4rem;padding:72px 0 56px}.lede{max-width:34rem}.time-row{grid-template-columns:1fr auto;gap:18px 14px;min-height:0;padding:24px 4px}.time-row__clock{text-align:right}.time-row__date,.time-row__meta{justify-content:flex-end}.time-row__visual{grid-column:1/-1}.time-row__actions{grid-column:1/-1;justify-content:flex-end;display:flex}.time-row__actions button:last-child{border-top:1px solid var(--line);width:32px}.masthead nav{display:none}.reference-editor{grid-template-columns:1fr 1fr}.reference-editor .field-label:first-child{grid-column:1/-1}.result-heading,.site-footer{flex-direction:column;align-items:flex-start}}@media (width<=430px){.issue-mark{display:none}.reference-editor{grid-template-columns:1fr}.reference-editor .field-label:first-child{grid-column:auto}.timeline-legend{gap:.7rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}