.tz{gap:16px;display:grid}.tz .tz-top{gap:12px;display:grid}@media (width>=900px){.tz .tz-top{grid-template-columns:1fr 1fr}}.tz .tz-cities{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.tz .tz-cities li{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:10px 12px;position:relative}.tz .tz-cities .tz-name{font-weight:700;font-size:var(--fs-s);padding-right:18px}.tz .tz-cities .tz-clock{font:800 1.8rem/1.1 var(--font);font-variant-numeric:tabular-nums}.tz .tz-cities .tz-meta{font-size:var(--fs-xs);color:var(--muted)}.tz .tz-cities button{all:unset;cursor:pointer;color:var(--muted);position:absolute;top:6px;right:8px}.tz .tz-quick{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tz .tz-quick button{border:1px solid var(--line-strong);background:var(--surface);min-height:32px;color:var(--ink);font:600 var(--fs-xs) var(--font);cursor:pointer;border-radius:999px;padding:0 10px}.tz .tz-primary{font-size:clamp(1.3rem,1rem + 1.4vw,2rem)}.tz .tz-conv{font-size:var(--fs-s);margin:12px 0}.tz .tz-conv select,.tz .tz-conv input{border:1px solid var(--line-strong);border-radius:var(--radius-s);background:var(--surface);min-height:38px;color:var(--ink);font:600 var(--fs-s) var(--font);margin:4px 2px;padding:0 6px}.tz .tz-conv-out{gap:2px;margin:6px 0 0;padding:0;font-weight:650;list-style:none;display:grid}.tz .tz-h{font-size:var(--fs-m);margin:16px 0 6px}.tz .tz-plan{overflow-x:auto}.tz .tz-plan table{border-collapse:separate;border-spacing:2px;min-width:640px}.tz .tz-plan th{text-align:left;font-size:var(--fs-xs);white-space:nowrap;padding-right:6px}.tz .tz-plan td{text-align:center;width:26px;height:30px;font:600 11px var(--font);font-variant-numeric:tabular-nums;border-radius:4px}.tz .c-n{color:#94a3b8;background:#1e293b}.tz .c-w{color:#1e293b;background:#cbd5e1}.tz .c-j{color:#14532d;background:#86efac}.tz .c-o{outline:2px solid #16a34a}.tz .c-now{box-shadow:inset 0 -3px #ea580c}.tz .tz-legend{font-size:var(--fs-xs);flex-wrap:wrap;gap:4px 12px;margin:6px 0;display:flex}.tz .tz-k:before{content:"";vertical-align:-2px;border-radius:3px;width:12px;height:12px;margin-right:4px;display:inline-block}.tz .tz-k-n:before{background:#1e293b}.tz .tz-k-w:before{background:#cbd5e1}.tz .tz-k-j:before{background:#86efac}.tz .tz-k-o:before{background:0 0;outline:2px solid #16a34a}.tz .tz-dst{font-size:var(--fs-s);padding-left:18px}