.tz-tool{display:flex;flex-direction:column;gap:1.1rem}.tz-tool--embed{gap:.8rem;font-size:.95rem}.tz-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.8rem;align-items:start}.tz-actions{display:flex;gap:.5rem;flex-wrap:wrap}.tz-btn{padding:.45rem .9rem;border:1px solid var(--hairline-strong);border-radius:.55rem;background:var(--panel);color:var(--fg);font-family:var(--font-ui);font-size:.88rem;cursor:pointer}.tz-btn:hover{border-color:var(--gold);color:var(--gold)}.tz-loading,.tz-error,.tz-unresolvable{margin:0;font-size:.9rem;color:var(--muted)}.tz-error{color:var(--coral)}.tz-zones{display:flex;flex-direction:column;gap:.6rem}.tz-zone-group{margin:0;padding:.55rem .75rem .7rem;border:1px solid var(--hairline);border-radius:.6rem;background:var(--panel)}.tz-zone-group legend{padding:0 .35rem;font-family:var(--font-ui);font-size:.8rem;color:var(--muted)}.tz-zone-chips{display:flex;flex-wrap:wrap;gap:.4rem}.tz-chip{padding:.28rem .7rem;border:1px solid var(--hairline-strong);border-radius:999px;background:transparent;color:var(--fg);font-family:var(--font-ui);font-size:.82rem;cursor:pointer}.tz-chip:hover{border-color:var(--gold)}.tz-chip.is-active{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 18%,transparent);color:var(--gold)}.tz-hours{margin:0;padding:.7rem .9rem .9rem;border:1px solid var(--hairline);border-radius:.6rem;background:var(--panel)}.tz-hours legend{padding:0 .35rem;font-family:var(--font-ui);font-size:.8rem;color:var(--muted)}.tz-hours-value{margin:0 0 .5rem;font-family:var(--font-ui);font-size:1.15rem;color:var(--gold);font-variant-numeric:tabular-nums}.tz-slider{display:grid;grid-template-columns:9.5rem 1fr 3.6rem;align-items:center;gap:.7rem;margin:.35rem 0;font-size:.85rem;color:var(--muted)}.tz-slider strong{font-variant-numeric:tabular-nums;color:var(--fg);text-align:right}.tz-slider input[type=range]{width:100%;accent-color:var(--gold)}.tz-results,.tz-strips{border:1px solid var(--hairline);border-radius:.6rem;background:var(--panel);padding:.8rem .9rem 1rem}.tz-results-heading,.tz-strips-heading{margin:0 0 .4rem;font-family:var(--font-ui);font-size:.95rem;letter-spacing:.02em;color:var(--fg)}.tz-live{margin:0 0 .5rem;font-size:.9rem;color:var(--muted)}.tz-hours-inline{color:var(--gold);font-variant-numeric:tabular-nums}.tz-windows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.tz-window{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .9rem;padding:.5rem .7rem;border:1px solid var(--hairline);border-radius:.55rem;background:var(--panel-strong);font-family:var(--font-ui);font-size:.98rem}.tz-window-side{display:inline-flex;align-items:baseline;gap:.3rem;font-variant-numeric:tabular-nums}.tz-window-zone{font-size:.72rem;color:var(--muted)}.tz-window-sep{color:var(--gold);margin-left:.55rem}.tz-window-duration{margin-left:auto;font-size:.78rem;color:var(--muted)}.tz-nooverlap-heading{margin:.5rem 0 .2rem;font-size:1rem;color:var(--coral)}.tz-nearest-lead{margin:0 0 .45rem;font-size:.88rem;color:var(--muted)}.tz-nearest{border-color:var(--hairline-strong)}.tz-nearest .tz-window-zone{color:var(--gold);font-size:.78rem}.tz-date-note{margin:.6rem 0 0;font-size:.78rem;color:var(--muted)}.tz-strips-note{margin:0 0 .6rem;font-size:.78rem;color:var(--muted)}.tz-strip-row{display:grid;grid-template-columns:minmax(7rem,12rem) 1fr;gap:.3rem .8rem;margin:.55rem 0;align-items:center}.tz-strip-label{font-family:var(--font-ui);font-size:.85rem;color:var(--fg)}.tz-strip{position:relative;height:1.15rem;border-radius:.35rem;background:color-mix(in srgb,var(--hairline) 55%,transparent);overflow:hidden}.tz-strip-work{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--fg) 16%,transparent)}.tz-strip-overlap{position:absolute;top:0;bottom:0;background:var(--gold)}.tz-strip-tick{position:absolute;top:0;bottom:0;width:1px;background:color-mix(in srgb,var(--fg) 22%,transparent)}.tz-strip-axis{grid-column:2;position:relative;height:.9rem}.tz-strip-hour{position:absolute;transform:translate(-50%);font-size:.68rem;color:var(--muted);font-variant-numeric:tabular-nums}.tz-strip-hour:first-child{transform:none}.tz-strip-hour:last-child{transform:translate(-100%)}.tz-share-status{margin:0;font-size:.85rem;color:var(--gold)}@media (max-width: 640px){.tz-slider{grid-template-columns:1fr 2.8rem}.tz-slider>span{grid-column:1 / -1}.tz-strip-row{grid-template-columns:1fr}.tz-strip-axis{grid-column:1}.tz-window-duration{margin-left:0}}