.converter{padding-top:28px}.converter .converter-workspace{display:block}.converter .converter-opening{border:1px solid var(--panel-border);border-radius:calc(var(--tp-radius) + .25rem);background-color:var(--surface);background-image:linear-gradient(120deg,color-mix(in srgb,var(--tp-kid-sky) 74%,var(--surface)),var(--surface) 56%,color-mix(in srgb,var(--tp-kid-rose) 42%,var(--surface)));box-shadow:var(--tp-card-shadow);margin-bottom:18px;padding:22px 24px;position:relative;overflow:hidden}.converter .converter-opening:after{content:"";z-index:0;border:2px solid color-mix(in srgb,var(--tp-kid-cyan) 24%,transparent);width:180px;height:180px;box-shadow:0 0 0 18px color-mix(in srgb,var(--tp-kid-cyan) 4%,transparent),0 0 0 40px color-mix(in srgb,var(--tp-kid-purple) 3%,transparent);pointer-events:none;border-radius:50%;position:absolute;top:-72px;right:-32px}.converter .converter-opening>*{z-index:1;position:relative}.converter #converter-form{background-color:var(--surface);background-image:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--tp-kid-sky) 11%,var(--surface)));box-shadow:var(--tp-card-shadow);padding:20px 22px}.converter .converter-heading{margin-bottom:12px}.converter h1{letter-spacing:-.035em;font-size:clamp(1.6rem,2.5vw,2rem)}.converter .intro{color:var(--muted);margin-top:8px;font-size:1.05rem}.converter .converter-step-heading,.converter .converter-target-heading{align-items:center;gap:10px;min-width:0;display:flex}.converter .converter-step-heading{border-left:5px solid var(--tp-kid-cyan);background:linear-gradient(90deg,var(--tp-kid-sky),color-mix(in srgb,var(--tp-kid-sky) 52%,var(--surface)));border-radius:0 12px 12px 0;margin-bottom:12px;padding:12px 14px}.converter .converter-step-heading h2,.converter .converter-target-heading h2{letter-spacing:0;font-size:1rem}.converter .converter-step-heading p,.converter .converter-target-heading p{color:var(--muted);margin-top:2px;font-size:.8125rem;line-height:1.4}.converter .converter-step-number{background:linear-gradient(145deg,var(--tp-kid-cyan),var(--tp-city-blue));color:#fff;width:30px;height:30px;box-shadow:0 4px 10px color-mix(in srgb,var(--tp-kid-cyan) 30%,transparent);border-radius:50%;flex:0 0 30px;justify-content:center;align-items:center;font-size:.875rem;font-weight:800;display:inline-flex}.converter .feature-jumps{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 16px;display:none}.converter:has(:where(#converter-form>fieldset:not([disabled]))) .feature-jumps{visibility:hidden;display:flex}.converter:has(#conversion-results:not([hidden])) .feature-jumps{visibility:visible}.converter .feature-jumps>span{color:var(--muted);margin-right:4px;font-size:.875rem;font-weight:650}.converter .feature-jumps a{border:1px solid var(--panel-border);background:var(--surface);border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:8px 12px;font-size:.875rem;font-weight:650;text-decoration:none;display:inline-flex}.converter .feature-jumps a:hover{border-color:var(--accent);background:var(--accent-soft)}.converter .feature-jumps svg{flex:0 0 20px}.converter .converter-options{flex-wrap:wrap;align-items:start;gap:8px 20px;margin-top:10px;display:flex}.converter .converter-target-row{border:1px solid color-mix(in srgb,var(--tp-brand-amber) 62%,var(--panel-border));border-left:5px solid var(--tp-brand-amber);background:linear-gradient(90deg,var(--tp-kid-sun),color-mix(in srgb,var(--tp-kid-sun) 52%,var(--surface)));box-shadow:0 5px 14px color-mix(in srgb,var(--tp-brand-amber) 12%,transparent);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:16px;padding:14px 16px;display:flex}.converter .converter-target-heading{flex:260px}.converter .converter-target-heading p{color:var(--text)}.converter .converter-target-heading .converter-step-number{background:linear-gradient(145deg,#ffc654,var(--tp-brand-amber));color:#342400;box-shadow:0 4px 10px color-mix(in srgb,var(--tp-brand-amber) 30%,transparent)}.converter .converter-target-row .convert-button{flex:none}.converter #choose-places{min-width:0;margin-left:auto}.converter #choose-places>summary{gap:16px;min-height:44px;padding:8px 0}.converter #choose-places[open]{flex:100%;order:3;margin-left:0}.converter .choose-places-body{border-top:1px solid var(--panel-border);padding:0 0 6px}.converter #location-help{margin-top:4px;font-size:.8125rem}.converter .converter-shortcuts{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.converter .converter-shortcuts .secondary{white-space:normal;justify-content:center;align-items:center;gap:8px;display:inline-flex}.converter .converter-shortcuts svg{flex-shrink:0}.converter .text-button{color:var(--accent);text-underline-offset:3px;background:0 0;border:0;min-height:44px;padding:8px;font-size:.875rem;font-weight:650;text-decoration:underline}.converter .form-grid{grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1.4fr);align-items:end;gap:16px;margin-top:0;display:grid}.converter .form-grid>.field{grid-column:auto;min-width:0}.converter .converter-toolbar{align-items:start}.converter .field label{margin-bottom:6px;font-size:.9375rem;font-weight:650}.converter .field input,.converter .field select{width:100%;min-width:0;min-height:48px;padding-block:10px;padding-inline:12px var(--control-end-padding,12px);background-color:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;font-size:1rem}.converter .convert-button{white-space:nowrap;gap:10px;min-height:48px;padding:10px 20px;font-size:1rem}.converter .country-search-controls{flex-wrap:wrap;align-items:end;gap:10px 16px;margin-top:16px;display:flex}.converter .country-search-controls .field{flex:220px}.converter .country-search-controls button{white-space:normal;min-height:48px}.converter .country-comparison-controls{grid-template-columns:minmax(160px,1fr) minmax(180px,1fr) auto auto;align-items:end;gap:12px 16px;margin-top:12px;display:grid}.converter .country-comparison-controls .secondary{min-height:48px}.converter .country-comparison-controls .field-help{grid-column:1/-1;align-self:center;margin:0}.converter .destination-controls{border-top:1px solid var(--panel-border);flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;padding-top:16px;display:flex}.converter .destination-controls h3{letter-spacing:0;font-size:.9375rem}.converter .zone-chips{flex-wrap:wrap;gap:8px;margin:0;display:flex}.converter .zone-chip{white-space:normal;text-align:left;background:var(--surface);min-height:44px;font-size:.875rem}.converter .secondary{min-height:44px;font-size:.875rem}.converter .simple-disclosure>summary{min-height:44px;color:var(--accent);justify-content:space-between;gap:16px;padding:8px 0;font-size:.9375rem;font-weight:650;display:flex}.converter .simple-disclosure>summary>span{font-size:1.3rem}.converter .simple-disclosure[open]>summary>span{transform:rotate(45deg)}.converter #more-locations{margin-left:auto}.converter #more-locations[open]{flex:100%;margin-left:0}.converter #more-locations .field{max-width:620px;padding:8px 0}.converter .destination-row{align-items:stretch;gap:12px;display:flex}.converter .destination-row select{flex:1;min-width:0}.converter #repeat-choice{max-width:620px;margin-top:18px}.converter .field-help{color:var(--muted);margin:8px 0 0;font-size:.875rem;line-height:1.5}.converter .local-note{color:var(--muted);margin-top:8px;font-size:.875rem;line-height:1.5}.converter .conversion-status{margin-top:12px;font-size:.9375rem}.converter .conversion-status:empty{display:none}.converter .converter-feedback{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 20px;margin-top:8px;display:flex}.converter .converter-feedback p{margin:0;font-size:.8125rem;line-height:1.5}.converter .conversion-error{border:2px solid var(--tp-error);background:var(--surface);color:var(--text);border-radius:8px;margin:16px 0 0;padding:14px;font-size:1rem}.converter .results-area{min-width:0;margin-top:20px}.converter .conversion-journey{border:1px solid var(--panel-border);border-radius:var(--tp-radius);background-color:var(--surface);background-image:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--tp-chart-indigo) 22%,var(--surface)));box-shadow:inset 0 5px 0 var(--tp-kid-purple),var(--tp-card-shadow);margin-bottom:20px;padding:18px 20px}.converter .conversion-journey>h2{margin-bottom:12px;font-size:1rem}.converter .journey-flow{grid-template-columns:minmax(0,1fr) auto minmax(0,1.25fr);align-items:stretch;gap:14px;display:grid}.converter .journey-point{background:var(--tp-kid-sky);border-radius:8px;min-width:0;padding:12px 14px}.converter .journey-target{background:var(--tp-kid-mint)}.converter .journey-point>span{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:5px;font-size:.75rem;font-weight:750;display:block}.converter .journey-point strong,.converter .journey-point li{overflow-wrap:anywhere;font-size:.9375rem;line-height:1.5}.converter .journey-target ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.converter .journey-arrow{background:var(--tp-kid-rose);width:38px;height:38px;color:var(--tp-kid-coral);border-radius:50%;justify-content:center;align-self:center;align-items:center;font-size:1.7rem;font-weight:800;display:inline-flex}.converter #time-globe{border-top:5px solid var(--tp-kid-cyan);background-color:var(--surface);background-image:linear-gradient(155deg,var(--surface),color-mix(in srgb,var(--tp-kid-sky) 28%,var(--surface)))}.converter #time-comparison{border-top:5px solid var(--tp-kid-purple);background-color:var(--surface);background-image:linear-gradient(155deg,var(--surface),color-mix(in srgb,var(--tp-chart-indigo) 35%,var(--surface)))}.converter .live-time-features{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.converter .live-time-features>.tool-panel{min-width:0;margin-top:0}.converter .city-results-section{margin-top:28px}.converter #time-globe,.converter #time-comparison{scroll-margin-top:20px}.converter .results-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.converter .results-heading h2,.converter #results-empty h2{font-size:1.25rem}.converter .clock-format{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.converter .clock-format label{font-size:.875rem;font-weight:650}.converter .clock-format select{min-height:44px;padding-block:8px;font-size:.875rem}.converter .seasonal-option{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:.9375rem;font-weight:650;display:flex}.converter .seasonal-option input{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0}.converter #seasonal-help{margin-bottom:12px}.converter .seasonal-details{border:1px solid var(--panel-border);background:var(--accent-soft);color:var(--text);overflow-wrap:anywhere;border-radius:6px;margin-top:6px;padding:4px 8px;font-size:.8125rem;line-height:1.5;display:inline-block}.converter .result-summary{color:var(--muted);margin-bottom:16px;font-size:.9375rem;line-height:1.5}.converter .city-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.converter .blue{--city-accent:var(--tp-city-teal);--city-fill:var(--tp-chart-teal)}.converter .peach{--city-accent:var(--tp-city-amber);--city-fill:var(--tp-chart-amber)}.converter .lilac{--city-accent:var(--tp-city-indigo);--city-fill:var(--tp-chart-indigo)}.converter .mint{--city-accent:var(--tp-city-sage);--city-fill:var(--tp-chart-sage)}.converter .city-card{background-color:var(--surface);background-image:linear-gradient(155deg,var(--surface),color-mix(in srgb,var(--city-fill) 46%,var(--surface)));border:1px solid var(--panel-border);border-top:5px solid var(--city-accent);border-radius:var(--tp-radius);min-width:0;box-shadow:var(--tp-card-shadow);padding:18px 16px}.converter .city-card-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.converter .city-card h3{overflow-wrap:anywhere;letter-spacing:-.02em;font-size:1.15rem}.converter .clock-period{color:var(--muted);font-size:.875rem}.converter .card-offset{color:var(--muted);overflow-wrap:anywhere;margin-top:6px;font-size:.875rem}.converter .city-card-body{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:16px;display:flex}.converter .city-readout{flex:120px;min-width:min-content;max-width:100%}.converter .city-time{letter-spacing:-.035em;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:clamp(1.6rem,2.1vw,2.1rem);font-weight:750;line-height:1.2;display:block}.converter .result-date{margin-top:6px;font-size:.875rem;line-height:1.5;display:block}.converter .day-tag{color:var(--accent);background:0 0;border:0;margin-top:8px;padding:0;font-size:.875rem;font-weight:650;line-height:1.4;display:inline-block}.converter .analog-clock{flex:0 0 72px;width:72px;height:72px;overflow:visible}.converter .clock-face{fill:var(--surface);stroke:var(--city-accent);stroke-width:1px}.converter .clock-tick{stroke:var(--muted);stroke-width:1px}.converter .clock-number{fill:var(--text);font-size:9px;font-family:var(--tp-font);text-anchor:middle;dominant-baseline:middle;font-weight:650}.converter .clock-hand{stroke:var(--text);stroke-linecap:round}.converter .hour-hand{stroke-width:5px}.converter .minute-hand{stroke-width:3px}.converter .clock-center{fill:var(--text)}.converter .local-format{border-top:1px solid var(--panel-border);overflow-wrap:anywhere;margin-top:16px;padding-top:12px}.converter .local-format-label{color:var(--muted);font-size:.875rem;font-weight:650;line-height:1.5}.converter .local-format-value{font-variant-numeric:tabular-nums;margin-top:5px;font-size:1rem;line-height:1.5;display:block}.converter .local-format-iso{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:5px;font-size:.875rem;line-height:1.5;display:block}.converter .local-format-note{color:var(--muted);max-width:1000px;margin-top:8px;font-size:.875rem;line-height:1.5}.converter .result-caption{color:var(--muted);margin-top:12px;font-size:.875rem}.converter .time-comparison{margin-top:20px;padding:20px}.converter .comparison-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 24px;display:flex}.converter .comparison-heading h2{font-size:1.2rem;line-height:1.4}.converter #comparison-date{font-size:1rem;font-weight:500}.converter #comparison-reference{color:var(--muted);font-size:.875rem}.converter .comparison-controls{grid-template-columns:200px minmax(0,1fr);align-items:center;gap:10px 20px;margin-top:18px;display:grid}.converter .comparison-selection{flex-direction:column;gap:4px;font-size:.875rem;display:flex}.converter .comparison-selection label{font-weight:650}.converter #comparison-value{color:var(--accent);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-weight:650}.converter .comparison-slider-area{min-width:0}.converter #comparison-slider{width:100%;height:44px;accent-color:var(--accent);cursor:pointer;background:0 0;margin:0;display:block}.converter .comparison-axis{font-variant-numeric:tabular-nums;color:var(--muted);justify-content:space-between;gap:4px;font-size:.875rem;display:flex}.converter .comparison-buttons{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end;gap:10px;display:flex}.converter .comparison-buttons button{white-space:normal}.converter .comparison-rows{gap:14px;margin:18px 0;display:grid}.converter .comparison-row{grid-template-columns:200px minmax(0,1fr);align-items:center;gap:20px;min-width:0;display:grid}.converter .comparison-row-heading{min-width:0;color:var(--muted);font-size:.875rem;line-height:1.5}.converter .comparison-row-heading h3{color:var(--text);overflow-wrap:anywhere;font-size:.9375rem}.converter .comparison-local-time{color:var(--text);font-variant-numeric:tabular-nums;margin-right:5px;font-weight:650}.converter .comparison-local-date{margin-right:5px}.converter .comparison-day-marker{color:var(--accent);display:block}.converter .comparison-track{border:1px solid var(--border);background:var(--surface);border-radius:6px;min-width:0;height:32px;position:relative}.converter .comparison-band{color:var(--text);background:var(--city-fill,var(--tp-chart-teal));border-radius:4px;justify-content:center;align-items:center;font-size:.875rem;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.converter .comparison-band.daytime:after{content:"Day"}.converter .comparison-band.nighttime{background:var(--tp-night-band,#e0e9f2);border-block:1px dashed var(--muted)}.converter .comparison-band.nighttime:after{content:"Night"}.converter .comparison-marker{background:var(--text);z-index:1;width:3px;position:absolute;top:-5px;bottom:-5px;transform:translate(-50%)}.converter .comparison-marker:before{content:"";background:var(--surface);border:2px solid var(--text);border-radius:50%;width:9px;height:9px;display:block;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.converter .comparison-convention{color:var(--muted);margin-top:8px;font-size:.875rem;line-height:1.6}.converter .legend-day,.converter .legend-night{border:1px solid var(--border);background:var(--tp-chart-teal);vertical-align:baseline;width:15px;height:12px;margin-right:4px;display:inline-block}.converter .legend-night{background:var(--tp-night-band,#e0e9f2);border-style:dashed}.converter #time-zone-details{border-top:1px solid var(--panel-border);color:var(--muted);margin-top:18px;font-size:.875rem}.converter #time-zone-details p{overflow-wrap:anywhere;margin:8px 0}.converter .zone{overflow-wrap:anywhere;min-height:0;margin:6px 0;font-size:.875rem}.converter #results-empty{color:var(--muted);flex-direction:column;gap:12px;display:flex}.converter #results-empty h2{color:var(--text)}.converter .learning-disclosure{background:var(--tp-callout);margin-top:20px}.converter .learning-disclosure .learning-icon{width:48px;height:48px;color:var(--accent);flex:0 0 48px}.converter .learning-disclosure .summary-sub{font-size:.9375rem}.converter .learning-disclosure summary strong{font-size:1.2rem}.converter .learning-disclosure .disclosure-content{font-size:1rem}@media (width<=1100px){.converter .city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.converter .city-time{font-size:2rem}.converter .analog-clock{flex-basis:84px;width:84px;height:84px}.converter .form-grid{grid-template-columns:1fr 1fr}.converter .country-comparison-controls{grid-template-columns:minmax(0,1fr) auto}.converter .country-comparison-controls .field-help,.converter .form-grid>.source-place{grid-column:1/-1}}@media (width<=1079px){.converter .live-time-features{grid-template-columns:minmax(0,1fr)}}.converter .live-time-features .comparison-controls,.converter .live-time-features .comparison-row{grid-template-columns:minmax(0,1fr);gap:10px}.converter .live-time-features .comparison-selection{flex-flow:wrap;align-items:baseline;gap:8px}.converter .live-time-features .comparison-row-heading{flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:flex}.converter .live-time-features .comparison-row-heading h3{flex-basis:100%}.converter .live-time-features .comparison-day-marker{display:inline}.converter .live-time-features .comparison-buttons{justify-content:space-between}.converter .live-time-features .comparison-buttons button{flex:1}@media (width>=1080px){.converter .live-time-features .comparison-controls{flex-wrap:wrap;gap:10px 16px;display:flex}.converter .live-time-features .comparison-selection{flex-direction:column;flex:150px;align-items:start;gap:4px;min-width:0}.converter .live-time-features .comparison-slider-area{flex:2 260px;min-width:min-content;max-width:100%}.converter .live-time-features .comparison-buttons{flex:100%}}@media (width>=1200px){.converter .converter-opening{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin-bottom:16px;display:grid}.converter .converter-opening .converter-heading{margin-bottom:0}.converter .converter-opening .feature-jumps{justify-content:flex-end;max-width:440px;margin:0}.converter .converter-opening .feature-jumps>span{text-align:right;flex-basis:100%}}@media (width<=700px){.converter{padding-top:14px}.converter .converter-opening{margin-bottom:14px;padding:18px}.converter .converter-heading .find-another-tool{display:none}.converter #converter-form{padding:12px 16px}.converter #converter-form,.converter .time-comparison{padding:16px}.converter .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.converter .converter-toolbar>.source-place,.converter .converter-toolbar>.field:has(#source-date){grid-column:1/-1}.converter .converter-toolbar input{max-width:100%;min-height:44px;padding-inline:8px;font-size:.875rem}.converter .converter-toolbar input::-webkit-datetime-edit{min-width:0;padding:0}.converter .converter-options{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;display:grid}.converter .converter-shortcuts{display:contents}.converter #use-current-location{grid-column:1/-1}.converter #use-current-time{justify-self:start}.converter #choose-places{align-self:start;margin-left:0}.converter #choose-places[open]{grid-column:1/-1}.converter .converter-target-row{align-items:stretch;padding:12px}.converter .converter-target-heading{flex-basis:100%}.converter .converter-target-row .convert-button{order:2;width:100%}.converter .feature-jumps{gap:6px;margin-bottom:12px}.converter .feature-jumps>span{flex-basis:100%}.converter .feature-jumps a{gap:6px;padding:8px;font-size:.8125rem}.converter .feature-jumps svg{flex-basis:18px;width:18px}.converter .country-comparison-controls{grid-template-columns:1fr;gap:10px}.converter .form-grid>.source-place{grid-column:1/-1}.converter .city-grid{grid-template-columns:1fr;gap:12px}.converter .city-card{padding:16px}.converter .city-card-body{margin-top:10px}.converter .city-time{font-size:2rem}.converter .converter-shortcuts{gap:4px 10px}.converter .converter-shortcuts .secondary{width:100%}.converter .text-button{padding-left:0}.converter .results-heading{flex-direction:column;align-items:start}.converter .journey-flow{grid-template-columns:minmax(0,1fr)}.converter .journey-arrow{justify-self:center;transform:rotate(90deg)}.converter #more-locations{flex:100%;margin-left:0}.converter .comparison-controls,.converter .comparison-row{grid-template-columns:minmax(0,1fr);gap:10px}.converter .comparison-selection{flex-flow:wrap;align-items:baseline;gap:8px}.converter .comparison-buttons{justify-content:space-between}.converter .comparison-buttons button{flex:1;padding:8px;font-size:.875rem}.converter .comparison-rows{gap:18px}.converter .comparison-row-heading{flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:flex}.converter .comparison-row-heading h3{flex-basis:100%}.converter .comparison-day-marker{display:inline}.converter .comparison-axis{font-size:.875rem}.converter .learning-disclosure summary{gap:12px;padding:16px}.converter .learning-disclosure .learning-icon{flex-basis:36px;width:36px;height:36px}.converter .learning-disclosure .disclosure-content{padding:0 16px 20px}}@media (width<=370px){.converter .analog-clock{flex-basis:68px;width:68px;height:68px}.converter .city-time{font-size:1.75rem}.converter .destination-row,.converter .comparison-buttons{flex-direction:column}}@media (prefers-reduced-motion:reduce){.converter *{scroll-behavior:auto;transition:none}}@media (forced-colors:active){.converter .city-card,.converter .tool-panel,.converter .comparison-track{border-color:canvastext}.converter .clock-face{stroke:canvastext;fill:canvas}.converter .clock-hand,.converter .clock-tick{stroke:canvastext}.converter .clock-number,.converter .clock-center{fill:canvastext}.converter .comparison-marker{forced-color-adjust:none;background:canvastext}.converter .comparison-marker:before{background:canvas;border-color:canvastext}.converter .comparison-band{color:canvastext;background:canvas;border:1px solid canvastext}.converter .comparison-band.nighttime{border-style:dashed}.converter .day-tag,.converter #comparison-value{color:canvastext}}.time-globe{min-width:0;margin-top:24px;padding:20px}.globe-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.globe-heading h2{font-size:1.25rem;line-height:1.3}.globe-heading .eyebrow{margin-bottom:5px;font-size:.75rem}.globe-heading a{align-items:center;min-height:44px;font-size:.875rem;display:inline-flex}.globe-intro{max-width:720px;color:var(--muted);margin:8px 0 16px;font-size:.9375rem;line-height:1.5}.globe-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:16px;display:grid}.globe-visual{text-align:center;min-width:0}.globe-visual svg{touch-action:pan-y;cursor:grab;user-select:none;width:100%;max-width:300px;margin:auto;display:block}.globe-visual svg[data-dragging=true]{cursor:grabbing}.globe-rim{fill:none;stroke:#74a3c0;stroke-width:1px}.globe-grid{fill:none;stroke:#6592ad;stroke-width:.65px;opacity:.52}.globe-land{fill:none;stroke:#b4d8e6;stroke-width:1.1px;stroke-linejoin:round;stroke-linecap:round}.globe-meridian{fill:none;stroke:#ffc46a;stroke-width:1.7px;stroke-dasharray:4 4}.globe-pin{cursor:pointer}.globe-pin-hit{fill:#0000;stroke:none}.globe-pin-dot{fill:#fff;stroke:#09223e;stroke-width:2px}.globe-pin[data-selected=true] .globe-pin-dot{fill:#ffc46a;stroke:#07182d;stroke-width:2.5px}.globe-pin-ring{fill:none;stroke:#ffc46a;stroke-width:1.5px}.globe-pin text{font:650 11px var(--tp-font);fill:#fff;paint-order:stroke;stroke:#07182d;stroke-width:3.5px;stroke-linejoin:round}.globe-drag-hint{color:var(--muted);margin:8px 0 12px;font-size:.875rem}.globe-rotation{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.globe-rotation button{white-space:normal;flex:100px;min-width:0}.globe-note{color:var(--muted);overflow-wrap:anywhere;margin-top:12px;font-size:.875rem;line-height:1.6}.globe-readout{min-width:0}.globe-city-result{border-left:3px solid var(--accent);background:var(--accent-soft);overflow-wrap:anywhere;border-radius:0 10px 10px 0;margin:12px 0;padding:14px}.globe-city-name{margin-bottom:6px;font-size:1.2rem;font-weight:700}.globe-city-time{letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:clamp(1.75rem,2.5vw,2.25rem);font-weight:750;line-height:1.2;display:block}.globe-city-date{margin-top:6px;font-size:.9375rem;display:block}.globe-city-offset{margin-top:10px;font-size:.9375rem}#globe-city-clock-name:empty{display:none}.globe-day{color:var(--accent);margin-top:10px;font-size:.875rem;font-weight:650}.globe-iso{direction:ltr;font-size:.8125rem}.globe-reference{color:var(--muted);align-items:flex-start;gap:12px;margin-top:14px;font-size:.875rem;line-height:1.6;display:flex}.meridian-key{border-top:3px dashed var(--tp-city-gold);flex:0 0 25px;width:25px;margin-top:11px}.globe-method{border-top:1px solid var(--panel-border);margin-top:16px;padding-top:6px}.globe-method[open]{padding-bottom:6px}.converter .clock-name{color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font-size:.8125rem;line-height:1.4}.converter .seasonal-clock-note{color:var(--muted);margin:12px 0;font-size:.875rem;line-height:1.6}.converter #daylight-details{border:1px solid var(--panel-border);border-radius:var(--tp-radius);background:var(--surface);margin-top:18px;padding:12px 16px}.converter #daylight-details p{color:var(--muted);margin:10px 0;font-size:.9375rem;line-height:1.6}@media (width<=700px){.time-globe{padding:16px}.globe-layout{grid-template-columns:minmax(0,1fr);gap:24px}.globe-visual svg{max-width:300px}.globe-heading{gap:6px}.globe-city-result{padding:16px}.globe-rotation button{flex-basis:40%;max-width:none}.globe-intro{font-size:.9375rem}}@media (forced-colors:active){.globe-halo{display:none}.globe-ocean{fill:canvas}.globe-rim,.globe-grid,.globe-land{stroke:canvastext;opacity:1}.globe-meridian{stroke:linktext}.globe-pin-dot{fill:canvas;stroke:canvastext}.globe-pin[data-selected=true] .globe-pin-dot{fill:highlight;stroke:canvastext}.globe-pin-ring{stroke:highlight}.globe-pin text{fill:canvastext;stroke:canvas}.globe-city-result{border:2px solid canvastext}.meridian-key{border-color:linktext}}.globe-night{fill:#020a19;fill-opacity:.88;stroke:#d2e8f4;stroke-opacity:.3;stroke-width:.7px;pointer-events:none}.globe-sun{fill:#ffdc82;stroke:#ffdc82;stroke-width:2px;pointer-events:none}.globe-sun circle{stroke:#163b55;stroke-width:1.5px}.globe-light-legend{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 12px;margin:8px 0 14px;font-size:.8125rem;display:flex}.globe-light-legend li{align-items:center;gap:6px;display:flex}.solar-key{border:1px solid var(--muted);border-radius:50%;width:15px;height:15px;display:inline-block}.daylight-key{background:#458aa7}.night-key{background:#081627}.solar-sun-key{color:var(--tp-city-gold);font-size:1.2rem}.globe-time-control{text-align:left;border:1px solid var(--panel-border);background:var(--surface);border-radius:10px;margin:0 0 12px;padding:10px}.globe-time-control label{font-size:.9375rem;font-weight:650}.globe-time-control output{color:var(--muted);overflow-wrap:anywhere;font-size:.875rem;display:block}.globe-time-control input{width:100%;min-height:44px;accent-color:var(--accent);cursor:ew-resize;margin:4px 0 0;padding:0}.globe-time-control .globe-note{margin-top:8px;font-size:.8125rem}.globe-time-axis{color:var(--muted);justify-content:space-between;font-size:.75rem;display:flex}.globe-city-sunlight{border-top:1px solid var(--panel-border);margin-top:16px;padding-top:12px;font-size:.875rem;font-weight:650;line-height:1.6}.time-globe[data-solar=false] .globe-light-legend{display:none}@media (forced-colors:active){.globe-night{fill:canvastext;fill-opacity:.22;stroke:canvastext;stroke-opacity:1;stroke-dasharray:4 3}.globe-sun,.globe-sun circle{fill:highlight;stroke:canvastext}.solar-key{border-color:canvastext}.daylight-key{background:canvas}.night-key{background:canvastext}.solar-sun-key{color:canvastext}}.globe-heading-actions{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.globe-heading-actions button{white-space:normal;min-height:44px}.globe-dialog{border:1px solid var(--panel-border);border-radius:var(--tp-radius);background:var(--surface);width:min(1180px,100% - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--text);overscroll-behavior:contain;margin:auto;padding:0;overflow:auto}.globe-dialog::backdrop{background:#040f1db8}.globe-dialog .time-globe{border:0;border-radius:0;margin:0;padding:24px}.globe-dialog .globe-layout{grid-template-columns:minmax(0,600px) minmax(220px,1fr);gap:28px}.globe-dialog .globe-visual svg{max-width:600px}.globe-dialog .globe-city-time{font-size:clamp(2rem,4vw,3rem)}@media (width<=800px){.globe-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.globe-dialog .time-globe{padding:16px}.globe-dialog .globe-layout{grid-template-columns:minmax(0,1fr);gap:24px}}@media (forced-colors:active){.globe-dialog{border:2px solid canvastext}.globe-dialog::backdrop{opacity:.8;background:canvas}}