:root{--site-clock-height:54px;--site-clock-nav:0px}
#siteClock[hidden],.site-clock-sheet[hidden]{display:none!important}
#siteClock{box-sizing:border-box;position:fixed;left:0;right:0;bottom:var(--site-clock-nav);z-index:51;background:var(--surface);color:var(--text);border-top:2px solid var(--ok);padding:4px max(12px,env(safe-area-inset-left,0px)) 4px;font-family:var(--font-brand);box-shadow:0 -3px 16px color-mix(in srgb,var(--ink) 8%,transparent)}
body.site-clock-visible{padding-bottom:calc(var(--site-clock-height) + var(--site-clock-nav) + env(safe-area-inset-bottom,0px))}
body.site-clock-visible #tdBody .tactions{bottom:calc(var(--site-clock-height) + var(--site-clock-nav) + var(--safe-b) + 6px)}
body.site-clock-visible .today-time.running{display:none}
body.site-clock-visible #toast,body.site-clock-visible #nudge{bottom:calc(var(--site-clock-height) + var(--site-clock-nav) + env(safe-area-inset-bottom,0px) + 12px)}
#siteClock[data-kind=idle]{border-color:var(--faint)}#siteClock[data-kind=review]{border-color:var(--danger)}
.site-clock-main{display:flex;align-items:center;gap:10px;min-height:44px;max-width:760px;margin:auto}
.site-clock-copy{min-width:0;flex:1}.site-clock-title{font-size:14px;line-height:19px;letter-spacing:-.015em;font-weight:800}
.site-clock-context{display:flex;align-items:center;gap:7px;min-width:0}.site-clock-project{font-size:12px;line-height:17px;color:var(--muted);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-clock-sync{font-size:10px;line-height:17px;flex-shrink:0;font-weight:700;color:var(--muted)}#siteClock[data-warning=true] .site-clock-sync{color:var(--brand-800)}
.site-clock-action{min-height:44px;min-width:84px;flex-shrink:0;font:800 13px var(--font-brand);padding:8px 10px;border:1px solid var(--brand-700);border-radius:7px;background:var(--gold-grad);color:var(--surface);cursor:pointer}
.site-clock-action:disabled{opacity:.65;cursor:wait}.site-clock-action:focus-visible,.site-clock-recovery:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.site-clock-delivery{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.site-clock-recovery{display:block;min-height:44px;max-width:760px;width:100%;margin:6px auto 0;font:800 13px var(--font-brand);border:1px solid var(--danger);border-radius:6px;background:var(--danger-soft);color:var(--text);cursor:pointer}
.site-clock-recovery[hidden]{display:none}
.site-clock-sheet{font:700 12px/1.5 var(--font-brand);padding:6px 10px;margin-bottom:8px;border-left:3px solid var(--ok);background:var(--ok-soft);color:var(--text);overflow-wrap:anywhere}
.site-clock-sheet[data-kind=review]{border-color:var(--danger);background:var(--danger-soft)}
#pv .site-clock-sheet{position:absolute;top:calc(env(safe-area-inset-top,0px) + 8px);left:10px;right:64px;z-index:2;max-height:90px;overflow:auto}
body.site-clock-no-nav #siteClock{padding-bottom:calc(4px + env(safe-area-inset-bottom,0px))}