@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:#0d0d0d}#timer{min-height:100vh;padding:1.75rem 1.5rem;font-family:DM Mono,monospace;transition:background .4s,color .4s}.setup{padding-bottom:2rem}.clock{flex-direction:column;justify-content:center;min-height:100vh;display:flex}.micro{letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:400}.quick-row{flex-wrap:wrap;gap:8px;margin-bottom:.5rem;display:flex}.qt{letter-spacing:.07em;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:6px 13px;font-family:DM Mono,monospace;font-size:11px;transition:all .15s}.input-row{align-items:center;gap:8px;margin-bottom:.5rem;display:flex}.ti-input{text-align:center;background:0 0;border:1px solid #0000;border-radius:4px;width:72px;padding:8px;font-family:DM Mono,monospace;font-size:14px}.ti-input:disabled{opacity:.3;cursor:not-allowed}.ti-sep{opacity:.3;font-size:18px}.warn{height:16px;margin-bottom:.75rem;font-size:11px}.divider{border:none;border-top:1px solid #0000;margin:1rem 0}.palette-row{flex-wrap:wrap;gap:8px;display:flex}.pal-swatch{cursor:pointer;letter-spacing:.06em;border:1px solid #0000;border-radius:4px;align-items:center;gap:7px;padding:5px 10px;font-family:inherit;font-size:11px;transition:all .15s;display:flex}.pal-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.font-row{align-items:center;gap:16px;margin-top:1rem;display:flex}.font-sel{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;flex-shrink:0;width:180px;padding:8px;font-family:DM Mono,monospace;font-size:14px}.font-preview{letter-spacing:-.01em;white-space:nowrap;opacity:.85;flex-shrink:0;font-size:22px;font-weight:300;line-height:1;transition:font-family .15s}.set-btn{letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:1px solid #0000;border-radius:4px;margin:1.25rem auto 0;padding:10px 36px;font-family:DM Mono,monospace;font-size:12px;transition:all .15s;display:block}.set-btn:disabled{opacity:.28;cursor:default}.clock-face{text-align:center;margin-bottom:2rem}.digits{letter-spacing:-.02em;font-size:clamp(52px,14vw,92px);font-weight:300;line-height:1;transition:font-family .2s,color .3s}.digits.fin{animation:1.1s ease-in-out infinite blink-fin}@keyframes blink-fin{0%,to{opacity:1}50%{opacity:.35}}.active .colon{animation:1s step-start infinite wink}@keyframes wink{50%{opacity:0}}.bar-wrap{border-radius:1px;height:2px;margin:1.5rem 0 .5rem;overflow:hidden}.bar-fill{border-radius:1px;height:100%;transition:width .6s linear,background .4s}.ctrl-row{justify-content:center;gap:10px;display:flex}.ctrl{letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:9px 26px;font-family:DM Mono,monospace;font-size:11px;transition:all .15s}.ctrl:disabled{opacity:.22;cursor:default}.status{text-align:center;letter-spacing:.2em;text-transform:uppercase;height:14px;margin-top:.5rem;font-size:10px}.back-link{text-align:center;letter-spacing:.1em;cursor:pointer;text-transform:uppercase;background:0 0;border:none;width:100%;margin-top:2rem;font-family:DM Mono,monospace;font-size:11px;transition:opacity .15s;display:block}.back-link:hover{text-decoration:underline}.clear-btn{letter-spacing:.07em;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:6px 13px;font-family:DM Mono,monospace;font-size:11px;transition:all .15s}.light-scheme .ti-input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.dark-scheme .ti-input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:focus-visible{outline-offset:3px;border-radius:2px;outline:2px solid}fieldset{border:none;min-width:0;margin:0;padding:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}