.hb-main{text-align: center;padding-block: 28px}.hb-label{margin: 0;font-size: 0.95rem;font-weight: 600;color: var(--text-3)}.hb-clock{display: block;margin: 6px 0 4px;font-size: clamp(3.2rem,15cqi,7.5rem);font-weight: 800;line-height: 1;letter-spacing: -0.03em;color: var(--text)}.hb-date{margin: 0;font-size: 1.15rem;font-weight: 600;color: var(--text-2)}.hb-sync{margin: 12px auto 0;max-width: 46ch;font-size: 0.9rem;color: var(--text-3)}.hb-sync.is-ok{color: var(--success)}.hb-sync.is-warn{color: var(--warning);font-weight: 600}.hb-actions{justify-content: center;margin-top: 14px}.hb-main:fullscreen{display: flex;flex-direction: column;justify-content: center;background: var(--bg,#fff);border-radius: 0}.hb-main:fullscreen .hb-clock{font-size: 22vw}.hb-main:fullscreen .hb-date{font-size: 3vw}.hb-main:fullscreen .hb-actions .btn:not(#hb-full){display: none}.hb-zones{list-style: none;margin: 0;padding: 0;display: grid;gap: 2px}.hb-zones li{display: flex;justify-content: space-between;align-items: center;gap: 12px;padding: 10px 2px;border-bottom: 1px solid var(--border)}.hb-zones li:last-child{border-bottom: 0}.hb-zones li>div{display: flex;flex-direction: column;min-width: 0}.hb-zones .hint{margin: 0;font-size: 0.82rem}.hb-zt{text-align: right;align-items: flex-end;flex-shrink: 0}.hb-zt .tabular{font-size: 1.35rem;font-weight: 700}@container (min-width: 640px){.hb-world{grid-template-columns: 1fr 1fr;column-gap: 28px}}