@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Newsreader:ital,wght@1,400;1,500&display=swap');
:root{--paper:#f4f0e6;--ink:#1d1b1a;--purple:#5c49d8;--orange:#ff7043;--lime:#d5f44b;--line:#c9c3b6;--muted:#746f67;--white:#fffdf7;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,system-ui,sans-serif}button,input,select{font:inherit;color:inherit}.site-head{height:74px;padding:0 clamp(20px,4vw,64px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:rgba(244,240,230,.9);backdrop-filter:blur(14px);position:sticky;z-index:20;top:0}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand strong{font-size:16px;letter-spacing:-.06em}.mark{width:27px;height:22px;position:relative;display:block}.mark i{position:absolute;top:2px;width:18px;height:18px;border:1.5px solid var(--ink);border-radius:50%}.mark i:nth-child(1){left:0;background:var(--purple)}.mark i:nth-child(2){left:5px;background:var(--orange);mix-blend-mode:multiply}.mark i:nth-child(3){left:9px;background:var(--lime);mix-blend-mode:multiply}.site-head>p{margin:0;font:400 13px Newsreader,Georgia,serif;color:var(--muted)}.site-head nav{justify-self:end;display:flex;align-items:center;gap:14px}.site-head nav>button:first-child{border:0;background:none;padding:8px;font:500 8px DM Mono,monospace;letter-spacing:.09em;text-transform:uppercase}.avatar{width:34px;height:34px;border:1px solid var(--ink);border-radius:50%;background:var(--purple);color:white;font:500 8px DM Mono,monospace}main,footer{max-width:1500px;margin:auto;padding-left:clamp(20px,4vw,64px);padding-right:clamp(20px,4vw,64px)}.hero{min-height:480px;padding:clamp(68px,9vw,135px) 0 62px;display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--ink)}.eyebrow{font:500 8px DM Mono,monospace;letter-spacing:.14em;color:var(--muted)}.hero h1{margin:18px 0 0;font-size:clamp(58px,7.8vw,120px);line-height:.76;letter-spacing:-.078em;text-transform:uppercase}.hero h1 em{display:block;margin-left:8vw;color:var(--purple);font:500 clamp(55px,7.5vw,115px)/.86 Newsreader,Georgia,serif;text-transform:none;letter-spacing:-.055em}.hero-tools{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:min(36vw,500px);margin-bottom:5px}.hero-tools label,dialog label{display:grid;gap:8px;font:500 8px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}input,select{appearance:none;width:100%;border:1px solid var(--line);border-radius:5px;background:var(--white);padding:12px 13px;font:500 10px DM Mono,monospace;letter-spacing:.02em}select{background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 16px) 17px,calc(100% - 12px) 17px;background-size:4px 4px;background-repeat:no-repeat}.people-section,.result-section{padding-top:54px}.section-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:28px}.section-head>div{display:flex;gap:19px}.section-head>div>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--ink);border-radius:50%;font:500 8px DM Mono,monospace}.section-head h2{margin:0 0 5px;font-size:18px;letter-spacing:-.04em}.section-head p{margin:0;color:var(--muted);font-size:10px}.add{display:flex;align-items:center;gap:10px;border:0;background:none;font:500 8px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.add span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--paper);font-size:16px}.people{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.person-card{position:relative;min-height:225px;padding:21px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--white)}.person-top{display:flex;align-items:center;gap:12px}.person-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--tone);color:var(--avatar-ink,#fff);font:600 10px DM Mono,monospace}.person-top div{display:grid;gap:3px}.person-top strong{font-size:12px}.person-top small{color:var(--muted);font:400 8px DM Mono,monospace}.remove-person{position:absolute;right:12px;top:12px;border:0;background:none;color:var(--muted);font-size:14px}.work-label{display:flex;justify-content:space-between;margin:27px 0 12px;font:500 7px DM Mono,monospace;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.work-label b{color:var(--ink);font-size:8px}.range-pair{position:relative;height:25px}.range-pair::before{content:"";position:absolute;left:0;right:0;top:11px;height:3px;background:#d9d4c8}.range-fill{position:absolute;top:11px;height:3px;background:var(--tone);left:var(--left);right:calc(100% - var(--right))}.range-pair input{position:absolute;inset:0;width:100%;height:25px;padding:0;border:0;background:transparent;pointer-events:none;-webkit-appearance:none}.range-pair input::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border:2px solid var(--white);border-radius:50%;background:var(--tone);box-shadow:0 0 0 1px var(--ink);pointer-events:auto;cursor:grab}.range-pair input::-moz-range-thumb{width:10px;height:10px;border:2px solid var(--white);border-radius:50%;background:var(--tone);box-shadow:0 0 0 1px var(--ink);pointer-events:auto}.range-pair input::-webkit-slider-runnable-track{background:transparent}.local-now{margin:15px 0 0;padding-top:14px;border-top:1px solid #ded9ce;color:var(--muted);font:400 8px DM Mono,monospace}.local-now b{color:var(--ink)}.result-section{padding-top:100px}.legend{display:flex;align-items:center;gap:7px;color:var(--muted);font:500 7px DM Mono,monospace;letter-spacing:.1em}.legend i,.legend b{display:inline-block;width:12px;height:12px;background:var(--purple);border-radius:2px}.legend b{margin-left:8px;background:#ddd8cc}.recommendation{border:1px solid var(--ink);background:var(--purple);color:white}.rec-label{height:44px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.38);font:500 7px DM Mono,monospace;letter-spacing:.13em}.rec-label i{font-style:normal;color:rgba(255,255,255,.6)}.rec-main{min-height:180px;padding:28px 30px;display:grid;grid-template-columns:.85fr 1.45fr auto;gap:35px;align-items:center}.rec-main>div:first-child{display:grid;gap:8px}.rec-main>div:first-child strong{font-size:clamp(31px,3.5vw,52px);letter-spacing:-.07em}.rec-main>div:first-child span{font:400 9px DM Mono,monospace;color:rgba(255,255,255,.64)}.local-times{display:grid;grid-template-columns:1fr 1fr;gap:13px 28px}.local-time{display:grid;grid-template-columns:8px 1fr auto;gap:8px;align-items:center;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.24)}.local-time i{width:6px;height:6px;border-radius:50%;background:var(--tone)}.local-time span{font-size:10px;color:rgba(255,255,255,.7)}.local-time b{font:500 10px DM Mono,monospace}.rec-main button{min-width:165px;border:0;border-radius:999px;background:var(--lime);padding:8px 8px 8px 18px;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:600}.rec-main button i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ink);color:var(--lime);font-style:normal}.timeline-shell{margin-top:18px;border:1px solid var(--ink);background:var(--white)}.timeline-top{height:44px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font:500 7px DM Mono,monospace;letter-spacing:.11em}.timeline-top p{margin:0;color:var(--muted)}.timeline-scroll{overflow-x:auto}.timeline{min-width:1000px}.time-axis,.time-row{display:grid;grid-template-columns:142px repeat(24,1fr)}.time-axis{height:45px;border-bottom:1px solid var(--line)}.time-axis>span:first-child{padding:16px;color:var(--muted);font:500 7px DM Mono,monospace}.hour-head{display:grid;place-items:center;border-left:1px solid #e7e2d8;color:var(--muted);font:400 7px DM Mono,monospace}.time-row{min-height:64px;border-bottom:1px solid var(--line)}.time-row:last-child{border-bottom:0}.row-name{padding:13px 15px;display:flex;align-items:center;gap:9px}.row-name i{width:7px;height:7px;border-radius:50%;background:var(--tone)}.row-name div{display:grid;gap:3px}.row-name strong{font-size:9px}.row-name small{font:400 7px DM Mono,monospace;color:var(--muted)}.hour-cell{position:relative;display:grid;place-items:center;border-left:1px solid #e7e2d8;background:#e8e3d9;color:#aaa49a;font:400 7px DM Mono,monospace}.hour-cell.working{background:color-mix(in srgb,var(--tone) 22%,white);color:var(--ink)}.hour-cell.midnight::after{content:"";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:var(--orange)}.hour-cell.best{box-shadow:inset 0 3px var(--lime),inset 0 -3px var(--lime);filter:saturate(1.35)}.hour-cell.best-start{box-shadow:inset 3px 0 var(--lime),inset 0 3px var(--lime),inset 0 -3px var(--lime)}.hour-cell.best-end{box-shadow:inset -3px 0 var(--lime),inset 0 3px var(--lime),inset 0 -3px var(--lime)}.alternatives{padding:90px 0 115px;display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw}.alternatives h2{margin:15px 0 0;font-size:clamp(38px,4.8vw,70px);line-height:.9;letter-spacing:-.06em}.suggestions{border-top:1px solid var(--ink)}.suggestion{display:grid;grid-template-columns:39px 1fr auto auto;gap:16px;align-items:center;min-height:84px;border-bottom:1px solid var(--line);cursor:pointer}.suggestion:hover{background:rgba(92,73,216,.06)}.suggestion>span{font:500 8px DM Mono,monospace;color:var(--muted)}.suggestion div{display:grid;gap:4px}.suggestion strong{font-size:13px}.suggestion small{font:400 8px DM Mono,monospace;color:var(--muted)}.suggestion>em{padding:6px 9px;border-radius:999px;background:#e6e1d6;color:var(--muted);font:500 7px DM Mono,monospace;font-style:normal}.suggestion:first-child>em{background:var(--lime);color:var(--ink)}.suggestion button{border:0;background:none;font-size:16px}footer{min-height:150px;border-top:1px solid var(--ink);padding-top:30px;padding-bottom:45px;display:grid;grid-template-columns:.5fr 1fr auto;gap:55px;align-items:start}footer p{margin:0;max-width:590px;color:var(--muted);font-size:9px;line-height:1.65}footer>span{text-align:right;font:500 7px/1.6 DM Mono,monospace;letter-spacing:.1em}dialog{width:min(480px,calc(100% - 32px));padding:0;border:1px solid var(--ink);background:var(--paper);box-shadow:16px 16px 0 var(--purple)}dialog::backdrop{background:rgba(29,27,26,.48);backdrop-filter:blur(4px)}dialog form{padding:25px}.dialog-head{display:flex;justify-content:space-between;align-items:start;padding-bottom:22px;border-bottom:1px solid var(--ink);margin-bottom:24px}.dialog-head span{font:500 7px DM Mono,monospace;letter-spacing:.13em;color:var(--purple)}.dialog-head h2{margin:7px 0 0;font:400 38px Newsreader,serif}.dialog-head button{border:1px solid var(--ink);background:none;width:33px;height:33px;border-radius:50%;font-size:18px}dialog label{margin-top:18px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:28px}.dialog-actions button{border:1px solid var(--line);background:none;border-radius:999px;padding:11px 18px;font-size:9px}.dialog-actions .confirm{border-color:var(--ink);background:var(--ink);color:var(--paper)}.toast{position:fixed;z-index:40;left:50%;bottom:25px;transform:translate(-50%,20px);padding:11px 17px;border-radius:999px;background:var(--ink);color:var(--paper);font:500 8px DM Mono,monospace;letter-spacing:.08em;opacity:0;visibility:hidden;transition:.25s}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(max-width:1000px){.hero{display:block}.hero-tools{width:min(620px,100%);margin-top:50px}.people{grid-template-columns:1fr 1fr}.rec-main{grid-template-columns:1fr 1fr}.rec-main button{grid-column:1/-1;justify-self:start}.alternatives{grid-template-columns:1fr}.site-head>p{display:none}.site-head{grid-template-columns:1fr 1fr}.site-head nav{justify-self:end}}
@media(max-width:640px){.site-head{height:62px;padding:0 16px}.site-head nav>button:first-child{font-size:7px}.hero{min-height:auto;padding:60px 0 43px}.hero h1{font-size:15vw}.hero h1 em{font-size:14.5vw;margin-left:1vw}.hero-tools{grid-template-columns:1fr}.section-head{display:block}.section-head .add{margin-top:22px}.people{grid-template-columns:1fr}.person-card{min-height:205px}.legend{display:none}.result-section{padding-top:70px}.rec-main{grid-template-columns:1fr;padding:22px}.local-times{grid-template-columns:1fr}.time-axis,.time-row{grid-template-columns:110px repeat(24,40px)}.alternatives{padding:70px 0}.suggestion{grid-template-columns:27px 1fr auto}.suggestion>em{display:none}footer{grid-template-columns:1fr;gap:20px}footer>span{text-align:left}.dialog-actions button{flex:1}.timeline-top p{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}}