:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;background:var(--lightningcss-light,#f4f1e8)var(--lightningcss-dark,#202420);font-family:Arial,Malgun Gothic,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}*{box-sizing:border-box}[hidden]{display:none!important}#daily-clock{--dc-paper:var(--lightningcss-light,#faf7ef)var(--lightningcss-dark,#272b28);--dc-ink:var(--lightningcss-light,#41483e)var(--lightningcss-dark,#e4e7dc);--dc-muted:var(--lightningcss-light,#687160)var(--lightningcss-dark,#b7bead);--dc-line:var(--lightningcss-light,#d9decd)var(--lightningcss-dark,#4c554a);--dc-surface:var(--lightningcss-light,#f0eee3)var(--lightningcss-dark,#323832);--dc-active:var(--lightningcss-light,#edf1e4)var(--lightningcss-dark,#424d3d);--dc-green:var(--lightningcss-light,#4d6b40)var(--lightningcss-dark,#c2d7ad);--dc-hour:var(--lightningcss-light,#9b6b46)var(--lightningcss-dark,#e0b38d);--dc-minute:var(--lightningcss-light,#587766)var(--lightningcss-dark,#b1c9b2);background:var(--dc-paper);width:min(100% - 32px,880px);color:var(--dc-ink);border-radius:22px;margin:40px auto;padding:25px 30px 28px}.dc-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.dc-brand{letter-spacing:2.1px;color:var(--dc-muted);margin:0 0 7px;font-size:10px}.dc-brand a{color:inherit;text-decoration:none}.dc-brand a:hover{text-underline-offset:3px;text-decoration:underline}.dc-header h1{margin:0;font:400 25px/1.2 Georgia,serif}.dc-lessons{color:var(--dc-muted);flex-wrap:wrap;gap:18px;font-size:12px;display:flex}.dc-lessons a{color:inherit;align-items:center;min-height:44px;text-decoration:none;display:flex}.dc-lessons a[aria-current],.dc-lessons a:hover{color:var(--dc-ink);text-underline-offset:8px;text-decoration:underline;-webkit-text-decoration-color:var(--dc-line);text-decoration-color:var(--dc-line)}.dc-exercise{text-align:center}.dc-progress{letter-spacing:.06em;color:var(--dc-muted);margin:26px 0 17px;font-size:11px}.dc-sentence{word-break:keep-all;margin:0;font-size:23px;line-height:1.8}.dc-sentence strong{color:var(--dc-green);background:var(--dc-active);border-radius:5px;padding:3px 5px;font-weight:400}.dc-meaning{color:var(--dc-muted);margin:7px 0 16px;font-size:13px}.dc-stage{grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:center;gap:14px;margin:12px 0 17px;display:grid}.dc-timepiece{min-width:0}.dc-clock{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;width:100%;height:auto;display:block;overflow:visible}.dc-rim{fill:var(--dc-surface);stroke:var(--dc-line);stroke-width:2px}.dc-face{fill:var(--dc-paper);stroke:var(--dc-line);stroke-width:1px}.dc-ticks{stroke:var(--dc-muted);stroke-linecap:round;pointer-events:none}.dc-major-tick{stroke-width:2px}.dc-minor-tick{stroke-width:1px;opacity:.35}.dc-numbers{fill:var(--dc-ink);pointer-events:none;font:400 20px Georgia,serif}.dc-hand{cursor:grab;touch-action:none}.dc-hand-hit{stroke:#0000;stroke-width:32px;stroke-linecap:round;pointer-events:stroke}.dc-hand-line{stroke-linecap:round;pointer-events:none}.dc-hour-hand .dc-hand-line{stroke:var(--dc-hour);stroke-width:10px}.dc-minute-hand .dc-hand-line{stroke:var(--dc-minute);stroke-width:6px}.dc-pin{fill:var(--dc-ink);pointer-events:none}.dc-clock.dc-dragging,.dc-clock.dc-dragging *{cursor:grabbing}.dc-time-controls{justify-content:center;align-items:flex-end;gap:12px;margin-top:8px;display:flex}.dc-control{color:var(--dc-muted);text-align:center;flex-direction:column;gap:5px;font-size:11px;display:flex}.dc-control select{border:1px solid var(--dc-line);text-align:center;width:85px;min-height:44px;color:var(--dc-ink);background:var(--dc-paper);cursor:pointer;border-radius:10px;padding:5px 10px;font:400 22px Georgia,serif}.dc-control[data-control=hour][data-active=true] select{border-color:var(--dc-hour)}.dc-control[data-control=minute][data-active=true] select{border-color:var(--dc-minute)}.dc-colon{color:var(--dc-muted);align-self:flex-end;padding-bottom:9px;font-size:23px}.dc-scene{min-width:0}.dc-scene svg,.dc-finish-scene svg{width:100%;height:auto;display:block}.dc-help{color:var(--dc-muted);text-align:center;margin:12px 0;font-size:12px;line-height:1.5}.dc-status{min-height:22px;color:var(--dc-muted);margin:15px 0 14px;font-size:13px}#daily-clock[data-matched=true] .dc-status{color:var(--dc-green)}.dc-next,.dc-restart{border:1px solid var(--dc-line);background:var(--dc-active);min-width:110px;min-height:44px;color:var(--dc-green);cursor:pointer;touch-action:manipulation;border-radius:24px;padding:10px 22px;font:400 13px Arial,sans-serif}.dc-next:disabled{opacity:.45;color:var(--dc-muted);cursor:default;background:0 0}.dc-next:hover:not(:disabled),.dc-restart:hover{border-color:var(--dc-green)}#daily-clock button:focus-visible,#daily-clock a:focus-visible,#daily-clock select:focus-visible{outline:2px solid var(--dc-green);outline-offset:4px}.dc-complete{text-align:center;padding-bottom:18px}.dc-finish-scene{max-width:460px;margin:20px auto 0}.dc-complete h2{margin:5px 0 10px;font:400 27px Georgia,serif}.dc-complete p{color:var(--dc-muted);margin:0 0 24px;font-size:13px}@media (width<=600px){#daily-clock{border-radius:0;width:100%;margin:0;padding:20px 15px 24px}.dc-header{gap:4px}.dc-header h1{font-size:22px}.dc-progress{margin:14px 0 10px}.dc-sentence{font-size:20px}.dc-meaning{margin-bottom:0;font-size:12px}.dc-stage{flex-direction:column-reverse;gap:0;margin:0 0 12px;display:flex}.dc-timepiece{width:min(100%,250px)}.dc-scene{width:260px;max-width:100%;margin:0 auto}.dc-time-controls{margin-top:0}.dc-help{margin:10px 0;font-size:11px}.dc-status{margin:10px 0}}.cc-scene{--cc-ink:var(--lightningcss-light,#41483e)var(--lightningcss-dark,#e4e7dc);--cc-paper:var(--lightningcss-light,#faf7ef)var(--lightningcss-dark,#272b28);--cc-sage:var(--lightningcss-light,#788b69)var(--lightningcss-dark,#a5b58d);--cc-rug:var(--lightningcss-light,#dce3cc)var(--lightningcss-dark,#4b5745);--cc-wood:var(--lightningcss-light,#e9c99d)var(--lightningcss-dark,#b5956e);--cc-edge:var(--lightningcss-light,#ab8760)var(--lightningcss-dark,#796344);--cc-cat:#edb77a;--cc-pale:#fff0d6;--cc-cat-edge:#aa7951;--cc-pink:#dba193;--cc-blue:var(--lightningcss-light,#bdcecc)var(--lightningcss-dark,#718d8a);--cc-green:var(--lightningcss-light,#bac8a2)var(--lightningcss-dark,#849775);width:100%;height:auto;display:block;overflow:visible}.cc-stretch{transform-origin:0 76px}.cc-stretch-left{transform-origin:-19px 43px}.cc-stretch-right{transform-origin:19px 43px}.cc-reading-head,.cc-play-head{transform:rotate(7deg)}.cc-eating-arm,.cc-writing-arm,.cc-playing-arm{transform-origin:0 0}.cc-breathe{transform-origin:0 40px}.cc-active .cc-stretch{animation:2.8s ease-in-out infinite cc-stretch-body}.cc-active .cc-stretch-left{animation:2.8s ease-in-out infinite cc-stretch-left}.cc-active .cc-stretch-right{animation:2.8s ease-in-out infinite cc-stretch-right}.cc-active .cc-eating-arm{animation:2s ease-in-out infinite cc-eat}.cc-active .cc-chew{animation:2s ease-in-out infinite cc-chew}.cc-active .cc-writing-arm{animation:1.2s ease-in-out infinite cc-write}.cc-active .cc-sipping{animation:3.2s ease-in-out infinite cc-sip}.cc-active .cc-steam{animation:3.2s ease-in-out infinite cc-steam}.cc-active .cc-playing-arm{animation:2.4s ease-in-out infinite cc-paw}.cc-active .cc-ball{animation:2.4s ease-in-out infinite cc-roll}.cc-active .cc-breathe{animation:3.5s ease-in-out infinite cc-breathe}@keyframes cc-stretch-body{0%,to{transform:scaleY(1)}45%,65%{transform:scaleY(1.04)}}@keyframes cc-stretch-left{0%,to{transform:rotate(-3deg)}45%,65%{transform:rotate(7deg)}}@keyframes cc-stretch-right{0%,to{transform:rotate(3deg)}45%,65%{transform:rotate(-7deg)}}@keyframes cc-eat{0%,15%,to{transform:rotate(0)}45%,65%{transform:rotate(-42deg)}}@keyframes cc-chew{0%,15%,to{transform:translateY(0)}45%,60%{transform:translateY(1.5px)}}@keyframes cc-write{0%,to{transform:rotate(-4deg)}50%{transform:rotate(5deg)}}@keyframes cc-sip{0%,15%,to{transform:translateY(2px)}45%,65%{transform:translateY(-7px)}}@keyframes cc-steam{0%,to{opacity:.5}50%{opacity:.2}}@keyframes cc-paw{0%,to{transform:rotate(-7deg)}25%{transform:rotate(5deg)}60%{transform:rotate(-10deg)}}@keyframes cc-roll{0%,to{transform:translate(0)rotate(0)}45%,60%{transform:translate(22px)rotate(55deg)}}@keyframes cc-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.035)}}@media (prefers-reduced-motion:reduce){.cc-scene *{animation:none!important}}