body{background:linear-gradient(var(--appearance-surface,#fff),var(--appearance-raised,#f1f9ff) 70%,var(--appearance-surface,#fff))}h1{font-size:46px}.page-heading p:last-child{font-size:18px}.search-section{max-width:760px;margin-bottom:24px}.local-hero{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:32px 36px;border-radius:12px;color:var(--appearance-inverse,white);background:linear-gradient(90deg,var(--appearance-deep,#063567ef),var(--appearance-deep,#07436d88)),url('mountain-lake.jpg') center/cover;min-height:220px}.local-hero h2{font-size:58px;line-height:1.15;margin:12px 0;font-variant-numeric:tabular-nums}.local-hero p{margin:8px 0}.local-hero span{font-size:14px;color:var(--appearance-inverse,#d7e8ff)}.utc-card{background:var(--appearance-wash,#ffffff12);border:1px solid var(--appearance-border,#ffffff35);border-radius:10px;padding:24px;display:flex;flex-direction:column;gap:12px}.utc-card p{font-size:14px;margin:0}.utc-card strong{font-size:29px;font-variant-numeric:tabular-nums}.utc-card span{font-size:12px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:25px 0 14px}.section-heading h2{font-size:23px;margin:0}.section-heading>span,.section-heading p{font-size:13px;color:var(--muted);margin:5px 0 0}#world-clocks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.clock-card{background:var(--appearance-surface,white);border:1px solid var(--line);border-radius:11px;padding:21px 24px}.clock-top{display:flex;justify-content:space-between;align-items:center}.clock-top h3{font-size:20px;margin:0}.remove-city{border:0;background:none;color:var(--appearance-muted,#64799f);font-size:23px;padding:0 4px}.city-region{font-size:13px;color:var(--muted);margin:4px 0 18px}.city-time{font-size:33px;font-variant-numeric:tabular-nums;letter-spacing:-.5px;color:var(--appearance-link,#0650ad)}.city-date{font-size:14px;margin:8px 0}.city-zone{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.planner{background:var(--appearance-surface,white);border:1px solid var(--line);border-radius:12px;padding:25px}.planner .section-heading{margin:0 0 22px}.planner button{background:var(--appearance-raised,#edf5ff);border:1px solid var(--appearance-border,#cfe0f7);color:var(--blue);border-radius:7px;padding:8px 13px}.planner-controls{display:grid;grid-template-columns:1fr 1.4fr;gap:30px;background:var(--appearance-raised,#f4f9ff);border-radius:9px;padding:20px}.planner-controls label{display:flex;flex-direction:column;gap:9px;font-size:14px}.planner-controls input{min-width:0;width:100%;accent-color:var(--appearance-link,#0066ff)}.planner-controls input[type=datetime-local]{padding:9px;background:var(--appearance-surface,white);border:1px solid var(--appearance-border,#cbdcf2);border-radius:6px;color:var(--navy)}#slider-label{font-size:13px;color:var(--muted)}.meta{font-size:12px;color:var(--muted)}.compare-row{display:grid;grid-template-columns:170px 1fr 220px;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:17px 0}.compare-row:last-child{border:0}.compare-row strong,.compare-row small{display:block}.compare-row strong{font-size:15px}.compare-row small{font-size:12px;color:var(--muted);margin-top:4px}.compare-row>div:last-child{text-align:right}.hour-track{display:flex;height:29px;gap:2px}.hour-track span{flex:1;min-width:0;background:var(--appearance-raised,#edf3fa);font-size:10px;color:var(--appearance-muted,#5877a1);text-align:center;padding-top:8px;border-radius:2px}.hour-track .work-hour{background:var(--appearance-raised,#8cc7ff);color:var(--appearance-text,#143f77)}.hour-track .chosen-hour{background:var(--appearance-primary,#075ee4);color:var(--appearance-inverse,white);outline:2px solid var(--appearance-focus,#002d86);outline-offset:1px}.time-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:27px}.time-notes h3{font-size:17px;margin:0}.time-notes p{font-size:14px;color:var(--muted)}.ad-space{border:1px solid var(--appearance-border,#d4e5ff);background:var(--appearance-raised,#e4f2ff);min-height:75px}.source-note{font-size:12px;color:var(--muted);margin:25px 0}@media(max-width:1000px){.local-hero h2{font-size:45px}.city-time{font-size:27px}.clock-card{padding:18px}.compare-row{grid-template-columns:130px 1fr 180px;gap:12px}}@media(max-width:760px){#world-clocks{grid-template-columns:repeat(2,minmax(0,1fr))}.local-hero{align-items:flex-start;flex-direction:column;padding:27px}.utc-card{width:100%;padding:17px}.planner-controls{grid-template-columns:1fr;gap:15px}.compare-row{grid-template-columns:1fr 1fr}.hour-track{grid-column:1/-1;grid-row:2}.time-notes{grid-template-columns:1fr;gap:12px}.section-heading{flex-wrap:wrap}.planner{padding:18px}}@media(max-width:440px){#world-clocks{grid-template-columns:1fr}.local-hero h2{font-size:39px}.page-heading{flex-wrap:wrap;gap:15px}h1{font-size:38px}.city-time{font-size:35px}.compare-row>div:last-child{min-width:0}.planner-controls{padding:15px}}
/* World Time Draft 2 */
main.container{position:relative}.page-heading{margin-bottom:15px}.search-section{max-width:700px;margin-bottom:24px}.world-top{display:grid;grid-template-columns:1fr 1fr;gap:18px}.local-hero{min-height:320px;padding:26px;background:linear-gradient(90deg,var(--appearance-deep,#063667e8),var(--appearance-wash,#06366755)),linear-gradient(0deg,var(--appearance-deep,#073266dd),transparent),var(--hero-photo,none) center/cover,var(--appearance-primary,#126ba8);border-radius:8px}.local-hero>div{width:100%}.local-hero h2{font-size:43px;margin:25px 0 10px}.local-hero select{color:var(--appearance-inverse,white);font-weight:700;font-size:30px;width:100%;max-width:100%;background:var(--appearance-wash,#074a7b55);border:0;border-radius:5px;padding:4px 0;white-space:normal}.local-hero select option{background:var(--appearance-surface,white);color:var(--appearance-text,#07175b)}.local-hero #hero-region{font-size:16px}.local-hero #zone-long{font-size:13px;color:var(--appearance-inverse,#d7e8ff)}.world-map-card{background:var(--appearance-surface,white);border:1px solid var(--line);border-radius:9px;padding:5px;min-width:0;display:flex;flex-direction:column}.map-switch{display:flex;border:1px solid var(--line);border-radius:5px;overflow:hidden;margin-bottom:4px}.map-switch button{flex:1;background:var(--appearance-surface,white);border:0;border-right:1px solid var(--line);padding:8px 3px;font-size:13px;color:var(--navy)}.map-switch button[aria-pressed=true]{background:var(--appearance-primary,#086aff);color:var(--appearance-inverse,white)}#world-map{width:100%;height:auto;min-height:240px;background:var(--appearance-raised,#75b8f1);flex:1;border-radius:4px}.map-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;padding:8px}.map-bottom button,.city-actions button,.ranking-action button{border:0;background:none;color:var(--blue);font-size:13px;cursor:pointer}.expanded-map{position:fixed;inset:5vh 4vw;z-index:99;box-shadow:0 0 0 100vmax var(--appearance-shadow,#00193799)}.expanded-map #world-map{min-height:0}.city-actions{display:flex;gap:12px}#world-clocks{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.clock-card{padding:0 0 14px;border-radius:7px;overflow:hidden;min-width:0}.city-photo{width:100%;height:112px;object-fit:cover;display:block;margin-bottom:12px}.clock-card>div,.clock-card>p,.clock-card>strong,.clock-card>span{margin-left:12px;margin-right:12px}.clock-top h3{font-size:15px}.clock-top{gap:2px;align-items:start}.remove-city{font-size:18px}.city-region{font-size:12px;min-height:34px;margin-top:4px;margin-bottom:12px}.city-time{font-size:20px;display:block;letter-spacing:-.5px}.city-date{font-size:12px}.city-zone{display:block;font-size:12px;min-height:40px}.city-weather{border-top:1px solid var(--line);padding-top:10px;font-size:13px;min-height:35px;margin-bottom:0;color:var(--appearance-text,#154778)}.world-tools,.time-rankings{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.panel{background:var(--appearance-surface,white);border:1px solid var(--line);border-radius:9px;padding:20px;min-width:0}.panel h2{font-size:21px;margin:0}.converter label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--muted);margin-top:15px}.converter select,.converter input{min-width:0;width:100%;padding:10px;border:1px solid var(--appearance-border,#d5e4f8);border-radius:5px;background:var(--appearance-surface,white);color:var(--navy);font:inherit}.converter-zones{display:grid;grid-template-columns:1fr 30px 1fr;gap:10px;align-items:end}.converter-zones>button{border:0;background:none;color:var(--blue);padding:10px 0}.convert-button{width:100%;padding:12px;border:0;background:var(--appearance-primary,#0066ff);border-radius:6px;color:var(--appearance-inverse,white);margin-top:16px}.conversion-result{padding:22px;background:var(--appearance-raised,#edf6ff);border-radius:7px;margin-top:20px;overflow-wrap:anywhere}.conversion-result>strong{display:block;font-size:28px;margin-top:14px}.conversion-result p{font-size:14px;margin:7px 0}.conversion-result>span{font-size:14px;font-weight:bold}#region-filters{display:flex;flex-wrap:wrap;margin-top:18px;gap:3px}#region-filters button{border:1px solid var(--line);background:var(--appearance-surface,#fff);color:var(--navy);padding:7px;font-size:12px;border-radius:3px}#region-filters button[aria-pressed=true]{background:var(--appearance-primary,#0066ff);color:var(--appearance-inverse,white)}#region-list{max-height:320px;overflow:auto;margin-top:12px}#region-list>div{display:grid;grid-template-columns:1fr 1.25fr auto;gap:8px;padding:9px 0;border-bottom:1px solid var(--line);align-items:center;font-size:13px}#region-list small{font-size:12px;overflow-wrap:anywhere;color:var(--muted)}#region-list strong{font-size:12px}.time-rankings ol,#all-times-list{padding:0;margin:15px 0 0;list-style:none}.time-rankings li,#all-times-list li{display:grid;grid-template-columns:23px 1fr auto auto;gap:9px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0;font-size:13px}.time-rankings li small{font-size:12px;color:var(--muted)}.rank{text-align:center;background:var(--appearance-raised,#e8f2ff);border-radius:3px}.ranking-action{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}.planner-expand{margin-top:20px}.planner-expand>summary{padding:15px;background:var(--appearance-raised,#edf5ff);border:1px solid var(--line);border-radius:7px;cursor:pointer;font-size:15px}.time-notes{display:none}#time-rank-dialog{max-width:760px;width:calc(100% - 30px);max-height:85vh;overflow:auto;border:1px solid var(--line);border-radius:10px;color:var(--navy);padding:24px}#time-rank-dialog::backdrop{background:var(--appearance-deep,#05245488)}#close-time-rank{float:right;background:none;border:0;font-size:26px}@media(max-width:1050px){#world-clocks{grid-template-columns:repeat(3,minmax(0,1fr))}.city-photo{height:145px}.city-time{font-size:25px}.local-hero h2{font-size:35px}.local-hero select{font-size:26px}.city-region{min-height:0}.city-zone{min-height:0}.world-tools{grid-template-columns:1fr 1fr}.time-rankings li{grid-template-columns:22px 1fr auto}.time-rankings li small{grid-column:3}.panel h2{font-size:18px}}@media(max-width:760px){.world-top,.world-tools,.time-rankings{grid-template-columns:1fr}.local-hero{min-height:300px}#world-map{min-height:220px}.local-hero h2{font-size:43px}.time-rankings li{grid-template-columns:22px 1fr auto auto}.time-rankings li small{grid-column:auto}.ranking-action{flex-wrap:wrap}#world-clocks{grid-template-columns:repeat(2,minmax(0,1fr))}.city-photo{height:130px}}@media(max-width:440px){.city-time{font-size:19px}.city-photo{height:105px}.clock-top h3{font-size:14px}.city-region{min-height:35px}.city-zone{min-height:40px}.local-hero h2{font-size:35px}.time-rankings li{grid-template-columns:20px 1fr auto}.time-rankings li small{grid-column:3}.converter-zones{grid-template-columns:1fr 24px 1fr;gap:5px}.map-switch button{font-size:12px}.map-bottom{flex-wrap:wrap}.panel{padding:16px}}

.world-banner{position:absolute;top:0;right:36px;width:36%;max-width:400px;height:180px;background-image:linear-gradient(90deg,var(--appearance-raised,#f7fbff) 0%,var(--appearance-raised,#f7fbff) 12%,transparent 48%),url('world-banner-reference.png');background-size:100% 100%,1015px 1550px;background-position:0 0,right -90px;background-repeat:no-repeat;z-index:-1;pointer-events:none}main.container{isolation:isolate}.page-heading>div{max-width:62%}.page-heading .unit-switch{position:relative;background:var(--appearance-surface,#fff);align-self:flex-start}.search-section{max-width:60%}.map-bottom{flex-wrap:wrap}.map-legend{display:flex;gap:15px;align-items:center;font-size:12px;color:var(--appearance-muted,#48618c);flex:1}.map-legend span{display:flex;gap:6px;align-items:center;white-space:nowrap}.map-legend i{display:inline-block;width:10px;height:10px;border-radius:50%}.legend-day{background:var(--appearance-gold-surface,#ffd033)}.legend-night{background:var(--appearance-deep,#799dcd)}.legend-location{background:var(--appearance-gold-surface,#ffd033);border:2px solid var(--appearance-focus,#2cbe6b)}#map-caption{flex-basis:100%;order:3;color:var(--muted);font-size:12px}.city-flag{width:23px;height:16px;object-fit:cover;flex-shrink:0;border:1px solid var(--appearance-border,#dce6ef);border-radius:2px;margin-top:2px}.clock-top{position:relative;align-items:center}.clock-top h3{flex:1}.clock-top .remove-city{position:absolute;right:-8px;top:-125px;background:var(--appearance-surface,#ffffffe0);border-radius:50%;width:22px;height:22px;line-height:19px}.city-weather{display:flex;align-items:center;gap:9px;min-height:56px}.weather-color-icon{height:38px;width:38px;object-fit:contain;flex-shrink:0}.city-weather>span{display:flex;flex-direction:column;gap:3px}.city-weather strong{font-size:17px;color:var(--appearance-text,#07175b)}.city-weather small{font-size:12px;color:var(--appearance-muted,#344660)}@media(max-width:1050px){.clock-top .remove-city{top:-157px}.world-banner{width:36%;opacity:.85}.city-flag{width:25px;height:17px}}@media(max-width:760px){.world-banner{right:18px;width:50%;height:165px;opacity:.18}.search-section{max-width:100%}.page-heading>div{max-width:100%}.clock-top .remove-city{top:-142px}.map-legend{gap:10px}.page-heading{position:relative}}@media(max-width:440px){.clock-top .remove-city{top:-117px}.weather-color-icon{width:31px;height:31px}.city-weather{gap:6px}.city-weather strong{font-size:16px}.city-flag{width:21px;height:14px}}

/* Color accents for time tools and comparisons. */
.world-tools .panel{border-top:4px solid var(--appearance-border,#2987ff);background:linear-gradient(135deg,var(--appearance-raised,#f3f8ff),var(--appearance-surface,white) 45%)}
.world-tools .region-panel{border-top-color:var(--appearance-border,#8453de);background:linear-gradient(135deg,var(--appearance-raised,#f7f2ff),var(--appearance-surface,white) 45%)}
.converter h2{color:var(--appearance-link,#0758bb)}.region-panel h2{color:var(--appearance-purple,#663bb2)}
.converter select:focus,.converter input:focus{border-color:var(--appearance-border,#3283ed)}
#swap-zones{background:var(--appearance-raised,#e4eeff);border-radius:50%;color:var(--appearance-link,#0865dd)}
.convert-button{background:linear-gradient(105deg,var(--appearance-primary,#0066ff),var(--appearance-primary,#5762de));font-weight:600;box-shadow:0 4px 12px var(--appearance-shadow,#2c65cc20)}
.convert-button:hover{filter:brightness(1.08)}
.conversion-result{background:linear-gradient(120deg,var(--appearance-raised,#e6f4ff),var(--appearance-raised,#f0eaff));border:1px solid var(--appearance-border,#ccdafa);border-left:4px solid var(--appearance-border,#5378e8)}
.conversion-result>span{color:var(--appearance-muted,#4c50ac)}.conversion-result>strong{color:var(--appearance-link,#0755b6)}
#region-filters button{border-radius:5px;background:var(--appearance-raised,#f4efff);border-color:var(--appearance-border,#e1d6f5);color:var(--appearance-purple,#55318c)}
#region-filters button[aria-pressed=true]{background:var(--appearance-purple-surface,#7449c6);border-color:var(--appearance-focus,#7449c6);color:var(--appearance-inverse,white)}
#region-list>div{padding:9px 7px;border-left:3px solid var(--region-color,#3987e1);margin-bottom:3px;background:var(--region-bg,#eef6ff);border-radius:4px}
#region-list>div[data-region="Europe"]{--region-color:#8554ce;--region-bg:#f5efff}
#region-list>div[data-region="Asia"]{--region-color:#d48614;--region-bg:#fff7e6}
#region-list>div[data-region="Africa"]{--region-color:#dc6a3b;--region-bg:#fff0e9}
#region-list>div[data-region="South America"]{--region-color:#249768;--region-bg:#eaf8f1}
#region-list>div[data-region="Oceania"]{--region-color:#198e9c;--region-bg:#eaf8fa}
#region-list strong{color:var(--appearance-muted,#273e6b);background:var(--appearance-surface,#ffffffc9);padding:4px 6px;border-radius:5px;white-space:nowrap}
.time-rankings>.panel{border-top:4px solid var(--appearance-focus,#2cac70);background:linear-gradient(135deg,var(--appearance-raised,#effbf4),var(--appearance-surface,white) 55%)}
.time-rankings>.panel:nth-child(2){border-top-color:var(--appearance-border,#f17853);background:linear-gradient(135deg,var(--appearance-raised,#fff3ec),var(--appearance-surface,white) 55%)}
.time-rankings>.panel:first-child h2{color:var(--appearance-green,#157447)}.time-rankings>.panel:nth-child(2) h2{color:var(--appearance-red,#b7442b)}
.time-rankings .rank{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--appearance-green-surface,#d4f2e1);color:var(--appearance-green,#126f44);font-weight:700}
.time-rankings>.panel:nth-child(2) .rank{background:var(--appearance-orange-surface,#ffe0d3);color:var(--appearance-red,#ac4025)}
.time-rankings li{padding:9px 4px;border-bottom-color:var(--appearance-border,#deeee6)}.time-rankings li strong{color:var(--appearance-green,#167449)}
.time-rankings>.panel:nth-child(2) li{border-bottom-color:var(--appearance-border,#f5e5dc)}.time-rankings>.panel:nth-child(2) li strong{color:var(--appearance-red,#ac4025)}
@media(max-width:760px){.world-banner{display:none}}

/* Card actions stay in the card corner even when a city has no photo. */
.clock-card{position:relative}.clock-card>.remove-city{position:absolute;right:7px;top:7px;z-index:2;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid var(--appearance-border,#d9e5f0);border-radius:50%;background:var(--appearance-surface,#fffffff2);color:var(--appearance-muted,#48618c);line-height:1;box-shadow:0 1px 4px var(--appearance-shadow,#10245222)}
.clock-card>.remove-city:hover{background:var(--appearance-raised,#fff0ee);color:var(--appearance-red,#b63d32)}.clock-card:not(:has(.city-photo)) .clock-top{padding-top:38px}
.map-viewport{position:relative;display:flex;flex:1;min-height:0;overflow:hidden;border-radius:4px}.map-viewport #world-map{display:block;overflow:hidden}.map-controls{position:absolute;right:10px;top:10px;z-index:2;display:flex;flex-direction:column;gap:1px;filter:drop-shadow(0 2px 4px #15335430)}
.map-controls button{width:36px;height:36px;padding:0;border:1px solid var(--appearance-border,#d3e3f5);background:var(--appearance-surface,white);color:var(--appearance-link,#073e99);font-size:25px;font-weight:600;line-height:1;border-radius:4px}.map-controls button:hover:not(:disabled){background:var(--appearance-raised,#edf5ff)}.map-controls button:disabled{color:var(--appearance-muted,#9aacc3);cursor:default}.map-controls #map-recenter{margin-top:9px;font-size:27px}
.expanded-map .map-viewport{flex:1;min-height:0}
/* World Time Draft 4: shared alignment and compact tool panels. */
.world-draft4 .preview-strip{display:none}.world-draft4 .container{max-width:1240px;width:100%}.world-draft4 header{min-height:74px}.world-draft4 header img{width:220px;height:66px}.world-draft4 main{padding-top:1px}.world-draft4 h1{font-size:42px}.world-draft4 .breadcrumb{margin:20px 0 10px}.world-draft4 .page-heading{margin-bottom:16px}.world-draft4 .page-heading p:last-child{font-size:16px}.world-draft4 .world-banner{top:18px;height:174px;border-radius:8px;width:39%;max-width:440px;background-size:100% 100%,1116.5px 1705px;background-position:0 0,right -99px}.world-draft4 .unit-switch{z-index:1}.world-draft4 .search-section{max-width:61%;margin-bottom:12px}.world-draft4 .search-section form{height:49px}.world-draft4 #search-status{margin:3px 0;min-height:0;font-size:12px}.world-draft4 #search-status:empty{display:none}
.time-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:14px 0}.time-shortcuts button{display:flex;align-items:center;gap:17px;text-align:left;min-width:0;border:1px solid var(--appearance-border,#cfe1fb);background:linear-gradient(120deg,var(--appearance-surface,#fff),var(--appearance-surface,#fbfdff));border-radius:7px;padding:17px 20px;color:var(--navy)}.time-shortcuts button:hover{background:var(--appearance-raised,#eaf4ff);border-color:var(--appearance-border,#73b4ff)}.time-shortcuts button>span{font-size:36px;color:var(--appearance-link,#0671ff);line-height:1}.time-shortcuts strong{font-size:14px}.time-shortcuts small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:4px}
.world-draft4 .world-top{gap:14px}.world-draft4 .local-hero{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:25px 26px 0;gap:20px;min-height:360px;overflow:hidden}.world-draft4 .local-hero select{font-size:29px;width:75%;border:1px solid var(--appearance-border,#ffffff60);background:var(--appearance-wash,#23629065);padding:3px 7px}.world-draft4 .local-hero h2{font-size:46px;margin:25px 0 8px}.world-draft4 .local-hero #hero-region{font-size:15px}.world-draft4 .hero-conditions{display:grid;grid-template-columns:1.1fr 1fr 1fr;width:calc(100% + 52px);margin:0 -26px;background:var(--appearance-deep,#03315acd);border-top:1px solid var(--appearance-border,#ffffff20);padding:16px 19px;gap:12px}.hero-conditions>div{display:flex;align-items:center;gap:10px;min-width:0}.hero-conditions>div+div{border-left:1px solid var(--appearance-border,#ffffff20);padding-left:12px}.hero-conditions small{display:block;font-size:12px;color:var(--appearance-inverse,#d0e6ff)}.hero-conditions strong{display:block;font-size:15px;color:var(--appearance-inverse,white);white-space:nowrap}.hero-conditions #hero-weather strong{font-size:25px}.hero-conditions .weather-color-icon{width:42px;height:42px}.hero-conditions .sun-event{font-size:31px;color:var(--appearance-gold,#ffc318);border-bottom:2px solid var(--appearance-focus,#ffc318);line-height:.95}.hero-conditions span{color:var(--appearance-inverse,white)}.world-draft4 #world-map{min-height:250px}.world-draft4 .map-bottom{gap:7px;padding:8px}.world-draft4 .legend-location{background:var(--appearance-green-surface,#31b973);border:0}.world-draft4 .section-heading{margin:21px 0 12px}.world-draft4 .section-heading h2{font-size:23px}
.world-draft4 .city-photo{height:108px}.world-draft4 .clock-card{padding-bottom:13px}.world-draft4 .city-region{min-height:33px;margin-bottom:9px}.world-draft4 .city-time{font-size:22px;white-space:nowrap}.world-draft4 .city-zone{min-height:38px}.world-draft4 .city-weather{margin-top:8px}.world-draft4 .world-tools,.world-draft4 .time-rankings{gap:14px;margin-top:17px}.world-draft4 .panel{padding:20px 23px;border:1px solid var(--appearance-border,#d8e7fa);background:var(--appearance-surface,#ffffffee);border-radius:7px}.world-draft4 .panel h2{display:flex;align-items:center;gap:16px;font-size:22px;color:var(--navy);min-height:38px}.tool-icon{font-size:40px;line-height:1;color:var(--appearance-link,#0071ff);flex-shrink:0}.world-draft4 .world-tools .panel>.meta{margin:0 0 16px 56px}.world-draft4 .convert-button{background:var(--appearance-primary,#006aff);box-shadow:none}.world-draft4 .converter label{margin-top:12px}.world-draft4 .converter-zones{grid-template-columns:1fr 35px 1fr}.world-draft4 #swap-zones{border-radius:5px;background:var(--appearance-raised,#eaf3ff);font-size:24px;padding:5px 0}.world-draft4 .conversion-result{position:relative;padding:15px 17px 15px 113px;background:linear-gradient(120deg,var(--appearance-raised,#eaf2ff),var(--appearance-raised,#e6f0ff));border:1px solid var(--appearance-border,#dce8ff);margin-top:12px;min-height:135px}.conversion-result .result-icon{position:absolute;left:20px;top:30px;font-size:55px;color:var(--appearance-link,#0671ff);background:var(--appearance-raised,#dceaff);border-radius:50%;width:73px;height:73px;display:grid;place-items:center;line-height:1}.world-draft4 .conversion-result>strong{margin-top:4px;font-size:29px}.world-draft4 .conversion-result p{margin:3px 0}.world-draft4 #region-filters{margin-top:12px;gap:3px;flex-wrap:nowrap}.world-draft4 #region-filters button{flex:1;padding:9px 4px;background:var(--appearance-raised,#f0f5ff);color:var(--appearance-link,#18447e);border:0;font-size:12px}.world-draft4 #region-filters button[aria-pressed=true]{background:var(--appearance-primary,#006aff);color:var(--appearance-inverse,white)}.region-head{display:grid;grid-template-columns:1fr 1.25fr auto;gap:8px;background:var(--appearance-raised,#f5f8ff);border:1px solid var(--appearance-border,#e2ebfa);border-radius:7px 7px 0 0;padding:10px 12px;font-size:12px;margin-top:10px}.world-draft4 #region-list{margin-top:0;max-height:276px;border:1px solid var(--appearance-border,#e2ebfa);border-top:0;border-radius:0 0 6px 6px}.world-draft4 #region-list>div{background:var(--appearance-surface,#fff);margin:0;padding:9px 10px;border-radius:0;border-left-width:4px}.world-draft4 #region-list>div:nth-child(6n+2){border-left-color:var(--appearance-border,#b545ef)}.world-draft4 #region-list>div:nth-child(6n+3){border-left-color:var(--appearance-border,#f44f65)}.world-draft4 #region-list>div:nth-child(6n+4){border-left-color:var(--appearance-border,#ffd22b)}.world-draft4 #region-list>div:nth-child(6n+5){border-left-color:var(--appearance-border,#386dfb)}.world-draft4 #region-list strong{background:none;padding:0;font-weight:400}.world-draft4 .time-rankings h2{font-size:20px;font-weight:500}.rank-icon{display:grid;place-items:center;background:var(--appearance-green-surface,#079566);color:var(--appearance-inverse,white);border-radius:50%;width:41px;height:41px;font-size:30px;flex-shrink:0}.time-rankings>.panel:nth-child(2) .rank-icon{background:var(--appearance-red-surface,#f34e29)}.world-draft4 .time-rankings>.panel:first-child h2{color:var(--appearance-green,#087d54)}.world-draft4 .time-rankings>.panel:nth-child(2) h2{color:var(--appearance-red,#e34823)}.world-draft4 .time-rankings .meta{margin:0 0 10px 57px}.world-draft4 .time-rankings ol{margin-top:10px}.world-draft4 .time-rankings li{padding:7px 3px}.world-draft4 .ranking-action{display:none}.source-disclosure{font-size:12px;color:var(--muted);margin:15px 0}.source-disclosure .source-note{margin:8px 0}.world-draft4 footer{border-top:1px solid var(--line);margin-top:20px;min-height:100px}.world-draft4 .planner-expand[open]{margin:20px 0}
@media(max-width:1050px){.time-shortcuts button{padding:13px 10px;gap:10px}.time-shortcuts button>span{font-size:29px}.world-draft4 .local-hero{padding:22px 18px 0}.world-draft4 .local-hero h2{font-size:37px}.world-draft4 .hero-conditions{width:calc(100% + 36px);margin:0 -18px;padding:13px 10px;gap:7px}.hero-conditions>div+div{padding-left:7px}.hero-conditions .weather-color-icon{width:33px;height:33px}.hero-conditions .sun-event{font-size:24px}.hero-conditions strong{font-size:13px}.hero-conditions #hero-weather strong{font-size:20px}.world-draft4 .panel{padding:17px}.world-draft4 .panel h2{font-size:19px}.world-draft4 #region-filters{flex-wrap:wrap}.world-draft4 .city-photo{height:140px}.world-draft4 .time-rankings li{grid-template-columns:23px 1fr auto}.world-draft4 .time-rankings li small{grid-column:3}}
@media(max-width:760px){.time-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.world-draft4 .search-section{max-width:100%}.world-draft4 .world-banner{display:none}.world-draft4 .local-hero h2{font-size:42px}.world-draft4 .hero-conditions{padding:16px}.world-draft4 .panel h2{font-size:21px}.world-draft4 .time-rankings li{grid-template-columns:23px 1fr auto auto}.world-draft4 .time-rankings li small{grid-column:auto}.world-draft4 .city-time{font-size:23px}.world-draft4 .page-heading .unit-switch{font-size:13px}.world-draft4 h1{font-size:36px}.world-draft4 .local-hero select{width:85%}}
@media(max-width:440px){.world-draft4 .city-time{font-size:18px}.world-draft4 .city-photo{height:105px}.time-shortcuts button{gap:8px;padding:12px 8px}.time-shortcuts strong{font-size:13px}.time-shortcuts small{font-size:12px}.world-draft4 .time-rankings li{grid-template-columns:23px 1fr auto}.world-draft4 .time-rankings li small{grid-column:3}.world-draft4 .conversion-result{padding-left:88px}.conversion-result .result-icon{left:12px;width:60px;height:60px;font-size:47px}.world-draft4 .local-hero h2{font-size:35px}}
/* Saved cities share tools, without widening the page. */
.world-draft4 :is(.world-top,.world-tools,.time-rankings)>*,.world-draft4 .clock-card,.world-draft4 .converter-zones>label{min-width:0}
.world-draft4 .clock-top h3,.world-draft4 .city-region,.world-draft4 #hero-region{overflow-wrap:anywhere}
.world-draft4 .converter input,.world-draft4 .converter select{min-width:0;max-width:100%;box-sizing:border-box}
.world-draft4 .local-hero h2{overflow-wrap:anywhere}
@media(max-width:360px){.world-draft4 #world-clocks{grid-template-columns:minmax(0,1fr)}.world-draft4 .hero-conditions{grid-template-columns:minmax(0,1fr);gap:10px}.world-draft4 .hero-conditions>div+div{border-left:0;padding-left:0}.world-draft4 .conversion-result{padding:15px}.world-draft4 .conversion-result .result-icon{display:none}}
.clock-card>.remove-city{width:36px;height:36px;font-size:23px;cursor:pointer}
.clock-card>.remove-city:focus-visible,.city-actions button:focus-visible{outline:3px solid #126ce8;outline-offset:3px}
.city-actions{flex-wrap:wrap;align-items:center;flex-shrink:0}
.city-actions button{min-height:44px}
.world-empty{padding:24px;border:1px dashed var(--line);border-radius:7px;background:white;color:var(--muted)}