.time-lab{--sync-bg:#f7f7f7;--sync-panel:#fff;--sync-panel-strong:#ececec;--sync-text:#262626;--sync-muted:#666;--sync-accent:#177a5f;--sync-accent-fill:#1b8a6b29;--sync-alert:#cf3f4f;--sync-alert-fill:#cf3f4f24;--sync-line:#d8d8d8;background:var(--sync-bg);min-height:calc(100vh - 140px);color:var(--sync-text);padding:2rem 1rem 4rem}.time-lab__inner{max-width:1120px;margin:0 auto}.time-lab__header{gap:.75rem;margin-bottom:1.5rem;display:grid}.time-lab__eyebrow{color:var(--sync-accent);letter-spacing:0;text-transform:uppercase;font-size:.82rem;font-weight:700}.time-lab__title{color:var(--sync-text);font-size:4rem;font-weight:800;line-height:1}.time-lab__lede{max-width:760px;color:var(--sync-muted);font-size:1.05rem;line-height:1.7}.clock-stage{gap:1rem;margin-top:1.5rem;display:grid}.clock-controls{border:1px solid var(--sync-line);background:var(--sync-panel);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem;display:flex}.clock-controls__group{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.clock-button{border:1px solid var(--sync-text);background:var(--sync-text);color:var(--sync-panel);cursor:pointer;font:inherit;border-radius:6px;padding:.65rem .9rem;font-weight:700}.clock-button.secondary{color:var(--sync-text);background:0 0}.clock-button.is-active{border-color:var(--sync-accent);background:var(--sync-accent);color:var(--sync-panel)}.clock-metric{min-width:150px}.clock-metric__label{color:var(--sync-muted);text-transform:uppercase;font-size:.75rem;font-weight:700;display:block}.clock-metric__value{color:var(--sync-text);font-size:1.2rem;font-weight:800;display:block}.clock-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:.3rem;display:grid}.clock-tile{--phase:0;--drift-color:var(--sync-accent);--drift-fill:var(--sync-accent-fill);aspect-ratio:1/.78;border:1px solid var(--sync-line);background:linear-gradient(90deg, var(--drift-fill) calc(var(--phase) * 100%), transparent 0), var(--sync-panel);color:var(--sync-text);border-radius:6px;grid-template-rows:auto 1fr auto;gap:.25rem;min-height:80px;padding:.4rem;transition:background-color .12s,border-color .12s,transform .12s;display:grid;position:relative}.clock-tile.is-blinking{background:linear-gradient(90deg, var(--drift-fill) calc(var(--phase) * 100%), transparent 0), var(--sync-panel-strong);border-color:var(--drift-color);transform:translateY(-2px)}.clock-tile__top,.clock-tile__bottom{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.clock-tile__name{font-size:.72rem;font-weight:800}.clock-tile__rate{color:var(--sync-muted);font-size:.64rem;font-weight:700}.clock-tile__time{color:var(--sync-text);font-variant-numeric:tabular-nums;align-self:center;font-size:1.35rem;font-weight:900;line-height:1}.clock-tile__offset{color:var(--sync-muted);font-variant-numeric:tabular-nums;font-size:.64rem;font-weight:700}.clock-tile__dot{border:1px solid var(--drift-color);background:0 0;border-radius:50%;width:.55rem;height:.55rem}.clock-tile.is-blinking .clock-tile__dot{background:var(--drift-color)}.time-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem;display:grid}.time-note{border-top:2px solid var(--sync-line);padding-top:.8rem}.time-note h2{color:var(--sync-text);margin-bottom:.35rem;font-size:1rem;font-weight:800}.time-note p{color:var(--sync-muted);line-height:1.65}.time-writeup{border-top:1px solid var(--sync-line);max-width:860px;margin-top:2rem;padding-top:1.5rem}.time-writeup h2{color:var(--sync-text);margin-bottom:.75rem;font-size:1.35rem;font-weight:800}.time-writeup h3{color:var(--sync-text);margin:1rem 0 .25rem;font-size:1rem;font-weight:800}.time-writeup p{color:var(--sync-muted);margin-bottom:.75rem;line-height:1.7}@keyframes soft-tint{0%,to{background-color:light-dark(#ffc000cc,#784e14cc)}50%{background-color:light-dark(#ffc0004d,#784e144d)}}.clock-button.is-awaiting-click{animation:2.5s ease-in-out infinite soft-tint}@media (width<=1024px){.time-lab{padding:1.5rem .75rem 4rem}.time-lab__title{font-size:3.2rem}.clock-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.25rem}}@media (width<=780px){.time-lab{padding:1rem .75rem 2rem}.time-lab__title{font-size:2.8rem}.time-lab__lede{font-size:1rem}.clock-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem}.clock-tile{min-height:70px;padding:.3rem}.clock-tile__time{font-size:1.15rem}.time-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.time-note h2{font-size:.95rem}.time-note p{font-size:.9rem}}@media (width<=640px){.time-lab{min-height:calc(100vh - 100px);padding:.75rem .5rem 2rem}.time-lab__title{margin-bottom:.5rem;font-size:2rem}.time-lab__eyebrow{font-size:.75rem}.time-lab__lede{font-size:.95rem;line-height:1.6}.clock-controls{flex-direction:column;align-items:stretch;gap:.5rem;padding:.75rem .6rem}.clock-controls__group{justify-content:flex-start;width:100%}.clock-button{flex:1;min-height:42px;padding:.55rem .65rem;font-size:.84rem}.clock-metric{flex:1;min-width:auto}.clock-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.12rem}.clock-tile{min-height:52px;padding:.22rem}.clock-tile__name{font-size:.62rem}.clock-tile__time{font-size:.92rem}.clock-tile__rate,.clock-tile__offset{font-size:.55rem}.time-notes{grid-template-columns:1fr}.time-note{border-top:1px solid var(--sync-line);padding-top:.6rem}.time-note h2{margin-bottom:.25rem;font-size:.9rem}.time-note p{font-size:.85rem;line-height:1.6}.time-writeup{margin-top:1.5rem;padding-top:1rem}.time-writeup h2{margin-bottom:.5rem;font-size:1.15rem}.time-writeup h3{margin:.75rem 0 .15rem;font-size:.95rem}.time-writeup p{margin-bottom:.6rem;font-size:.9rem;line-height:1.65}}@media (width<=400px){.time-lab__title{font-size:1.55rem}.time-lab__eyebrow{font-size:.7rem}.clock-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.12rem}.clock-tile{aspect-ratio:1/.85;min-height:50px;padding:.22rem}.clock-tile__name{font-size:.6rem}.clock-tile__time{font-size:.88rem}.clock-tile__rate,.clock-tile__offset{font-size:.5rem}.clock-button{padding:.5rem .55rem;font-size:.82rem}}.time-lab{--sync-bg:var(--bg);--sync-panel:light-dark(#fff,#0e0e0e);--sync-panel-strong:light-dark(#ececec,#171717);--sync-text:light-dark(#262626,#c9c9c9);--sync-muted:light-dark(#666,#858585);--sync-accent:light-dark(#177a5f,#3aa98a);--sync-accent-fill:light-dark(#1b8a6b29,#3aa98a29);--sync-alert:light-dark(#cf3f4f,#ff8090);--sync-alert-fill:light-dark(#cf3f4f24,#ff809024);--sync-line:light-dark(#d8d8d8,#242424)}