.clock-shell .intro{padding:18px 0 22px}.clock-shell .intro h1{font-size:34px}.converter-pair{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr)}.converter-side{display:grid;grid-template-columns:minmax(100px,1fr) minmax(145px,1.2fr);grid-template-areas:'heading heading' 'zone clock' 'offset date';gap:5px 16px;padding:20px 24px}.side-heading{grid-area:heading;margin:0 0 4px}.side-heading #device-badge{display:none}.zone-picker{grid-area:zone;min-height:48px;padding:4px 0;gap:5px}.zone-picker>span{min-width:0}.zone-picker strong{font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.3px}.zone-detail{display:none}.zone-picker>svg{width:18px;height:18px}.converter .converter-time{grid-area:clock;padding:0;min-height:48px;font-size:38px;text-align:right;letter-spacing:-1px;line-height:1.2}.converter-date-row{grid-area:date;margin:0;max-width:none;align-self:center}.converter .converter-date-row input{font-size:15px;min-height:32px;padding:3px 0;text-align:right}.converter-date-row input::-webkit-datetime-edit{margin-left:auto}.converter-date-row input::-webkit-calendar-picker-indicator{width:17px;height:17px;margin-left:8px}.converter-offset{grid-area:offset;align-self:center;margin:0;font-size:14px}.swap-button{width:38px;height:38px}.swap-button svg{width:22px;height:22px}.converter .time-controls{padding:12px 20px 18px}.timeline-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:14px;color:var(--muted)}.timeline-heading .clock-button{padding:5px 8px;min-height:32px;border:0;background:transparent;font-size:14px}.paired-timeline{display:grid;grid-template-columns:110px minmax(0,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden}.timeline-names{display:grid;grid-template-rows:48px 48px;background:#f5f8f1;border-right:1px solid #d6e0d1;position:relative;z-index:1}.timeline-names strong{font-size:14px;font-weight:550;padding:13px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:22px}.timeline-names strong+strong{border-top:1px solid #dfe5dd}.time-track{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#b4c5ae #f4f7f0;cursor:grab;touch-action:pan-x pan-y;min-width:0;overscroll-behavior-x:contain}.time-track.dragging{cursor:grabbing;user-select:none}.timeline-content{width:max-content;padding-inline:var(--timeline-pad,0px);background:#fafbf8}.timeline-row{display:grid;grid-template-columns:repeat(193,64px);height:48px}.timeline-row+.timeline-row{border-top:1px solid #dfe5dd}.time-cell{display:grid;place-items:center;position:relative;border:0;border-right:1px solid #e0e6dc;border-radius:0;background:transparent;color:#64735f;padding:0;width:64px;height:48px;font-size:14px;line-height:1;font-variant-numeric:tabular-nums;cursor:inherit;touch-action:pan-x pan-y}.time-cell::before{content:'';position:absolute;left:0;top:0;height:6px;border-left:1px solid #b8c8b1}.time-cell.hour::before{height:11px;border-left-color:#778f70}.time-cell.hour{font-weight:600;color:var(--ink)}.time-cell.selected{background:#28644c;color:white;font-weight:600}.time-cell.selected::before{border-color:#d9ebd0}.time-cell:hover:not(.selected){background:#edf3e8}.time-cell:focus-visible{outline:2px solid #28644c;outline-offset:-3px;z-index:1}.world-card{padding:18px 20px}.world-time{font-size:32px}.world-difference,.world-meta>span:first-child{display:none}.world-meta{margin-top:7px}.world-card h3{margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.world-date{font-size:14px}.picker-heading{align-items:center;margin-bottom:16px}.picker-heading h2{font-size:21px;line-height:1.35}.picker-close{width:40px;height:40px;flex:none;padding:0;line-height:1;border-radius:10px}.picker-close svg{display:block;width:22px;height:22px;flex:none}.zone-result{padding:12px;gap:14px;min-height:64px}.zone-result>span:first-child{min-width:0;flex:1}.zone-result strong,.zone-result>span>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zone-result>span>span{font-size:14px}.zone-result:hover{background:#f4f7f0}.zone-result.selected{background:#e8f1e3}.selection-check{display:grid;place-items:center;width:30px;height:30px;flex:none;background:#28644c;border-radius:50%;color:white}.selection-check svg{display:block;width:21px;height:21px}.remove-city{display:grid;place-items:center;padding:0;line-height:1}.remove-city svg{display:block;width:18px;height:18px}.aoe-note{margin:10px 0 16px}.aoe-panel{padding:22px 24px}.aoe-footnote{margin-top:18px}.deadline-result{margin-top:18px;padding-top:18px}.deadline-result p{font-size:21px}.clock-shell .clocks-section{margin-top:24px}@media(max-width:1000px){.converter-side{grid-template-columns:minmax(80px,1fr) minmax(126px,1.1fr);padding:18px;gap:4px 10px}.zone-picker strong{font-size:18px}.converter .converter-time{font-size:33px}.converter .converter-date-row input{font-size:14px}.converter-date-row input::-webkit-calendar-picker-indicator{width:14px;height:14px;margin-left:3px}}@media(max-width:720px){.converter-pair{grid-template-columns:1fr;background:linear-gradient(#f0f5ed 50%,#fff 50%)}.converter-side{grid-template-columns:minmax(100px,1fr) minmax(145px,1.2fr);padding:16px 22px;gap:3px 14px}.zone-picker strong{font-size:20px}.converter .converter-time{font-size:36px}.swap-button{width:32px;height:32px;margin:-16px auto;position:relative;z-index:1}.swap-button svg{transform:rotate(90deg);width:18px;height:18px}.converter .converter-date-row input{font-size:15px}.converter .time-controls{padding:12px 16px 16px}.paired-timeline{grid-template-columns:82px minmax(0,1fr)}.timeline-names strong{padding:13px 8px;font-size:13px}.clock-shell .intro h1{font-size:30px}.clock-shell .intro{padding:15px 0 18px}}@media(max-width:380px){.converter-side{padding:16px;grid-template-columns:minmax(85px,1fr) minmax(130px,1.15fr);gap:3px 10px}.zone-picker strong{font-size:18px}.converter .converter-time{font-size:33px}}