:root{--paper:#f7f6f1;--ink:#172026;--muted:#68747d;--line:#d9ddd9;--blue:#326b92;--work:#cfe3d6;--night:#e7e9e7;--focus:#b65d32;--white:#fff}*{box-sizing:border-box}html{color-scheme:light;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}body{margin:0;min-height:100vh}.site-header,footer{max-width:1180px;margin:auto;padding:24px 28px;display:flex;align-items:center;justify-content:space-between}.site-header nav,footer nav{display:flex;gap:24px}.brand{font-size:.82rem;letter-spacing:.18em;font-weight:800}.mark{color:var(--blue);font-size:1.4rem;vertical-align:-.1em}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}main{max-width:1180px;margin:auto;padding:56px 28px 36px}.hero{max-width:800px;margin-bottom:44px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--blue);font-weight:800}h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(3rem,7vw,6.6rem);line-height:.96;letter-spacing:-.045em;margin:14px 0 24px}.lead{font-size:clamp(1.05rem,2vw,1.35rem);color:var(--muted);max-width:620px}.planner{border:1px solid var(--line);background:rgba(255,255,255,.68);box-shadow:0 24px 80px rgba(26,40,47,.08);padding:clamp(20px,4vw,40px)}.controls{display:grid;grid-template-columns:180px 1fr auto auto;gap:12px;align-items:end}label{display:grid;gap:7px;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:750;color:var(--muted)}input,button{font:inherit;min-height:44px;border-radius:0;border:1px solid var(--line);background:var(--white);color:var(--ink);padding:10px 13px}button{background:var(--ink);color:white;border-color:var(--ink);font-weight:700;cursor:pointer}button.quiet,.remove{background:transparent;color:var(--ink)}button:disabled{opacity:.35;cursor:not-allowed}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.timeline-control{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:center;margin:34px 0 22px}.timeline-control>div{display:flex;flex-direction:column}.timeline-control strong{font-family:Georgia,serif;font-size:1.1rem}.timeline-control input{padding:0;accent-color:var(--blue)}.overlap{display:flex;gap:14px;align-items:baseline;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-bottom:10px}.overlap span{color:var(--muted)}.city-row{padding:20px 0;border-bottom:1px solid var(--line);overflow:hidden}.city-meta{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:24px}.city-meta h3{font-family:Georgia,serif;font-weight:400;font-size:1.55rem;margin:0}.city-meta p,.city-meta span{margin:0;color:var(--muted);font-size:.82rem}.local-time{text-align:right}.local-time strong{display:block;font-size:1.35rem;font-variant-numeric:tabular-nums}.remove{min-height:38px;padding:7px 10px}.hour-track{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;min-width:720px;height:38px;margin-top:16px;background:var(--night)}.hour-cell{position:relative;border-right:1px solid rgba(23,32,38,.06)}.hour-cell.work{background:var(--work)}.hour-cell.selected:after{content:"";position:absolute;z-index:2;left:-1px;top:-5px;bottom:-5px;width:2px;background:var(--focus)}.hour-cell[data-hour]:before{content:attr(data-hour);position:absolute;top:40px;left:-8px;font-size:.62rem;color:var(--muted)}.city-rows{padding-bottom:20px}.share{display:flex;align-items:center;gap:16px;margin-top:28px}.privacy-line{text-align:center;color:var(--muted);font-size:.83rem;margin:28px}footer{border-top:1px solid var(--line);color:var(--muted);font-size:.84rem}.prose{max-width:720px}.prose h1{font-size:clamp(2.8rem,6vw,5rem)}.prose h2{font-family:Georgia,serif;font-weight:400;margin-top:2em}.back{display:inline-block;margin-top:30px;color:var(--blue);font-weight:700}.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}@media(max-width:760px){.site-header nav{display:none}main{padding-top:30px}.controls{grid-template-columns:1fr 1fr}.city-field{grid-column:1/-1}.timeline-control{grid-template-columns:1fr}.overlap{align-items:flex-start;flex-direction:column;gap:2px}.city-row{overflow-x:auto}.city-meta{position:sticky;left:0;background:var(--paper);z-index:3;grid-template-columns:1fr auto}.city-meta .remove{grid-column:1/-1;width:max-content}.hour-track{margin-bottom:22px}.site-header,footer,main{padding-left:18px;padding-right:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}