@charset "UTF-8";
:root{color-scheme:light;--bg:#f3f5f5;--surface:#fff;--text:#192f2c;--muted:#566864;--border:#d9e2de;--accent:#12694f;--tint:#e6f3eb;--shadow:0 8px 24px #173e2f08;--input:#fff;--amber:#83500d;--amber-bg:#fff2d9;--week:#e9eef2;--week-text:#4c5c6e}
:root[data-theme=dark]{color-scheme:dark;--bg:#101b1a;--surface:#192724;--text:#edf5ef;--muted:#acbeb7;--border:#354640;--accent:#8de0b9;--tint:#203d30;--shadow:none;--input:#14211e;--amber:#f3cb86;--amber-bg:#3f3220;--week:#29323c;--week-text:#becce0}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,select{cursor:pointer}button,input,select{min-height:44px;border:1px solid var(--border);border-radius:9px;background:var(--input);color:var(--text);padding:9px 13px}button:hover{border-color:var(--accent);background:var(--tint)}button:disabled{opacity:.6;cursor:default}:focus-visible{outline:3px solid #39a0ef;outline-offset:3px}input{min-width:0;width:100%}label{font-size:.875rem;font-weight:600;display:grid;gap:7px}select{max-width:100%}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.8rem,3.5vw,2.55rem);letter-spacing:-1.2px;line-height:1.2;margin:10px 0}h2{font-size:1.25rem;letter-spacing:-.3px}h3{font-size:1rem}p{color:var(--muted)}a{color:var(--accent)}[hidden]{display:none!important}.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}.skip{position:fixed;top:-100px;z-index:100;background:var(--surface);padding:10px}.skip:focus{top:0}.eyebrow{font-size:.75rem;letter-spacing:1.6px;font-weight:700}.accent{color:var(--accent)}
.home-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#102d29;color:#f2fff9;padding:20px max(28px,calc((100vw - 1400px)/2));box-shadow:0 5px 18px #0002}.brand{display:flex;gap:12px;align-items:center}.brand-icon{font-size:2.8rem;color:#a4eac9;line-height:1}.brand strong{display:block;font-size:1.15rem}.brand span:not(.brand-icon){display:block;font-size:.65rem;letter-spacing:2px;margin-top:4px;color:#aed0c1}.home-clock{text-align:center}.home-time{font-variant-numeric:tabular-nums;font-size:clamp(2rem,3.4vw,3rem);line-height:1.18;font-weight:650;letter-spacing:1px;white-space:nowrap}.home-date{font-size:.8rem;color:#bfd7cc;margin-top:3px}.home-tag{border:1px solid #568573;border-radius:4px;padding:2px 5px;font-size:.6rem;margin-left:6px;vertical-align:middle}.header-controls{display:flex;gap:8px}.header-controls select{color:#edf8f2;background:#203e36;border-color:#486156;font-size:.875rem}
main{max-width:1400px;margin:auto;padding:35px 28px 24px}.desk-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.desk-heading p{font-size:.95rem}.connection{text-align:right;font-size:.8rem;color:var(--muted);display:grid;gap:8px}.toolbar{display:flex;align-items:end;gap:14px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.search-box{flex:1;position:relative;min-width:200px}.search-wrap{position:relative;margin-top:7px}.search-wrap span{position:absolute;left:14px;top:3px;font-size:1.6rem;color:var(--muted)}.search-wrap input{padding-left:43px}.planner-date{width:210px}.quiet{font-size:.875rem;white-space:nowrap}.primary{background:var(--accent);color:var(--surface);border-color:var(--accent);font-weight:650}.primary:hover{background:var(--text);color:var(--bg)}#search-results{position:absolute;top:100%;left:0;right:0;z-index:30;list-style:none;margin:6px 0;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 35px #0003;max-height:360px;overflow:auto}#search-results li{padding:10px;border-radius:6px;cursor:pointer}#search-results li[aria-selected=true]{background:var(--tint);outline:1px solid var(--accent)}#search-results li small{display:block;color:var(--muted);font-size:.8rem}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:30px 0 17px}.count{font-size:.8rem;background:var(--border);border-radius:20px;padding:3px 9px;margin-left:7px}#ready-count{font-size:.875rem;color:var(--accent)}.clock-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.clock-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.card-top{padding:20px 20px 15px}.city-heading{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.city-heading h3{font-size:1.3rem;letter-spacing:-.3px}.country-label{display:inline-block;font-size:.7rem;letter-spacing:.8px;font-weight:700;background:var(--bg);padding:2px 7px;border-radius:4px;margin-bottom:7px}.city-region{font-size:.8rem;color:var(--muted)}.icon-button{padding:4px 10px;font-size:1.4rem;border:0;background:transparent;min-width:44px}.city-time{font-size:clamp(2rem,3vw,2.8rem);line-height:1.2;font-weight:600;letter-spacing:-.6px;font-variant-numeric:tabular-nums;margin:18px 0 5px;white-space:nowrap}.city-date{font-size:.875rem}.relation{display:inline-block;color:var(--accent);font-weight:650}.difference{font-size:.8rem;color:var(--muted);margin-top:6px}.zone{font-size:.75rem;color:var(--muted);overflow-wrap:anywhere;margin-top:4px}.status{display:flex;gap:7px;align-items:center;font-size:.8rem;font-weight:650;border-radius:6px;padding:8px 10px;margin-top:15px}.status::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.status.preferred{background:var(--tint);color:var(--accent)}.status.outside{background:var(--amber-bg);color:var(--amber)}.status.weekend{background:var(--week);color:var(--week-text)}.window-panel{padding:15px 20px;background:var(--bg);border-top:1px solid var(--border)}.window-label{font-size:.75rem;color:var(--muted)}.window-time{font-size:.85rem;font-weight:600;margin-top:4px;line-height:1.6}.window-time span{font-weight:400;color:var(--muted)}.next-window{font-size:.8rem;color:var(--muted);margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.schedule-button{padding:0;min-height:36px;border:0;background:transparent;border-radius:3px;color:var(--accent);font-size:.8rem;font-weight:650;margin-top:6px}.guide{display:grid;grid-template-columns:1fr 1fr;gap:45px;border-top:1px solid var(--border);padding:30px 0;margin-top:40px}.guide p{font-size:.875rem;margin-top:8px;max-width:540px}.guide h2{font-size:1rem}footer{font-size:.75rem;padding-top:20px;border-top:1px solid var(--border)}footer p{margin:5px 0}footer span{padding:0 4px}.notice{margin:0 0 16px;padding:12px 16px;border:1px solid var(--border);border-radius:8px;background:var(--tint);color:var(--text)}.empty{text-align:center;padding:60px 20px}.empty button{margin-top:20px}
dialog{width:min(590px,calc(100% - 28px));max-height:85dvh;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text);padding:26px;box-shadow:0 20px 80px #0005}dialog::backdrop{background:#081b19b3}.dialog-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.dialog-heading h2{font-size:1.5rem}.dialog-heading .eyebrow{margin-bottom:5px}dialog label{margin:12px 0}dialog fieldset{border:1px solid var(--border);border-radius:9px;padding:12px;margin:18px 0 12px}legend{font-weight:650;font-size:.9rem;padding:0 5px}.days{display:flex;gap:5px;flex-wrap:wrap}.days label{display:flex;align-items:center;gap:4px;font-size:.8rem;margin:0;padding:5px}.days input{width:18px;min-height:20px;accent-color:var(--accent)}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.small{font-size:.8rem;margin:10px 0}.presets{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.presets button{font-size:.8rem;padding:8px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}.error{font-size:.9rem;color:var(--amber);margin:12px 0}.conversion-row{border-top:1px solid var(--border);padding:12px 0;display:flex;justify-content:space-between;gap:10px;font-size:.9rem}.conversion-row small{display:block;color:var(--muted)}#conversion-results{margin-top:22px}.about{max-width:850px}.about h1,.about h2{margin:28px 0 12px}.about li{margin:10px 0}.about p{margin:12px 0}
@media(min-width:1600px){.clock-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.clock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{flex-wrap:wrap}.search-box{flex-basis:50%}.header-controls{flex-direction:column}.brand strong{font-size:1rem}.home-bar{padding:15px 24px}.city-time{font-size:2.65rem}}
@media(max-width:620px){.home-bar{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 18px}.brand-icon{font-size:1.65rem}.brand{gap:7px}.brand strong{font-size:.9rem}.brand span:not(.brand-icon){display:none}.home-clock{grid-column:1/-1;grid-row:2;text-align:left;display:grid;grid-template-columns:1fr auto;align-items:center}.home-clock>.eyebrow{font-size:.65rem;letter-spacing:.7px;grid-column:2;grid-row:1}.home-time{font-size:2.2rem;grid-column:1;grid-row:1}.home-date{grid-column:1/-1;font-size:.72rem}.header-controls{flex-direction:row;gap:4px}.header-controls select{font-size:.72rem;padding:5px;min-height:36px;max-width:112px}main{padding:24px 16px}.desk-heading{display:block;margin-bottom:20px}.desk-heading .eyebrow{font-size:.65rem;letter-spacing:1px}h1{font-size:1.85rem}.desk-heading p{font-size:.85rem}.connection{text-align:left;margin-top:12px;display:flex;align-items:center}.toolbar{padding:15px;gap:12px}.search-box{flex-basis:100%;min-width:0}.planner-date{width:100%}.toolbar>.quiet{flex:1}.toolbar>.primary{width:100%}.clock-grid{grid-template-columns:1fr}.list-heading{align-items:flex-start}.list-heading h2{font-size:1.05rem}#ready-count{text-align:right;font-size:.8rem;max-width:125px}.city-time{font-size:2.8rem}.card-top{padding:20px}.guide{grid-template-columns:1fr;gap:22px}.home-bar{padding-top:max(12px,env(safe-area-inset-top))}dialog{padding:20px}.conversion-row{flex-direction:column;gap:3px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media(max-width:620px){.desk-heading{margin-bottom:16px}.desk-heading h1{margin:0 0 7px}.planner-date{width:calc(55% - 6px)}.toolbar>.quiet{width:calc(45% - 6px);flex:none;white-space:normal;font-size:.8rem}.toolbar{align-items:end}.connection{margin-top:8px}.list-heading{margin-top:22px}}
@media(max-width:360px){.home-clock{grid-template-columns:1fr}.home-clock>.eyebrow{grid-column:1;grid-row:1}.home-time{grid-row:2}.home-date{grid-row:3}.home-tag{display:none}.brand-icon{display:none}.header-controls select{max-width:96px}}
dialog label{min-width:0;grid-template-columns:minmax(0,1fr)}dialog select{width:100%;min-width:0}.field-pair{grid-template-columns:repeat(2,minmax(0,1fr))}