.tzc{--tzc-cell:2.75rem;--tzc-col:2.625rem;gap:var(--space-3);display:grid}@media (min-width:64rem){.tzc{align-items:start;gap:var(--space-4);grid-template-columns:21rem minmax(0,1fr)}}.tzc [hidden]{display:none}.tzc__planner-sheet{min-inline-size:0}@media (min-width:64rem){.tzc__planner-sheet{grid-column:1/-1}}.tzc__when{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tzc__input{font-family:"Literata Variable", var(--font-sans);font-weight:500}.tzc__notice{padding:var(--space-3) var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--paper);color:var(--ink-2);font-size:var(--text-sm)}.tzc__notice.is-error{border-color:color-mix(in srgb, var(--danger) 45%, var(--line));color:var(--danger);font-weight:600}.tzc__add-body{gap:var(--space-2)}.tzc__add{gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.tzc__search{position:relative}.tzc__search-icon{color:var(--ink-3);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-start:var(--space-3);translate:0 -50%}.tzc__search-input{padding-inline-start:var(--space-10)}.tzc__list{padding:0 var(--space-5);margin:0;list-style:none;display:grid}.tzc__row{gap:var(--space-1) var(--space-3);padding-block:var(--space-3);border-block-start:1px solid var(--sheet-rule);grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"place when remove""diff when remove";align-items:center;display:grid}@media (min-width:40rem){.tzc__row{grid-template-columns:minmax(0,1fr) 7rem auto auto;grid-template-areas:"place diff when remove"}}.tzc__place{grid-area:place;min-inline-size:0}.tzc__city{gap:var(--space-1) var(--space-2);color:var(--ink);font-family:var(--font-display);font-size:var(--text-lg);flex-wrap:wrap;align-items:baseline;font-weight:500;line-height:1.25;display:flex}.tzc__badge{padding:0 var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--ink-2);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600}.tzc__badge--source{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));color:var(--accent)}.tzc__zone-name{overflow-wrap:anywhere;color:var(--ink-3);font-size:var(--text-sm)}.tzc__when-out{text-align:end;grid-area:when}.tzc__time{color:var(--accent);font-family:"Literata Variable", var(--font-display);font-size:var(--text-xl);letter-spacing:-.01em;white-space:nowrap;font-weight:500;line-height:1.15}.tzc__date{color:var(--ink-3);font-size:var(--text-sm);white-space:nowrap}.tzc__date.is-shifted{color:var(--ink);font-weight:600}.tzc__diff{color:var(--ink-2);font-size:var(--text-sm);white-space:nowrap;grid-area:diff}@media (min-width:40rem){.tzc__diff{text-align:end}}.tzc__remove{color:var(--ink-3);grid-area:remove}.tzc__remove:hover{color:var(--ink)}.tzc__empty{padding:var(--space-4) var(--space-5);border-block-start:1px solid var(--sheet-rule);color:var(--ink-2);font-size:var(--text-sm)}.tzc__planner-head{gap:var(--space-2) var(--space-5);padding:var(--space-2) var(--space-5) var(--space-3);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.tzc__legend{gap:var(--space-1) var(--space-4);color:var(--ink-2);font-size:var(--text-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tzc__legend li{gap:var(--space-2);align-items:center;display:inline-flex}.tzc__swatch{border:1px solid var(--line-strong);border-radius:var(--radius-sm);block-size:.875rem;inline-size:.875rem}.tzc__swatch--work{border-color:color-mix(in srgb, var(--accent) 35%, var(--line));background:var(--accent-soft)}.tzc__swatch--night{background:color-mix(in srgb, var(--ink) 9%, var(--sheet))}.tzc__planner-scroll{margin:0 var(--space-3) var(--space-4);overscroll-behavior-x:contain;border:1px solid var(--sheet-rule);border-radius:var(--radius);scrollbar-width:thin;overflow-x:auto}.tzc__planner{grid-template-columns:max-content max-content;inline-size:max-content;min-inline-size:100%;display:grid}.tzc__planner-labels{z-index:1;grid-auto-rows:var(--tzc-cell);padding-block:calc(var(--space-2) + 1.5px);border-inline-end:1px solid var(--sheet-rule);background:var(--sheet);margin:0;padding-inline:0;list-style:none;display:grid;position:sticky;inset-inline-start:0}.tzc__planner-label{max-inline-size:8.5rem;padding-inline:var(--space-3);color:var(--ink-2);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;align-items:center;font-weight:600;display:flex;overflow:hidden}.tzc__planner-label.is-source{color:var(--accent)}.tzc__planner-cols{grid-template-columns:repeat(24, var(--tzc-col));padding:var(--space-2) var(--space-1);display:grid}.tzc__col{grid-auto-rows:var(--tzc-cell);border-radius:var(--radius);color:var(--ink);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out);background:0 0;border:1.5px solid #0000;padding:0 2px;display:grid}.tzc__col:hover{border-color:var(--line-strong)}.tzc__col[aria-checked=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 35%, transparent)}.tzc__col:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.tzc__cell{border-radius:var(--radius-sm);font-family:"Literata Variable", var(--font-sans);font-size:var(--text-sm);text-align:center;white-space:nowrap;place-content:center;margin-block:1px;font-weight:600;line-height:1.1;display:grid;overflow:hidden}.tzc__cell--work{background:var(--accent-soft);color:var(--ink)}.tzc__cell--night{background:color-mix(in srgb, var(--ink) 9%, var(--sheet));color:var(--ink-3)}.tzc__cell.is-midnight{color:var(--accent);font-family:var(--font-sans);font-size:var(--text-xs)}.tzc__cell-sub{color:var(--ink-3);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600}