.zb{display:flex;flex-direction:column;gap:20px}.zb__hint{font-size:11px;color:var(--fg-faint)}.zb__plan{gap:18px}.zb__controls{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px 24px;align-items:end}.zb__when{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.zb__when .ui-field{flex:1 1 150px;min-width:0}.zb__native{min-height:44px;font-variant-numeric:tabular-nums;color-scheme:light dark}.zb__note{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px 10px;padding:12px 14px;border-radius:var(--radius);border:1px solid color-mix(in oklab,var(--warning) 35%,transparent);background:color-mix(in oklab,var(--warning) 8%,transparent);font-size:var(--text-sm);line-height:1.6}.zb__empty,.zb__note{color:var(--fg-muted)}.zb__empty{padding:28px 8px;text-align:center}.zb__rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.zb__row{display:grid;grid-template-columns:minmax(150px,210px) 112px minmax(0,1fr) auto;grid-template-areas:"who time band ctl";align-items:center;gap:8px 14px;padding:8px 10px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}.zb__row.is-home{border-color:color-mix(in oklab,var(--accent-fg) 45%,var(--line))}.zb__who{grid-area:who;display:flex;flex-direction:column;gap:2px;min-width:0}.zb__name{font-weight:700}.zb__name,.zb__sub{overflow-wrap:anywhere}.zb__sub{font-family:var(--font-mono);font-size:11px;color:var(--fg-faint)}.zb__badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.zb__badges:empty{display:none}.zb__time{grid-area:time;display:flex;flex-direction:column;line-height:1.15}.zb__time strong{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.zb__time span{font-size:var(--text-xs);color:var(--fg-muted)}.zb__time.is-work strong{color:var(--success)}.zb__ctl{grid-area:ctl;display:flex;gap:2px}.zb__band{grid-area:band;position:relative;direction:ltr;height:46px;border-radius:10px;overflow:hidden;cursor:ew-resize;touch-action:pan-y;user-select:none;border:1px solid var(--line-strong)}.zb__cells{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));height:100%}.zb__cell{white-space:nowrap;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10px;color:var(--fg-muted);border-inline-start:1px solid color-mix(in oklab,var(--line) 60%,transparent)}.zb__cell.has-label{position:relative;z-index:1}.zb__cell[data-align=start]{justify-content:flex-start}.zb__cell[data-align=end]{justify-content:flex-end}.zb__cell:first-child{border-inline-start:0}.zb__cell--work{background:color-mix(in oklab,var(--success) 34%,var(--surface));color:var(--fg)}.zb__cell--edge{background:color-mix(in oklab,var(--warning) 16%,var(--surface))}.zb__cell--night{background:color-mix(in oklab,var(--fg) 9%,var(--surface-2));color:var(--fg-faint)}.zb__cell.is-midnight{color:var(--accent-fg);font-weight:700;border-inline-start:2px solid var(--accent-fg)}.zb__ov{box-shadow:inset 0 0 0 2px var(--accent-fg);background:color-mix(in oklab,var(--accent) 16%,transparent);border-radius:6px}.zb__ov,.zb__shift{position:absolute;top:0;bottom:0;pointer-events:none}.zb__shift{width:0;border-inline-start:2px dashed var(--warning)}.zb__span{top:0;bottom:0;background:color-mix(in oklab,var(--accent) 38%,transparent)}.zb__cursor,.zb__span{position:absolute;pointer-events:none}.zb__cursor{top:-2px;bottom:-2px;width:3px;margin-inline-start:-1px;background:var(--accent);box-shadow:0 0 0 2px var(--bg),0 0 14px var(--accent-soft);border-radius:2px}.zb__legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:var(--text-xs);color:var(--fg-muted)}.zb__legend li{display:flex;align-items:center;gap:6px}.zb__sw{width:14px;height:14px;border-radius:4px;border:1px solid var(--line-strong)}.zb__sw--work{background:color-mix(in oklab,var(--success) 34%,var(--surface))}.zb__sw--edge{background:color-mix(in oklab,var(--warning) 16%,var(--surface))}.zb__sw--night{background:color-mix(in oklab,var(--fg) 9%,var(--surface-2))}.zb__sw--ov{box-shadow:inset 0 0 0 2px var(--accent-fg)}.zb__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px;align-items:start}.zb__settings{gap:20px;padding:24px}.zb__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.zb__result{display:flex;flex-direction:column;gap:16px;min-width:0}.zb__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.zb__verdict{font-size:var(--text-sm);color:var(--fg-muted)}.zb__verdict.is-ok{color:var(--success);font-weight:600}@media (max-width:960px){.zb__controls,.zb__grid{grid-template-columns:minmax(0,1fr)}.zb__row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who ctl" "time time" "band band"}.zb__time{flex-direction:row;align-items:baseline;gap:10px}}@media (max-width:720px){.zb__band{height:48px}.zb__cell{font-size:9px}}@media (pointer:coarse){.zb__ctl .ui-iconbtn{min-width:44px;min-height:44px}.zb__when .ui-btn{min-height:44px}}@media (max-width:520px){.zb__fields,.zb__stats{grid-template-columns:minmax(0,1fr)}}