:root{color-scheme:dark;font-family:Arial,'Noto Sans KR','Malgun Gothic',sans-serif;background:#000;color:#fff}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:#000}body{min-height:100vh;min-height:100dvh}.clock{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:35px 20px 115px;text-align:center;gap:24px}.date{font-size:clamp(16px,3.2vw,48px);font-weight:400;letter-spacing:.06em;line-height:1.5}.time{font-size:clamp(42px,15.5vw,260px);font-weight:400;line-height:1.1;letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap}.controls{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:0;right:0;display:flex;align-items:center;flex-direction:column;padding:0 16px;gap:8px}button{font:inherit;font-size:12px;background:#000;color:#fff;border:1px solid #777;border-radius:5px;padding:11px 19px;cursor:pointer}button:hover{border-color:#fff;background:#171717}button:focus-visible{outline:2px solid #fff;outline-offset:5px}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}#status{margin:0;font-size:11px;text-align:center;line-height:1.5;max-width:600px}#status:empty{display:none}.no-script{position:fixed;bottom:80px;left:20px;right:20px;text-align:center;font-size:13px}html:fullscreen,html:-webkit-full-screen{background:#000}@media(max-height:450px){.clock{gap:10px;padding-bottom:80px}.date{font-size:clamp(14px,5vh,25px)}.time{font-size:min(15.5vw,38vh)}.controls{bottom:12px}button{padding:8px 15px}}