*{box-sizing:border-box}body{margin:0;background:#e9e6df;color:#242521;font-family:Arial,sans-serif}canvas{position:fixed;inset:0;width:100%;height:100%}header{position:fixed;top:32px;left:36px;right:36px;display:flex;justify-content:space-between;font:11px monospace;letter-spacing:.16em}aside{position:fixed;bottom:36px;left:36px}#clock{font-size:clamp(40px,6vw,78px);font-weight:300;letter-spacing:-.065em;font-variant-numeric:tabular-nums}#date{margin-top:7px;font-size:13px}details{position:fixed;right:24px;bottom:24px;width:min(400px,calc(100% - 48px));padding:18px;background:#f9f8f2ed;border:1px solid #24252122;border-radius:12px}summary{cursor:pointer;font-size:14px}dl{display:grid;grid-template-columns:90px 1fr;gap:10px;font-size:12px;line-height:1.5}dd{margin:0;overflow-wrap:anywhere}dt{opacity:.6}.buttons{display:flex;flex-wrap:wrap;gap:6px}button{border:1px solid #24252133;background:transparent;padding:10px;border-radius:6px;color:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:default}p{font-size:11px;line-height:1.6;opacity:.7;margin-bottom:0}@media(max-width:600px){aside{top:70px;bottom:auto}}.history{position:static;width:auto;padding:10px 0 0;margin-top:10px;border:0;border-top:1px solid #24252122;border-radius:0;background:none}.history summary{font-size:11px}pre{font-size:10px;line-height:1.5;white-space:pre-wrap}body>details{max-height:calc(100vh - 100px);overflow-y:auto}