:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#eee9dd;--ink:#24231f}*{box-sizing:border-box}html,body,main{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--paper);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}body:after{content:"";pointer-events:none;opacity:.16;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");position:fixed;inset:0}.clock{touch-action:none;cursor:default;position:fixed;inset:0}.clock canvas{width:100%;height:100%;display:block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.corner{z-index:3;opacity:0;transition:opacity .35s;position:fixed;top:15px;right:16px}.corner.reveal,.corner:focus-within,.corner:hover{opacity:1}.gear{color:#4b493f;cursor:pointer;opacity:.68;background:0 0;border:0;width:30px;height:30px;font:18px/1 monospace}.panel{color:#35342e;letter-spacing:.04em;background:#eee9ddf0;border:1px solid #3e3b3140;width:210px;padding:14px 15px;font-size:11px;position:absolute;top:36px;right:0;box-shadow:0 8px 28px #322d221a}.panel label{grid-template-columns:1fr auto;align-items:center;gap:12px;margin:9px 0;display:grid}.panel input[type=range]{accent-color:#555146;width:82px}.panel select,.panel button{font:inherit;color:inherit;background:0 0;border:1px solid #37352d4d;border-radius:2px;padding:4px 6px}.panel .actions{gap:7px;margin-top:13px;display:flex}.hint{color:#5b584e;letter-spacing:.1em;opacity:0;pointer-events:none;font-size:10px;transition:opacity .5s;position:fixed;bottom:14px;left:17px}.hint.show{opacity:.55}.debug{z-index:4;color:#313029;white-space:pre;pointer-events:none;background:#eee9ddd6;padding:8px;font-size:10px;line-height:1.55;position:fixed;top:12px;left:12px}@media (max-width:600px){.corner{top:8px;right:8px}.panel{top:32px}.hint{bottom:9px;left:10px}}