.time-zone-input-surface{padding:var(--space-4);gap:var(--space-4);border-bottom:1px solid var(--line);background:var(--base);display:grid}.time-zone-date-row,.time-zone-zone-row{align-items:end;gap:var(--space-3);display:grid}.time-zone-date-row{grid-template-columns:minmax(240px,1fr) auto minmax(150px,220px)}.time-zone-zone-row{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr)}.time-zone-field,.time-zone-format-field,.time-zone-now-field{gap:var(--space-2);min-width:0;color:var(--muted);font-size:12px;font-weight:600;display:grid}.time-zone-field input,.time-zone-field select{width:100%;min-width:0;height:40px;padding:0 var(--space-3);border-radius:var(--radius-control);color:var(--ink);background:var(--control);box-shadow:0 0 0 1px var(--control-line);font-family:var(--code-font);border:0}.time-zone-date-field input,.time-zone-date-row .time-zone-format-switch{height:60px}.time-zone-now-field{grid-template-rows:17px 60px 17px}.time-zone-now-field:before,.time-zone-now-field:after{content:"";display:block}.time-zone-now-field .secondary-button{align-self:center;min-width:64px;height:60px}.time-zone-date-field input{font-size:clamp(17px,2.2vw,20px);font-weight:600}.time-zone-field input[aria-invalid=true],.time-zone-field select[aria-invalid=true]{box-shadow:0 0 0 1px var(--danger)}.time-zone-field small{min-height:17px;color:var(--muted);font-size:11px;font-weight:400;line-height:1.45}.time-zone-zone-row .time-zone-field:after,.time-zone-format-field:after{content:"";min-height:17px}.time-zone-swap-button{border:1px solid var(--control-line);border-radius:var(--radius-control);width:40px;height:40px;color:var(--ink);background:var(--base);cursor:pointer;place-items:center;margin-bottom:25px;display:grid}.time-zone-swap-button:hover{border-color:var(--accent);color:var(--accent)}.time-zone-format-switch{background:var(--fill);height:40px;box-shadow:inset 0 0 0 1px var(--line);grid-template-columns:repeat(2,minmax(44px,1fr));gap:2px;padding:2px;display:grid}.time-zone-format-switch button{border-radius:var(--radius-control);color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;font-size:15px;font-weight:650}.time-zone-format-switch button.is-active{color:var(--ink);background:var(--base);box-shadow:0 0 0 1px var(--control-line)}.time-zone-source-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.time-zone-result{min-height:116px;padding:var(--space-4);align-items:center;gap:var(--space-4);border-bottom:1px solid var(--line);background:var(--base);grid-template-columns:minmax(180px,1fr) minmax(220px,auto) minmax(170px,auto);display:grid}.time-zone-result[hidden]{display:none}.time-zone-result-label,.time-zone-result-value,.time-zone-result-meta{gap:var(--space-1);min-width:0;display:grid}.time-zone-result-label span,.time-zone-result-value span,.time-zone-result-meta span{color:var(--muted);font-size:12px}.time-zone-result-label strong,.time-zone-result-meta strong{color:var(--ink);font-family:var(--code-font);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.time-zone-result-value strong{color:var(--ink-strong);font-family:var(--code-font);font-variant-numeric:tabular-nums;letter-spacing:-.045em;font-size:clamp(30px,5vw,46px);line-height:1}.world-clock-surface{background:var(--base)}.world-clock-heading{min-height:60px;padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--line);display:flex}.world-clock-heading h2{color:var(--ink);margin:0;font-size:14px}.world-clock-live{align-items:center;gap:var(--space-1);color:var(--success);white-space:nowrap;font-size:11px;font-weight:600;display:inline-flex}.world-clock-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.world-clock-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.world-clock-row{min-width:0;min-height:104px;padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-2) var(--space-4);border-bottom:1px solid var(--line);background:var(--base);grid-template-columns:minmax(0,1fr) auto;display:grid}.world-clock-row:nth-child(odd){border-inline-end:1px solid var(--line)}.world-clock-place,.world-clock-time,.world-clock-date{gap:4px;min-width:0;display:grid}.world-clock-place strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.world-clock-place span,.world-clock-time span{color:var(--muted);font-family:var(--code-font);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.45;overflow:hidden}.world-clock-time{text-align:end}.world-clock-time strong{color:var(--ink-strong);font-family:var(--code-font);font-variant-numeric:tabular-nums;letter-spacing:-.035em;font-size:24px;line-height:1.1}.world-clock-date{grid-column:1/-1}.world-clock-date strong{color:var(--muted);font-size:12px;font-weight:500}@media (width<=1040px){.time-zone-date-row{grid-template-columns:minmax(0,1fr) auto minmax(140px,190px)}}@media (width<=760px){.time-zone-date-row,.time-zone-zone-row{grid-template-columns:minmax(0,1fr)}.time-zone-now-field{grid-template-rows:56px}.time-zone-now-field:before,.time-zone-now-field:after,.time-zone-zone-row .time-zone-field:after,.time-zone-format-field:after{display:none}.time-zone-field input,.time-zone-field select,.time-zone-format-switch,.time-zone-source-actions .primary-button,.time-zone-source-actions .secondary-button,.time-zone-now-field .secondary-button,.time-zone-swap-button{min-height:44px}.time-zone-date-field input,.time-zone-date-row .time-zone-format-switch{min-height:56px}.time-zone-now-field .secondary-button,.time-zone-format-switch button{min-height:56px;font-size:16px}.time-zone-swap-button{width:44px;height:44px;margin:0 auto}.time-zone-swap-button svg{transform:rotate(90deg)}.time-zone-format-switch{min-height:48px}.time-zone-format-switch button{min-height:44px}.time-zone-source-actions{grid-template-columns:minmax(0,1fr);display:grid}.time-zone-source-actions button{justify-content:center}.time-zone-result{grid-template-columns:minmax(0,1fr) auto}.time-zone-result-label{grid-column:1/-1}.world-clock-list{grid-template-columns:minmax(0,1fr)}.world-clock-row:nth-child(odd){border-inline-end:0}}