.clock-page{color:#24211d;background:#efe7d4;min-height:100vh;padding:2rem 1rem 4rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.clock-shell{width:min(1080px,100%);margin:0 auto}.clock-title{margin-bottom:1.5rem}.clock-kicker{color:#a43a25;letter-spacing:.12em;font-size:.72rem;font-weight:1000}.clock-title h1{letter-spacing:-.06em;margin:.15rem 0 .35rem;font:1000 clamp(2.7rem,7vw,5.5rem)/.92 system-ui,sans-serif}.clock-title p{margin:0;font-size:.85rem}.clock-title strong{color:#a43a25}.clock-workbench{grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);align-items:start;gap:1.2rem;display:grid}.clock-appliance{color:#e8e1d0;background:linear-gradient(145deg,#434542,#242625 60%,#191a19);border:4px solid #1d1e1e;border-radius:28px 28px 15px 15px;min-height:470px;padding:2rem clamp(1rem,5vw,3.2rem);position:relative;box-shadow:0 14px #121313,0 22px 28px #2b221947}.clock-brand{color:#b8b4a9;letter-spacing:.22em;text-align:center;margin-bottom:1rem;font:900 .72rem system-ui,sans-serif}.clock-brand small{color:#d05a3f}.clock-screw{color:#323331;text-align:center;background:#72736e;border-radius:50%;width:24px;height:24px;line-height:22px;position:absolute;box-shadow:inset 2px 2px 4px #a2a29d}.screw-a{top:18px;left:18px}.screw-b{top:18px;right:18px}.clock-display-wrap{background:#080a08;border:5px solid #111;border-radius:11px;padding:1rem 1rem .7rem;box-shadow:inset 0 0 25px #000}.clock-display{color:#ff4b36;letter-spacing:-.08em;text-shadow:0 0 8px #ff2a16,0 0 22px #ff2a1699;justify-content:center;font:800 clamp(3.6rem,12vw,7.8rem)/.86 Courier New,monospace;display:flex}.clock-display i{margin:0 .02em;font-style:normal;animation:1s step-end infinite clock-blink}.clock-appliance.is-saved .clock-display i,.clock-appliance.is-complete .clock-display i{animation:none}.clock-appliance.is-saved .clock-display{animation:.48s ease-in-out infinite alternate clock-saved}.clock-led{color:#aaa69c;letter-spacing:.12em;margin-top:.65rem;font-size:.58rem}.clock-led i{background:#ff4b36;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block;box-shadow:0 0 8px #ff4b36}.clock-controls{grid-template-columns:1fr 1fr 1.35fr;gap:.65rem;margin-top:1.4rem;display:grid}.clock-controls button,.clock-recall,.clock-certificate button{color:#fff;cursor:pointer;background:#666862;border:0;border-bottom:7px solid #0d0e0d;border-radius:9px;min-height:64px;font:900 .67rem ui-monospace,monospace;box-shadow:inset 0 3px #858781}.clock-controls button span{font-size:1.1rem;display:block}.clock-controls .clock-set{background:#a43a25}.clock-controls button:active:not(:disabled),.clock-recall:active{border-bottom-width:3px;transform:translateY(4px)}.clock-controls button:disabled{cursor:wait;opacity:.46}.clock-recall{color:#1e1d18;background:#e6c551;border-bottom-width:4px;width:100%;min-height:42px;margin-top:.7rem}.clock-status{color:#e6c551;min-height:2.8rem;margin:1rem 0 .7rem;font-size:.73rem;line-height:1.45}.clock-warning{color:#8e8e87;text-align:center;border-top:1px solid #666;padding-top:.7rem;font-size:.52rem}.clock-receipt{background:#fffdf5;border:1px solid #c9bfa7;padding:1.25rem 1rem 1.6rem;font-size:.68rem;position:relative;box-shadow:6px 7px #d2c4a6}.clock-receipt:after{content:"";background:linear-gradient(135deg,#0000 6px,#fffdf5 0) 0 0/12px 12px repeat-x;height:9px;position:absolute;bottom:-8px;left:0;right:0}.clock-receipt-head{text-align:center;border-bottom:2px dashed #746d60;padding-bottom:.8rem;font-weight:1000}.clock-receipt p{justify-content:space-between;gap:.7rem;margin:.8rem 0;display:flex}.clock-event-list{border-block:1px dashed #aaa08c;padding:.4rem 0}.clock-event-list div{color:#aaa08c;grid-template-columns:24px 1fr;gap:.4rem;padding:.45rem 0;display:grid}.clock-event-list div.is-stamped{color:#a43a25;font-weight:900}.clock-receipt>small{color:#777064;margin-top:1rem;line-height:1.5;display:block}.clock-certificate{color:#a43a25;text-align:center;border:3px double #a43a25;margin-top:1rem;padding:.8rem;transform:rotate(-1deg)}.clock-certificate b,.clock-certificate span,.clock-certificate strong{display:block}.clock-certificate b{font-size:1.45rem}.clock-certificate span{margin-top:.35rem;font-size:.58rem}.clock-certificate strong{margin-top:.2rem}.clock-certificate button{background:#a43a25;border-bottom-width:3px;min-height:38px;margin-top:.7rem;font-size:.55rem}.clock-back{color:#24211d;margin-top:1.8rem;font-weight:900;display:inline-block}.clock-page button:focus-visible,.clock-back:focus-visible{outline-offset:3px;outline:4px solid #168ea1}@keyframes clock-blink{50%{opacity:.18}}@keyframes clock-saved{to{filter:brightness(1.5)}}@media (max-width:760px){.clock-page{padding-top:1.2rem}.clock-workbench{grid-template-columns:1fr}.clock-appliance{min-height:430px;padding-inline:1rem}.clock-controls{gap:.4rem}.clock-receipt{margin-bottom:1rem}}@media (max-width:390px){.clock-controls button{min-height:58px;font-size:.58rem}.clock-display{font-size:3.4rem}}@media (prefers-reduced-motion:reduce){.clock-display i,.clock-appliance.is-saved .clock-display{animation:none}.clock-controls button:active:not(:disabled),.clock-recall:active{transform:none}}