@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;color:#151713;background:#f4f5f0;font-synthesis:none;--bg: #f4f5f0;--card: #ffffff;--card-alt: #f8f9f5;--text: #151713;--muted: #6d7168;--subtle: #959a90;--line: #dfe2da;--line-strong: #cbd0c5;--accent: #b8f34a;--accent-dark: #1f3613;--blue: #176bff;--great: #5bc884;--okay: #e7c64b;--bad: #a855f7;--terrible: #e65b55}:root[data-theme=dark]{color:#f3f5ef;background:#151713;--bg: #151713;--card: #1d201c;--card-alt: #232720;--text: #f3f5ef;--muted: #a6aba0;--subtle: #7f8679;--line: #33382f;--line-strong: #484e43;--accent: #a8e542;--accent-dark: #14200d}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--blue),transparent 70%);outline-offset:2px}.app-shell{width:min(1180px,calc(100% - 48px));margin:0 auto;padding-bottom:32px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.view-tabs{width:max-content;margin:18px auto 0;padding:4px;display:flex;gap:3px;background:color-mix(in srgb,var(--line),transparent 48%);border-radius:9px}.view-tabs button{height:34px;padding:0 13px;display:flex;align-items:center;gap:6px;color:var(--muted);background:transparent;border:0;border-radius:6px;cursor:pointer;font-size:11px;font-weight:700}.view-tabs button.active{color:var(--text);background:var(--card);box-shadow:0 1px 3px #14181117}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;color:#17230f;background:var(--accent);border:1px solid color-mix(in srgb,var(--accent),#000 12%);border-radius:10px;transform:rotate(-3deg)}.brand-name{font:800 18px/1 Manrope,sans-serif;letter-spacing:-.5px}.brand-subtitle{margin-top:5px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.02em}.top-actions,.header-buttons{display:flex;align-items:center;gap:8px}.button,.icon-button,.control-button{border:1px solid var(--line);background:var(--card);border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:600}.button{height:40px;padding:0 14px;font-size:13px}.button:hover,.icon-button:hover,.control-button:hover{border-color:var(--line-strong);background:var(--card-alt)}.icon-button{width:40px;height:40px}.button.accent{background:var(--accent);color:#19230f;border-color:color-mix(in srgb,var(--accent),#000 12%)}.button.accent:hover{background:color-mix(in srgb,var(--accent),#fff 12%)}.intro{padding:54px 0 34px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.eyebrow{margin:0 0 10px;color:#42791e;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.12em}[data-theme=dark] .eyebrow{color:var(--accent)}h1{margin:0;font:800 clamp(30px,4vw,47px)/1.08 "Manrope",sans-serif;letter-spacing:-2.1px}.intro-copy{color:var(--muted);margin:13px 0 0;font-size:15px}.settings-panel{display:flex;justify-content:space-between;align-items:center;gap:28px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px 20px;margin-bottom:14px}.setting-copy{display:flex;gap:11px;align-items:flex-start}.setting-copy svg{color:#579c28;margin-top:1px}.setting-copy strong,.setting-copy span{display:block}.setting-copy strong{font-size:14px}.setting-copy span{color:var(--muted);font-size:12px;margin-top:4px}.setting-fields{display:flex;gap:24px}.setting-fields label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:11px;font-weight:700}.setting-fields label small{max-width:280px;color:var(--subtle);font-size:9px;font-weight:500;line-height:1.35}.time-selects{display:flex;align-items:center;gap:6px}.time-selects select{height:34px;color:var(--text);background:var(--card-alt);border:1px solid var(--line);border-radius:6px;font-size:12px;padding:0 7px}.time-controller{background:var(--card);border:1px solid var(--line-strong);border-radius:12px;padding:24px 26px 20px;box-shadow:0 6px 24px #1c21170a}.controller-top{display:flex;align-items:flex-start;justify-content:space-between}.controller-label,.date-field>span{display:block;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.selected-time>div{display:flex;align-items:baseline;gap:12px}.selected-time strong{font:800 27px/1 Manrope,sans-serif;letter-spacing:-1px}.selected-time div span{color:var(--muted);font-size:13px}.date-field input{height:37px;padding:0 9px;color:var(--text);background:var(--card-alt);border:1px solid var(--line);border-radius:7px;font-size:12px;color-scheme:light}[data-theme=dark] .date-field input{color-scheme:dark}.slider-wrap{margin:28px 0 18px}.time-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:10px;margin:0;border-radius:6px;background:linear-gradient(90deg,var(--terrible) 0 25%,var(--bad) 25% 29%,var(--okay) 29% 37.5%,var(--great) 37.5% 70.8%,var(--okay) 70.8% 91.6%,var(--bad) 91.6% 100%);cursor:ew-resize}.time-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:23px;height:23px;border-radius:50%;background:var(--text);border:4px solid var(--card);box-shadow:0 0 0 2px var(--text),0 2px 7px #00000040}.time-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--text);border:4px solid var(--card);box-shadow:0 0 0 2px var(--text)}.slider-labels{display:flex;justify-content:space-between;color:var(--subtle);font-size:10px;font-weight:600;margin-top:8px}.controller-actions{display:flex;gap:7px}.control-button{height:36px;padding:0 12px;color:var(--muted);font-size:11px}.primary-control{color:var(--text)}.primary-control svg{color:#64bd42}.reset-control{margin-left:auto}.city-section{padding-top:35px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:14px}h2{font:800 19px/1.2 Manrope,sans-serif;letter-spacing:-.5px;margin:0}.section-heading p,.overlap-heading p{color:var(--muted);margin:5px 0 0;font-size:12px}.picker{position:relative}.picker-popover{position:absolute;z-index:20;right:0;top:47px;width:min(440px,calc(100vw - 32px));background:var(--card);border:1px solid var(--line-strong);border-radius:11px;box-shadow:0 18px 60px #171b142e;overflow:hidden}.search-box{margin:11px;height:42px;padding:0 11px;display:flex;align-items:center;gap:8px;background:var(--card-alt);border:1px solid var(--line);border-radius:7px;color:var(--muted)}.search-box input{width:100%;border:0;outline:0;color:var(--text);background:transparent;font-size:13px}.picker-label{padding:2px 16px 8px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.picker-results{max-height:min(440px,60vh);overflow-y:auto;border-top:1px solid var(--line);padding:6px}.picker-results button{width:100%;padding:9px 10px;border:0;background:transparent;border-radius:7px;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.picker-results button:hover{background:var(--card-alt)}.picker-results button span{display:flex;flex-direction:column;gap:2px;min-width:0}.picker-results strong{font-size:13px}.picker-results small{color:var(--muted);font-size:10px}.picker-zone{align-items:flex-end;margin-left:16px;text-align:right}.picker-zone small{overflow:hidden;max-width:190px;text-overflow:ellipsis;white-space:nowrap}.picker-zone time{color:var(--text);font-size:11px;font-weight:700}.picker-empty{color:var(--muted);text-align:center;padding:20px;font-size:12px}.city-list{display:flex;flex-direction:column;gap:8px}.city-card{position:relative;min-height:130px;display:grid;grid-template-columns:25px minmax(210px,1.65fr) minmax(125px,.9fr) minmax(130px,.9fr) minmax(135px,.9fr) 94px 32px;grid-template-rows:auto 18px;align-items:center;gap:10px 15px;padding:16px 15px 18px 10px;overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:10px;transition:border-color .15s,transform .15s}.city-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.anchor-card{border-color:#8fb856;box-shadow:inset 3px 0 0 var(--accent)}.card-reorder{height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--subtle)}.card-reorder button{height:22px;width:18px;padding:0;border:0;background:transparent;color:var(--subtle);cursor:pointer}.card-reorder button:disabled{opacity:.2;cursor:default}.city-title{display:flex;align-items:center;gap:7px}.city-title h3{font:800 16px/1.2 Manrope,sans-serif;letter-spacing:-.35px;margin:0}.anchor-badge{padding:3px 6px;color:#355a19;background:color-mix(in srgb,var(--accent),transparent 73%);border-radius:4px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}[data-theme=dark] .anchor-badge{color:var(--accent)}.city-identity p{display:flex;align-items:center;gap:3px;color:var(--muted);margin:4px 0;font-size:11px}.zone-id{color:var(--subtle);font-size:9px}.local-date{display:flex;flex-direction:column;gap:3px}.local-date span{color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:700}.local-date strong{font-size:12px}.time-block{display:flex;align-items:baseline;gap:5px;white-space:nowrap}.time-block strong{font:800 clamp(24px,2.3vw,33px)/1 "Manrope",sans-serif;letter-spacing:-1.5px}.time-block span{color:var(--muted);font-size:11px;font-weight:700}.status-block{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.mood-badge{height:26px;display:inline-flex;align-items:center;gap:5px;padding:0 8px 0 5px;border-radius:13px;font-size:10px;font-weight:800;white-space:nowrap}.mood-icon{width:20px;height:20px;flex:0 0 20px;stroke-width:2.25}.mood-badge.great{color:#267346;background:color-mix(in srgb,var(--great),transparent 78%)}.mood-badge.okay{color:#806b15;background:color-mix(in srgb,var(--okay),transparent 73%)}.mood-badge.bad{color:#7e22ce;background:#f3e8ff}.mood-badge.terrible{color:#9b302c;background:color-mix(in srgb,var(--terrible),transparent 78%)}[data-theme=dark] .mood-badge{color:#f1f3ed}.offset{color:var(--muted);font-size:9px}.anchor-picker{height:30px;padding:0 8px;border:1px solid var(--line);background:var(--card-alt);border-radius:6px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:9px;font-weight:700;cursor:pointer}.anchor-picker:disabled{color:#50782d;cursor:default}.remove-button{width:30px;height:30px;border:0;color:var(--subtle);background:transparent;border-radius:6px;display:grid;place-items:center;cursor:pointer}.remove-button:hover{color:var(--terrible);background:color-mix(in srgb,var(--terrible),transparent 90%)}.remove-button:disabled{opacity:.25;cursor:default}.row-scrubber{grid-column:2 / -2;align-self:end;height:18px;display:flex;align-items:center}.row-scrubber input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;margin:0;border-radius:3px;background:var(--line);cursor:ew-resize}.row-scrubber input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;border:2px solid var(--card);border-radius:50%;background:var(--text);box-shadow:0 0 0 1px var(--text)}.row-scrubber input::-moz-range-thumb{width:9px;height:9px;border:2px solid var(--card);border-radius:50%;background:var(--text);box-shadow:0 0 0 1px var(--text)}.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}.day-band{position:absolute;bottom:0;left:0;right:0;height:5px;display:flex}.day-band>span{flex:1}.day-band>span.great{background:var(--great)}.day-band>span.okay{background:var(--okay)}.day-band>span.bad{background:var(--bad)}.day-band>span.terrible{background:var(--terrible)}.day-band i{position:absolute;top:-3px;width:2px;height:11px;background:var(--text);box-shadow:0 0 0 1px var(--card)}.overlap-section{margin:28px 0 10px;background:color-mix(in srgb,var(--accent),var(--card) 84%);border:1px solid color-mix(in srgb,var(--accent),var(--line) 58%);border-radius:11px;padding:22px}.overlap-heading{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px}.overlap-icon{width:40px;height:40px;display:grid;place-items:center;color:#365c1a;background:var(--accent);border-radius:9px}.dark-button{color:#f7f8f4;background:#20251c;border-color:#20251c}.dark-button:hover{color:#fff;background:#343b2e}.suggestions{display:grid;gap:6px;margin-top:18px;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--accent),var(--line) 60%)}.suggestions>button{width:100%;min-height:61px;display:grid;grid-template-columns:34px 140px 1fr 20px;align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--accent),var(--line) 62%);border-radius:8px;padding:9px 14px;color:var(--text);background:color-mix(in srgb,var(--card),transparent 15%);text-align:left;cursor:pointer}.suggestions>button:hover{border-color:#92b75e}.rank{color:#50782d;font:800 11px Manrope,sans-serif}.suggestions button>span:nth-child(2){display:flex;flex-direction:column}.suggestions strong{font-size:14px}.suggestions small{color:var(--muted);font-size:10px}.suggestion-zones{display:flex;gap:6px;flex-wrap:wrap}.suggestion-zones span{padding:4px 6px;color:var(--muted);background:var(--card-alt);border:1px solid var(--line);border-radius:4px;font-size:9px}.no-overlap{color:var(--muted);font-size:12px;padding:8px 2px}footer{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--subtle);font-size:9px;border-top:1px solid var(--line);margin-top:26px}.timezone-debug{margin:0 0 18px;padding:10px 12px;color:var(--muted);background:var(--card-alt);border:1px dashed var(--line-strong);border-radius:7px;font-size:10px}.timezone-debug summary{cursor:pointer;font-weight:700}.timezone-debug[open] summary{margin-bottom:8px}.timezone-debug code{display:block;padding:2px 0;color:var(--text);font-size:9px;overflow-wrap:anywhere}.travel-workability{padding:48px 0 58px}.travel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:32px}.travel-heading h1{font-size:clamp(30px,4vw,44px)}.travel-route{display:flex;align-items:center;gap:10px;padding:10px 12px;color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:9px;font-size:11px;font-weight:700;white-space:nowrap}.travel-route span{display:flex;align-items:center;gap:5px}.travel-route span:last-of-type{color:var(--text)}.travel-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.85fr);align-items:start;gap:16px}.travel-form{background:var(--card);border:1px solid var(--line);border-radius:11px}.form-section{padding:22px;border-bottom:1px solid var(--line)}.form-section:last-child{border-bottom:0}.form-section-title{margin-bottom:16px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800}.form-section-title svg{color:#5a9130}.field-grid{display:grid;gap:12px}.field-grid.two{grid-template-columns:1fr 1fr}.field-grid label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:10px;font-weight:700}.field-grid select,.date-row input{width:100%;height:42px;padding:0 10px;color:var(--text);background:var(--card-alt);border:1px solid var(--line);border-radius:7px;font-size:12px}.field-grid label>small{color:var(--subtle);font-size:9px;font-weight:500}.date-row{margin-top:12px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;font-weight:700}.date-row>span{display:flex;align-items:center;gap:6px}.date-row input{width:160px;color-scheme:light}[data-theme=dark] .date-row input{color-scheme:dark}.inline-selects{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px}.inline-selects>span{color:var(--subtle);font-size:9px}.tolerance-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.tolerance-options button{min-height:65px;padding:10px 11px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;color:var(--text);background:var(--card-alt);border:1px solid var(--line);border-radius:7px;text-align:left;cursor:pointer}.tolerance-options button:hover{border-color:var(--line-strong)}.tolerance-options button.selected{background:color-mix(in srgb,var(--accent),var(--card) 83%);border-color:#9bc958}.tolerance-options button>span{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:800}.tolerance-options small{color:var(--muted);font-size:9px;line-height:1.35}.score-card{position:sticky;top:18px;padding:23px;background:var(--card);border:1px solid var(--line-strong);border-radius:11px;box-shadow:0 8px 28px #191e150d}.score-card.easy{border-top:3px solid var(--great)}.score-card.manageable{border-top:3px solid var(--okay)}.score-card.painful{border-top:3px solid var(--bad)}.score-card.brutal{border-top:3px solid var(--terrible)}.score-top{display:flex;align-items:center;justify-content:space-between}.score-label{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.verdict{padding:5px 8px;border-radius:12px;font-size:9px;font-weight:800}.verdict.easy{color:#226640;background:color-mix(in srgb,var(--great),transparent 78%)}.verdict.manageable{color:#746112;background:color-mix(in srgb,var(--okay),transparent 72%)}.verdict.painful{color:#7e22ce;background:#f3e8ff}.verdict.brutal{color:#8d2e2a;background:color-mix(in srgb,var(--terrible),transparent 78%)}[data-theme=dark] .verdict{color:var(--text)}.score-number{margin:20px 0 9px;display:flex;align-items:baseline;gap:4px}.score-number strong{font:800 56px/.9 Manrope,sans-serif;letter-spacing:-3px}.score-number span{color:var(--subtle);font-size:13px;font-weight:700}.score-meter{height:6px;overflow:hidden;background:var(--line);border-radius:4px}.score-meter i{display:block;height:100%;background:var(--accent);border-radius:inherit;transition:width .3s ease}.score-card.painful .score-meter i{background:var(--bad)}.score-card.brutal .score-meter i{background:var(--terrible)}.verdict-summary{min-height:36px;color:var(--muted);font-size:11px;line-height:1.55}.destination-hours{margin:20px 0;padding:16px;background:var(--card-alt);border:1px solid var(--line);border-radius:8px}.destination-hours>span,.destination-hours>small{display:block;color:var(--muted);font-size:9px}.destination-hours strong{margin:8px 0 6px;display:flex;align-items:center;gap:8px;font:800 21px Manrope,sans-serif;letter-spacing:-.7px}.score-details{display:grid;grid-template-columns:repeat(3,1fr);padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.score-details div{padding:0 8px;border-right:1px solid var(--line)}.score-details div:first-child{padding-left:0}.score-details div:last-child{border:0}.score-details span,.score-details strong{display:block}.score-details span{color:var(--muted);font-size:8px}.score-details strong{margin-top:4px;font-size:11px}.score-explanation{margin-top:16px;display:flex;align-items:flex-start;gap:8px;color:var(--muted)}.score-explanation svg{flex:0 0 auto;color:#699747}.score-explanation p{margin:0;font-size:9px;line-height:1.55}@media(max-width:920px){.city-card{grid-template-columns:24px 1.5fr 1fr 1fr 1fr 30px;gap:10px}.anchor-picker{display:none}.local-date strong{font-size:10px}.zone-id{display:none}.travel-layout{grid-template-columns:1fr}.score-card{position:static}}@media(max-width:680px){.app-shell{width:min(100% - 28px,600px)}.topbar{height:68px}.brand-subtitle,.share-label{display:none}.view-tabs{width:100%}.view-tabs button{flex:1}.intro{padding:34px 0 25px;display:block}h1{font-size:34px;letter-spacing:-1.5px}.intro-copy{line-height:1.5}.header-buttons{margin-top:20px}.settings-panel{align-items:stretch;flex-direction:column}.setting-fields{display:grid;grid-template-columns:1fr;gap:14px}.time-controller{padding:18px 15px 15px}.controller-top{gap:12px}.selected-time>div{display:block}.selected-time strong{font-size:23px}.selected-time div span{display:block;margin-top:5px}.slider-wrap{margin-top:25px}.controller-actions{display:grid;grid-template-columns:1fr 1fr}.control-button{padding:0 7px}.reset-control{margin:0}.section-heading{align-items:center}.city-card{min-height:174px;grid-template-columns:24px 1fr auto 29px;grid-template-rows:auto auto 18px;gap:8px 11px;padding:15px 11px 18px 7px}.card-reorder{grid-row:1 / 3;height:auto}.city-identity{grid-column:2}.local-date{grid-column:2;grid-row:2}.time-block{grid-column:3;grid-row:1;justify-self:end}.status-block{grid-column:3;grid-row:2;align-items:flex-end}.remove-button{grid-column:4;grid-row:1}.row-scrubber{grid-column:2 / 4;grid-row:3}.time-block strong{font-size:28px}.overlap-section{padding:17px 14px}.overlap-heading{grid-template-columns:38px 1fr}.overlap-heading .button{grid-column:1 / 3;margin-top:5px}.suggestions>button{grid-template-columns:27px 1fr 18px}.suggestion-zones{grid-column:2 / 4}footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:6px;padding:15px 0;line-height:1.4}.travel-workability{padding:34px 0}.travel-heading{display:block;margin-bottom:24px}.travel-heading h1{font-size:34px}.travel-route{width:fit-content;margin-top:19px}.form-section{padding:18px 15px}.field-grid.two,.tolerance-options{grid-template-columns:1fr}.tolerance-options button{min-height:56px}.date-row{align-items:stretch;flex-direction:column;gap:7px}.date-row input{width:100%}.score-card{padding:19px 17px}}