.desktop-clock{margin-top:24px;width:max-content;max-width:100%;padding:12px 14px 10px;border:1px solid var(--line);background:var(--paper);box-shadow:3px 3px 0 var(--shadow)}
.clock-label{display:flex;justify-content:space-between;gap:18px;margin-bottom:10px;color:var(--muted);font-size:7px;letter-spacing:1px}
#flap-clock{display:flex;align-items:center;gap:3px;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--flap-ink,#f7f5e9)}
.flap-digit{--flap-height:42px;position:relative;display:block;width:27px;height:var(--flap-height);perspective:180px;border-radius:3px;box-shadow:0 2px 0 rgba(0,0,0,.25);font-size:32px;font-weight:500;line-height:var(--flap-height);text-align:center}
.flap-digit>span{position:absolute;left:0;width:100%;height:50%;overflow:hidden;backface-visibility:hidden;background:var(--flap-top,#30352e)}
.flap-digit>span>span{display:block;height:var(--flap-height);line-height:var(--flap-height)}
.flap-top,.flap-leaf-top{top:0;border-radius:3px 3px 0 0;border-bottom:1px solid var(--flap-seam,#141711)}
.flap-bottom,.flap-leaf-bottom{bottom:0;border-radius:0 0 3px 3px;background:var(--flap-bottom,#3a4036)!important}
.flap-bottom>span,.flap-leaf-bottom>span{transform:translateY(-50%)}
.flap-leaf-top{transform-origin:center bottom;z-index:2;visibility:hidden}
.flap-leaf-bottom{transform-origin:center top;transform:rotateX(90deg);z-index:3;visibility:hidden}
.flipping .flap-leaf-top{visibility:visible;animation:flap-upper .27s ease-in forwards}
.flipping .flap-leaf-bottom{visibility:visible;animation:flap-lower .27s .27s ease-out forwards}
.flap-colon{color:var(--muted);font-size:22px;padding:0 1px;line-height:42px}
@keyframes flap-upper{to{transform:rotateX(-90deg)}}
@keyframes flap-lower{to{transform:rotateX(0)}}
:root{color-scheme:light}.night{color-scheme:dark}
body{color:var(--ink);background:var(--desk)}
input{color:var(--ink);caret-color:var(--accent)}input::placeholder{color:var(--muted);opacity:1}
button:disabled{color:var(--muted)}
.night .wallpaper{opacity:.55}.night .folder:hover,.night .folder:focus-visible{background:var(--paper)}
.night .thumbnail{background:var(--desk)}
@media(max-width:600px){.desktop-clock{margin-top:17px;padding:10px 12px}.clock-label{margin-bottom:8px}.desktop-folders{padding-top:320px}.window,.window.maximized{top:445px!important}.window.maximized{top:60px!important}#desktop{min-height:1010px}}
@media(prefers-reduced-motion:reduce){.flipping .flap-leaf-top,.flipping .flap-leaf-bottom{animation:none;visibility:hidden}}