@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#253b35;background:#f6f7f2;font-synthesis:none;--green:#2b6650;--muted:#78857e;--line:#e3e8df}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #dfab55;outline-offset:3px}main{max-width:1392px;padding:32px 56px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:25px}.brand{font:800 28px 'Manrope',sans-serif;letter-spacing:-1.2px;text-decoration:none;color:#294b3d}.brand-dot{color:#d29c4f}.sun{font-size:29px;margin-right:10px;color:#c58d38}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#7a887f}.accent{color:#4e7964}.intro{display:flex;justify-content:space-between;align-items:center;padding:46px 0 34px}h1{font:500 clamp(36px,4vw,53px)/1.08 'Manrope',sans-serif;letter-spacing:-2.4px;margin:14px 0 16px}.intro p{color:#78857e;font-size:15px}.orbit{width:176px;height:176px;border:1px solid #dde3d6;border-radius:50%;position:relative;display:grid;place-content:center;margin-right:38px;background:linear-gradient(90deg,#e4e9de 50%,#f4dfac 50%);box-shadow:0 0 0 12px #f6f7f2,0 0 0 13px #e5e8df;transform:rotate(-20deg)}.orbit:before{content:'';position:absolute;inset:20px;border:1px solid #d2d9c9;border-radius:50%}.orbit:after{content:'';position:absolute;inset:0 50px;border:1px solid #d3d9c9;border-radius:50%}.orbit span{transform:rotate(20deg);z-index:1;font-size:9px;line-height:1.8;letter-spacing:2px;text-align:center;color:#526c55}.controls{display:flex;align-items:end;gap:16px;margin:0 0 25px}.controls label{display:block;font-size:11px;font-weight:700;margin-bottom:9px;color:#64796c}.controls input,.controls select{height:46px;border:1px solid #dce3d9;border-radius:8px;background:#fff;color:#31493c;padding:0 13px;min-width:0}.search-wrap{flex:1;position:relative}.search-box{display:flex;align-items:center;height:46px;border:1px solid #dce3d9;background:white;border-radius:8px;padding:0 14px;gap:8px}.search-box input{border:0;width:100%;padding:0;background:transparent}.search-box>span:first-child{font-size:25px;color:#809082}.key{color:#93a08e;font-size:14px}#suggestions{position:absolute;top:75px;left:0;right:0;background:#fff;border:1px solid #dce3d9;border-radius:10px;box-shadow:0 12px 32px #203d2820;z-index:10;padding:6px;max-height:340px;overflow:auto}.suggestion{padding:12px 10px;border-radius:6px;cursor:pointer}.suggestion:hover,.suggestion.active{background:#edf3e9}.suggestion strong{font-size:14px}.suggestion small{display:block;color:#7c887d;margin-top:4px}.search-message{padding:15px;color:#738274;font-size:13px}.quiet{height:46px;border:1px solid #dce3d9;background:transparent;border-radius:8px;padding:0 17px;color:#52715c}.planner{background:#fff;border:1px solid #e0e6db;border-radius:14px;overflow:hidden;box-shadow:0 5px 20px #344c2703}.planner-heading{display:flex;align-items:center;justify-content:space-between;padding:25px 28px 19px;gap:15px}h2{margin:0;font:700 18px 'Manrope',sans-serif;letter-spacing:-.4px}#city-count{display:inline-block;font:500 11px 'DM Sans',sans-serif;color:#74856e;background:#f0f4ec;border-radius:5px;padding:4px 7px;margin-left:7px}.planner-heading p{font-size:12px;color:#8a9488;margin:7px 0 0}.legend{display:flex;gap:18px;font-size:11px;color:#71816f;white-space:nowrap}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;display:inline-block;border-radius:3px}.day{background:#f7df9c}.edge{background:#bcc4ac}.night{background:#324d49}.timeline-scroll{overflow-x:auto;padding:0 28px}.timeline-table{min-width:730px}.axis-row,.city-row,.overlap-row,.slider-row{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px}.axis-row{margin:13px 0 10px}.axis-label{font-size:9px;letter-spacing:1.3px;color:#8c988c;display:flex;align-items:center}.axis{height:23px;position:relative;color:#92a08c;font-size:10px}.axis span{position:absolute;transform:translateX(-50%);white-space:nowrap}.axis span:first-child{transform:none}.city-row{padding:15px 0;border-top:1px solid #eef1e9;align-items:center}.city-info{position:relative;display:flex;align-items:center;gap:11px;padding-right:28px}.flag{font-size:21px;line-height:1}.city-name{font-size:14px;font-weight:700;display:flex;gap:6px;align-items:center}.city-location{font-size:10px;color:#8a978a;margin-top:3px}.city-time{font-size:19px;font-weight:500;letter-spacing:-.5px;margin-top:6px;font-variant-numeric:tabular-nums}.city-time small{font-size:10px;letter-spacing:0;margin-left:5px;color:#80917d}.remove{position:absolute;right:0;top:0;border:0;background:none;color:#adb7a7;font-size:18px;padding:0 4px}.remove:hover{color:#a25543}.remove:disabled{opacity:.25;cursor:default}.track{height:61px;border-radius:7px;position:relative;cursor:crosshair;overflow:hidden}.track-label{position:absolute;top:23px;font-size:10px;transform:translateX(-50%);font-variant-numeric:tabular-nums;pointer-events:none}.track-tick{position:absolute;height:6px;width:1px;top:0;background:#ffffff40}.cursor{position:absolute;top:0;bottom:0;border-left:2px solid #397752;pointer-events:none;filter:drop-shadow(0 0 2px #fff)}.cursor:before{content:'';position:absolute;top:0;left:-5px;width:8px;height:8px;background:#397752;transform:rotate(45deg)}.overlap-row{margin-top:10px;border-top:1px solid #edf1e6;padding:19px 0 12px;align-items:center}.overlap-label{font-size:12px;font-weight:700}.overlap-label span{display:block;font-size:10px;color:#96a08e;margin-top:4px;font-weight:400}.overlap-track{height:25px;border-radius:5px;background:#f1f4ec;position:relative;overflow:hidden}.overlap-segment{position:absolute;top:0;bottom:0;background:#9fc39d}.slider-row{margin-bottom:16px}.slider-row input{display:block;width:100%;margin:0;accent-color:#387653;height:18px;cursor:ew-resize}.selection-bar{background:#f8faf5;border-top:1px solid #e8eee0;padding:17px 28px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px}.selection-bar>div{display:flex;gap:9px;align-items:center;flex-wrap:wrap}#selection-date{color:#80917a;font-size:11px}.live-dot{height:7px;width:7px;background:#5b8d58;display:inline-block;border-radius:50%}.text-button{border:0;background:none;color:#5e8055;font-size:11px;padding:4px;white-space:nowrap}.insights{display:grid;grid-template-columns:1.5fr 1fr;margin-top:24px;border:1px solid #dfe6d7;border-radius:12px;background:#edf2e7}.insight-main{padding:27px 29px}.insights h2{font-size:24px;margin-top:10px}.insights p{font-size:12px;color:#75866b;line-height:1.7;margin-bottom:0}.recommendation{border-left:1px solid #dce5d2;padding:27px 29px}.recommendation h3{font:600 19px 'Manrope',sans-serif;margin:10px 0 0}.recommendation button{margin-top:15px;border:0;background:#365f45;color:white;border-radius:6px;font-size:11px;padding:11px 15px}.recommendation button span{margin-left:25px}#windows button{border:1px solid #cadbbd;background:#f9fcf5;border-radius:6px;padding:7px 10px;margin:12px 8px 0 0;font-size:11px;color:#4a7240}footer{display:flex;justify-content:space-between;gap:25px;color:#98a28e;font-size:10px;line-height:1.8;margin:22px 2px 0}footer a{color:inherit}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}@media(min-width:1500px){main{padding-top:42px}}@media(max-width:850px){main{padding:22px}.orbit{width:130px;height:130px;margin-right:15px}.controls{flex-wrap:wrap}.search-wrap{flex-basis:100%}.controls>div:not(.search-wrap){flex:1}.controls select,.controls input[type=date]{width:100%}.planner-heading{align-items:start;flex-direction:column}.timeline-scroll{padding:0 20px}.insights{grid-template-columns:1fr 1fr}.axis-row,.city-row,.overlap-row,.slider-row{grid-template-columns:210px minmax(0,1fr)}header .eyebrow{font-size:8px;letter-spacing:1px}}@media(max-width:550px){main{padding:19px 14px}header .eyebrow{display:none}.intro{padding:30px 0 20px}.orbit{width:96px;height:96px;margin-right:10px}.orbit span{font-size:6px;letter-spacing:1px}.orbit:after{inset:0 28px}.orbit:before{inset:13px}h1{font-size:35px;letter-spacing:-1.7px}.intro p{font-size:12px}.intro .eyebrow{font-size:8px}.controls{gap:10px}.controls select,.controls input{font-size:12px}.planner-heading{padding:20px}.legend{gap:12px;font-size:10px}.insights{grid-template-columns:1fr}.recommendation{border-left:0;border-top:1px solid #dce5d2}.selection-bar{padding:15px 20px}.selection-bar>div{gap:6px}.selection-bar strong{font-size:11px}footer{display:block}.quiet{padding:0 12px}.timeline-table{min-width:760px}}

.drag-handle{flex:0 0 24px;width:24px;height:40px;display:grid;place-items:center;border:0;border-radius:5px;background:transparent;color:#9aaa97;font-size:24px;cursor:grab;touch-action:none;padding:0;margin-right:-5px}.drag-handle:hover,.drag-handle:focus-visible{background:#edf3e8;color:#3e714e}.drag-handle:active,.reordering,.reordering *{cursor:grabbing!important}.reordering{user-select:none}.city-info{gap:8px}.city-info>div{min-width:0}.city-name{overflow-wrap:anywhere}.drag-placeholder{background:#eef5e9;outline:1px dashed #9db58f;outline-offset:-2px;border-radius:8px}.drag-placeholder>*{opacity:.2}.drag-ghost{position:fixed;z-index:1000;pointer-events:none;background:#fff;border:1px solid #cbdcc2;border-radius:9px;box-shadow:0 12px 30px #203d2830;padding:15px 8px;opacity:.97}.drag-ghost .drag-handle{color:#397752}