.tz-current {display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}
.tz-current > .panel {margin:0;min-width:0}
.tz-current h2 {font-size:clamp(1.2rem,2.3vw,1.8rem);overflow-wrap:anywhere}
.tz-controls {display:flex;flex-wrap:wrap;align-items:end;gap:16px}
.tz-controls label {display:grid;gap:8px;font-size:.9rem;flex:1 1 160px}
.tz-navigation {display:flex;flex-wrap:wrap;gap:8px}
.tz-rows {list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}
.tz-row {display:grid;grid-template-columns:145px 1fr;gap:12px;border:1px solid #51462f;padding:14px;background:#141416;align-items:center}
.tz-row time {font-variant-numeric:tabular-nums;font-size:.88rem;color:#c9bda8}
.tz-row strong {overflow-wrap:anywhere}
.tz-row small {display:block;color:#bdb3a5;margin-top:4px}
.tz-row[data-current=true] {border-color:#d7b366;background:#30231b}
.tz-controls .btn:disabled {opacity:.45;cursor:not-allowed}
@media(max-width:800px){.tz-current,.tz-rows{grid-template-columns:1fr}.tz-navigation{width:100%}.tz-row{grid-template-columns:130px 1fr}}
@media(prefers-reduced-motion:reduce){.tz-controls *{transition:none!important}}