/* The archive clock belongs to the same Aqua window system as the desktop. */
#home #desk-time-machine{top:140px;left:auto;right:10%;width:340px;border-radius:8px 8px 4px 4px;rotate:0deg}
.time-machine-body{padding:12px;color:var(--paper-text,#e6f3f6);font:12px/1.4 Tahoma,sans-serif}
.time-machine-dial{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 0 12px}
.time-machine-year{display:block;padding:5px 9px;border:1px solid var(--paper-edge,#56727c);border-radius:5px;background:linear-gradient(#061118 49%,#31414b 50%,#09151d 53%);box-shadow:inset 0 2px 5px #0008,0 1px #fff2;color:#f1f9fc;font:500 27px/1.2 'IBM Plex Mono',monospace;letter-spacing:1px;white-space:nowrap;font-variant-numeric:tabular-nums}
.time-machine-years{display:flex;gap:0;flex-wrap:wrap;justify-content:flex-end}
.time-machine-years button{border:1px solid var(--paper-edge,#627583);background:var(--paper-inset,#122a36);color:var(--paper-text,#e6f3f6);padding:6px 7px;font:11px Tahoma,sans-serif;min-height:32px}
.time-machine-years button:first-child{border-radius:6px 0 0 6px}.time-machine-years button:last-child{border-radius:0 6px 6px 0}.time-machine-years button+button{margin-left:-1px}
.time-machine-years button[aria-pressed=true]{position:relative;z-index:1;background:linear-gradient(var(--selected-top,#87d3e4),var(--selected-mid,#236a8e) 48%,var(--selected-end,#6babc8));color:var(--paper-text,#fff);text-shadow:0 1px 2px #000;box-shadow:inset 0 1px #ffffff66;border-color:var(--paper-accent,#a1dbe5)}
.time-machine-preview{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:1px solid var(--paper-edge,#56727c);border-radius:3px;overflow:hidden;background:#04090b;color:#fff}
.time-machine-preview img{display:block;width:100%;height:100%;object-fit:cover}
.time-machine-preview-kind{position:absolute;left:7px;top:7px;background:#071018cb;color:#fff;border-radius:3px;padding:3px 6px;font:9px/1.2 Tahoma,sans-serif}
.time-machine-preview-play{position:absolute;inset:auto 9px 9px auto;display:grid;place-items:center;width:32px;height:32px;padding-left:2px;border:1px solid #e4faff99;border-radius:50%;background:linear-gradient(#ebf9ffbb,#34596ddb 55%,#172e3ad9);color:white;text-shadow:0 1px #071018;box-shadow:0 2px 4px #0008}
.time-machine-caption{display:flex;flex-direction:column;gap:3px;padding:11px 1px 12px;min-height:61px}
.time-machine-caption strong{font-size:14px;font-weight:600;line-height:1.3}.time-machine-caption>span{font-size:11px;color:var(--paper-muted,#bfd1d9)}
.time-machine-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.time-machine-actions button{font:11px/1.3 Tahoma,sans-serif;min-height:34px;border:1px solid var(--paper-edge,#56727c);border-radius:6px;padding:6px;background:linear-gradient(var(--metal-top,#ddeaf0),var(--metal-mid,#a8bac5) 45%,var(--metal-end,#7e949f) 55%,var(--metal-mid,#b7c8d1));color:var(--metal-ink,#122c39);box-shadow:inset 0 1px #ffffff80,0 1px 2px #0004}
.time-machine-actions button:active{box-shadow:inset 0 1px 4px #0008}
.time-machine-status{margin:11px -12px -12px;padding:6px 10px;border-top:1px solid var(--paper-edge,#456677);color:var(--paper-muted,#bfd1d9);font-size:10px;background:var(--paper-inset,#102431)}
#desk-time-machine :is(button,a):focus-visible{outline:2px solid var(--paper-accent,#b4e8f4);outline-offset:3px}
@media(min-width:901px){#home .desktop-icons{gap:8px}#home .desktop-icons>button{min-height:60px}}
@media(max-width:900px) and (min-width:621px){#home #desk-time-machine{top:175px;right:4%;width:320px}}
@media(max-width:620px){
 #home .portal-collage .web-desktop{padding-top:365px}
 #home #desk-time-machine{position:relative;top:auto;right:auto;left:auto;width:100%;max-width:100%;order:-1;margin:0;rotate:0deg}
 .time-machine-preview{aspect-ratio:16/9}
 .time-machine-years button{min-height:36px;padding:7px 8px}
}
@media(prefers-reduced-motion:reduce){.time-machine-shortcut svg{transition:none}}
.motion-off .time-machine-shortcut svg{transition:none}