.tz-tool{gap:1rem}.tz-pair{border:1px solid var(--border-card);border-radius:var(--radius-lg);background:var(--bg-card);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:.75rem 1rem;padding:1rem 1.1rem;display:grid}.tz-side{flex-direction:column;gap:.75rem;min-width:0;display:flex}.tz-swap{width:44px;height:44px;margin-top:1.55rem}.tz-when{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;align-items:end;gap:.6rem;display:grid}.tz-when .ui-input,.tz-now{min-height:44px}.tz-result{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#6366f112;flex-direction:column;justify-content:center;gap:.2rem;min-height:92px;padding:.6rem .9rem;display:flex}.tz-result-main{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.tz-result-time{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:800;line-height:1.1}.tz-result-sub{color:var(--text-secondary);font-size:.85rem}.tz-day{font-size:.75rem}.tz-summary{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.tz-planner-controls{grid-template-columns:minmax(0,150px) minmax(0,150px) minmax(0,1fr);align-items:end;gap:.75rem;margin-bottom:.9rem;display:grid}.tz-planner-controls .ui-input{min-height:44px}.tz-strip-wrap{border:1px solid var(--border-card);border-radius:var(--radius-md);max-width:100%;overflow-x:auto}.tz-strip{border-collapse:separate;border-spacing:2px;font-size:.78rem}.tz-strip-zone{z-index:1;text-align:left;background:var(--bg-card-solid);white-space:nowrap;min-width:118px;padding:.3rem .5rem;position:sticky;left:0}.tz-strip-zone .ui-icon-btn{vertical-align:middle;width:28px;height:28px;margin-left:.15rem}.tz-strip-name{text-overflow:ellipsis;vertical-align:middle;max-width:7.5rem;color:var(--text-primary);font-weight:700;display:inline-block;overflow:hidden}.tz-strip-abbr{color:var(--text-secondary);font-size:.7rem;font-weight:500;display:block}.tz-cell{text-align:center;min-width:40px;height:40px;color:var(--text-primary);font-variant-numeric:tabular-nums;border:2px solid #0000;border-radius:6px;padding:0}.tz-cell>span{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.tz-cell.is-work{background:#10b98138}.tz-cell.is-awake{background:var(--bg-secondary)}.tz-cell.is-night{color:var(--text-secondary);background:0 0}.tz-cell.is-overlap{border-color:var(--accent-emerald)}.tz-cell.is-selected{border-color:var(--accent-indigo);box-shadow:inset 0 0 0 1px var(--accent-indigo)}.tz-cell-date{color:var(--text-secondary);font-size:.6rem}.tz-cell-btn{width:100%;height:100%;min-height:36px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0 .15rem;font-weight:600}.tz-cell-btn:focus-visible{outline:2px solid var(--accent-indigo);outline-offset:-2px;border-radius:4px}.tz-legend{color:var(--text-secondary);flex-wrap:wrap;gap:.4rem 1rem;margin-top:.6rem;font-size:.78rem;display:flex}.tz-legend span{align-items:center;gap:.35rem;display:inline-flex}.tz-key{border:2px solid #0000;border-radius:3px;width:14px;height:14px;display:inline-block}.tz-key.is-work{background:#10b98138}.tz-key.is-awake{background:var(--bg-secondary);border-color:var(--border-input)}.tz-key.is-night{border-color:var(--border-input)}.tz-key.is-overlap{border-color:var(--accent-emerald)}.tz-overlap{color:var(--text-secondary);margin-top:.75rem;font-size:.875rem}.tz-overlap strong{color:var(--text-primary)}.tz-overlap ul{margin:.35rem 0 0;padding-left:1.1rem}.tz-overlap p{margin:0}.tz-world{flex-direction:column;margin:0 0 .9rem;padding:0;list-style:none;display:flex}.tz-world-row{border-bottom:1px solid var(--border-card);grid-template-columns:minmax(0,1fr) minmax(0,auto) auto;align-items:center;gap:.75rem;padding:.55rem 0;display:grid}.tz-world-row:last-child{border-bottom:none}.tz-world-city,.tz-world-time{flex-direction:column;min-width:0;display:flex}.tz-world-time{text-align:right;color:var(--text-primary);font-variant-numeric:tabular-nums;align-items:flex-end;font-weight:700}.tz-world-name{color:var(--text-primary);font-weight:600}.tz-world-zone{color:var(--text-secondary);overflow-wrap:anywhere;font-size:.75rem;font-weight:400}@media (width<=860px){.tz-pair{grid-template-columns:minmax(0,1fr);padding:.9rem}.tz-swap{justify-self:center;margin:0;transform:rotate(90deg)}.tz-planner-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.tz-planner-controls .tz-add{grid-column:1/-1}}@media (width<=480px){.tz-when{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tz-now{grid-column:1/-1}.tz-tool .ui-input{font-size:max(1rem,16px)}.tz-strip-zone{min-width:96px}.tz-strip-name{max-width:5.5rem}}