*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark;--color-blue: #0047ff;--color-red: #f0362b;--color-yellow: #ffc42b;--color-paper: #fffbf2;--color-ink: #14141a;--font-display: ui-rounded, "SF Pro Rounded", system-ui, -apple-system, sans-serif}@media(prefers-color-scheme:dark){:root{--color-paper: #14141a;--color-ink: #fffbf2}}body{min-height:100dvh}.page{max-width:80ch;margin-inline:auto;padding:2rem}.clock-page{display:flex;min-height:100dvh;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1rem,3vw,1.75rem);padding:clamp(1.5rem,5vw,3rem);background-color:var(--color-paper);color:var(--color-ink);text-align:center}.clock-page__title{margin:0;font-family:var(--font-display);font-size:clamp(2rem,6vw,3.25rem);font-weight:800;letter-spacing:-.02em}.clock-page__title-word--loud{color:var(--color-red)}.clock-page__title-word--clock{color:var(--color-blue)}.analog-clock{width:clamp(200px,45vw,320px);height:auto;overflow:visible}.analog-clock__face{fill:var(--color-paper);stroke:var(--color-ink);stroke-width:6}.analog-clock__tick{stroke:var(--color-ink);stroke-width:3;stroke-linecap:round}.analog-clock__tick--major{stroke:var(--color-red);stroke-width:5}.analog-clock__hand{transform-origin:100px 100px;stroke-linecap:round;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.analog-clock__hand--hour{stroke:var(--color-ink);stroke-width:8}.analog-clock__hand--minute{stroke:var(--color-blue);stroke-width:6}.analog-clock__hand--second{stroke:var(--color-red);stroke-width:3}.analog-clock__pivot{fill:var(--color-yellow);stroke:var(--color-ink);stroke-width:3}.clock-page__digital{margin:0;border:6px solid var(--color-ink);border-radius:28px;background-color:var(--color-yellow);padding:.3em .7em;color:var(--color-ink);font-family:var(--font-display);font-size:clamp(2.5rem,11vw,5.5rem);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.01em;box-shadow:8px 8px 0 var(--color-ink)}.clock-page__date{margin:0;font-size:clamp(1rem,2.5vw,1.35rem);font-weight:700}.clock-page__toggle{font:inherit;cursor:pointer;border:4px solid var(--color-ink);border-radius:999px;background-color:var(--color-blue);box-shadow:5px 5px 0 var(--color-ink);color:var(--color-paper);font-size:clamp(.9rem,2vw,1.05rem);font-weight:700;padding:.6em 1.4em;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease}.clock-page__toggle:hover{transform:translate(-2px,-2px) scale(1.03);box-shadow:7px 7px 0 var(--color-ink)}.clock-page__toggle:active{transform:translate(1px,1px) scale(.97);box-shadow:3px 3px 0 var(--color-ink)}