.hf-h3-day-banner{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:10px 10px 12px;padding:11px 12px;border:1px solid var(--w,#f5c75f);border-radius:12px;background:rgba(245,199,95,.12);position:relative;z-index:35}
.hf-h3-day-banner[hidden]{display:none}.hf-h3-day-banner>div{display:flex;flex-direction:column;gap:2px}.hf-h3-day-banner b{font-size:12px}.hf-h3-day-banner span{font-size:11px;color:var(--m,#9fb0c9)}
.hf-h3-viewer-note{margin:8px 0;padding:8px 10px;border:1px solid var(--line,#293a59);border-radius:10px;font-size:11px;color:var(--m,#9fb0c9)}
.hf-h3-readonly{opacity:.58;cursor:not-allowed!important}
@media(max-width:760px){.hf-h3-day-banner{align-items:stretch;flex-direction:column}.hf-h3-day-banner .btn{width:100%}}

.hf-h3-clock{display:flex;align-items:baseline;gap:6px;flex:0 0 auto;white-space:nowrap;padding:7px 9px;border:1px solid rgba(68,126,186,.42);border-radius:10px;background:rgba(9,31,55,.55);color:var(--t,#f1f6ff);font-variant-numeric:tabular-nums;line-height:1}
.hf-h3-clock-date{font-size:10px;color:var(--m,#9fb0c9);font-weight:750}.hf-h3-clock-time{font-size:12px;letter-spacing:.01em}.hf-h3-clock-zone{font-size:9px;color:#6caef2;font-weight:800}.hf-h3-clock-sep::before{content:"•";font-size:9px;color:#4d6f94}
@media(max-width:1260px) and (min-width:1024px){.hf-h3-clock{padding:6px 7px;gap:5px}.hf-h3-clock-zone{display:none}}
@media(max-width:1023px){.hf-h3-clock{margin-left:auto;padding:6px 8px;gap:5px}.hf-h3-clock-weekday,.hf-h3-clock-zone{display:none}.hf-h3-clock-date,.hf-h3-clock-time{font-size:10px}}
@media(max-width:430px){.hf-h3-clock{display:grid;grid-template-columns:auto;gap:3px;text-align:right;border:0;background:transparent;padding:3px 0 3px 6px}.hf-h3-clock-sep{display:none}.hf-h3-clock-date,.hf-h3-clock-time{font-size:10px}.hf-h3-clock-time{font-weight:900}}