:root{--bg: #ffffff;--text: #16181d;--muted: #5f6774;--border: #d9dde4;--field-bg: #ffffff;--btn-bg: #1b1f27;--btn-text: #ffffff;--btn-bg-active: #343b47;--good: #12703a;--bad: #b3221d;--focus: #2563eb;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #0d0f14;--text: #e9ebef;--muted: #9aa3b2;--border: #2c313b;--field-bg: #151922;--btn-bg: #e9ebef;--btn-text: #0d0f14;--btn-bg-active: #b9bfca;--good: #52d68a;--bad: #ff8b84;--focus: #7aa7ff}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:1.5rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom));background:var(--bg);color:var(--text);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;-webkit-user-select:none;user-select:none}.app{width:100%;max-width:24rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center}.title{margin:0;font-size:1.0625rem;font-weight:600;letter-spacing:.01em;color:var(--muted)}.clock{margin:0;font-family:Pretendard,ui-monospace,SF Mono,Cascadia Mono,Segoe UI Mono,monospace;font-variant-numeric:tabular-nums;font-size:clamp(2.25rem,11vw,3.25rem);font-weight:600;letter-spacing:.01em;line-height:1.1;min-height:1.1em}.apply{width:100%;padding:1.0625rem 1rem;border:0;border-radius:.75rem;background:var(--btn-bg);color:var(--btn-text);font:inherit;font-size:1.25rem;font-weight:600;letter-spacing:.08em;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color 90ms ease}.apply:hover,.apply:active{background:var(--btn-bg-active)}.result{margin:0;min-height:1.5em;font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums;transition:opacity .2s ease}.result.is-stale{opacity:.45}.result.is-good{color:var(--good)}.result.is-bad{color:var(--bad)}.result.is-neutral{color:var(--muted)}.settings{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem .875rem;font-size:.9375rem;color:var(--muted)}.field{display:inline-flex;align-items:center;gap:.4375rem}.settings input[type=number]{width:4.75rem;padding:.375rem .5rem;border:1px solid var(--border);border-radius:.5rem;background:var(--field-bg);color:var(--text);font:inherit;font-variant-numeric:tabular-nums;text-align:center}.rate{font-variant-numeric:tabular-nums}.toggle{display:inline-flex;align-items:center;gap:.4375rem;font-size:.9375rem;color:var(--muted);cursor:pointer}.toggle input{width:1rem;height:1rem;margin:0;accent-color:var(--focus);cursor:pointer}.stats{margin:0;min-height:1.4em;font-size:.875rem;font-variant-numeric:tabular-nums;color:var(--muted)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast: more){.result.is-stale{opacity:1}}