:root{--bg:#fff8ee;--fg:#2b2118;--muted:#6b5b4d;--accent:#c2410c;--surface:#fff;--border:#e7d9c6;--control-border:#8a7766;--pet-body:#f6d7a7;--pet-ear-inner:#f4a6a0;--pet-line:#4a2f20;--pet-cheek:#f28b82;--pet-tongue:#f07167;--pet-spark:#f59f00;--pet-zzz:#7c8db5;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#17130f;--fg:#f7efe5;--muted:#b5a797;--accent:#ff9a5c;--surface:#241e18;--border:#3a3129;--control-border:#8f7f6f;--pet-spark:#ffd43b;--pet-zzz:#a5b4d8}}@supports (font:-apple-system-body){html{font:-apple-system-body}}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Apple SD Gothic Neo,sans-serif}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{min-height:100svh;padding-block:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-bottom));padding-inline:max(16px, env(safe-area-inset-left)) max(16px, env(safe-area-inset-right));align-content:center;place-items:center;gap:clamp(8px,3svh,32px);display:grid}.pet{aspect-ratio:1;width:min(56vw,34svh,280px)}.clock{text-align:center;justify-items:center;gap:.5rem;display:grid}.clock-time{display:block}.digits{font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap;font-size:min(17.5vw,22svh,168px);font-weight:700;line-height:1;display:block}.sec{color:var(--accent)}.period{color:var(--muted);margin-bottom:.25em;font-size:clamp(1rem,5vw,1.75rem);font-weight:600;display:block}.date{color:var(--muted);margin:0;font-size:clamp(1rem,4.2vw,1.5rem)}@media (orientation:landscape) and (height<=600px){.app{grid-auto-flow:column;gap:clamp(16px,4vw,48px)}.pet{width:min(30vw,62svh)}.digits{font-size:min(11vw,28svh)}.clock{text-align:start;justify-items:start}.period{font-size:clamp(1rem,2.6vw,1.5rem)}}.noscript{text-align:center;padding:16px}.pet-svg{width:100%;height:100%;display:block;overflow:visible}.pet-svg *{transform-box:fill-box}.ear,.body{fill:var(--pet-body);stroke:var(--pet-line);stroke-width:5px;stroke-linejoin:round}.ear-inner{fill:var(--pet-ear-inner)}.tail{transform-origin:0 100%}.tail-stroke{fill:none;stroke:var(--pet-line);stroke-width:14px;stroke-linecap:round}.tail-puff{fill:var(--pet-body);stroke:var(--pet-line);stroke-width:5px}.ear-dark{fill:var(--pet-ear-inner)}.muzzle{fill:#ecc79e}.eyes-open{fill:var(--pet-line);transform-origin:50%}.pet .eyes-open{animation:4.2s infinite blink}.eyes-open .shine{fill:#fff}.eyes-closed path,.mouth{fill:none;stroke:var(--pet-line);stroke-width:4px;stroke-linecap:round}.cheek{fill:var(--pet-cheek);opacity:.55}.mouth-open ellipse{fill:var(--pet-line)}.mouth-open .tongue{fill:var(--pet-tongue)}.sparkles path{fill:var(--pet-spark);transform-origin:50%}.zzz text{fill:var(--pet-zzz);font-size:20px;font-weight:700}.breathe{transform-origin:bottom}.pet .breathe{animation:3s ease-in-out infinite breathe}.body-group{transform-origin:bottom}.eyes-closed,.mouth-open,.sparkles,.zzz,.pet[data-state=sleep] .eyes-open,.pet[data-state=sleep] .mouth{display:none}.pet[data-state=sleep] .eyes-closed,.pet[data-state=sleep] .zzz{display:inline}.pet[data-state=excited] .mouth,.pet[data-state=celebrate] .mouth{display:none}.pet[data-state=excited] .mouth-open,.pet[data-state=celebrate] .mouth-open,.pet[data-state=celebrate] .sparkles{display:inline}.pet.tick-a .tail{animation:.6s ease-in-out wag-a}.pet.tick-b .tail{animation:.6s ease-in-out wag-b}.pet[data-state=excited] .body-group{animation:.5s ease-in-out infinite bounce}.pet[data-state=celebrate] .body-group{animation:.8s cubic-bezier(.3,0,.3,1) infinite jump}.pet[data-state=celebrate] .sparkles path{animation:.8s ease-in-out infinite twinkle}.pet[data-state=celebrate] .sparkles path:nth-child(2n){animation-delay:.4s}.pet[data-state=sleep] .breathe{animation-duration:5s}.pet[data-state=sleep] .tail{animation:none}.pet[data-state=sleep] .zzz text{animation:3s ease-in-out infinite float}.pet[data-state=sleep] .zzz text:nth-child(2){animation-delay:.5s}.pet[data-state=sleep] .zzz text:nth-child(3){animation-delay:1s}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.015,1.03)}}@keyframes blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}@keyframes wag-a{50%{transform:rotate(-14deg)}}@keyframes wag-b{50%{transform:rotate(-14deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6%)}}@keyframes jump{0%,to{transform:translateY(0)scale(1.04,.96)}45%{transform:translateY(-14%)scale(.97,1.03)}}@keyframes twinkle{0%,to{opacity:.4;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}}@keyframes float{0%{opacity:0;transform:translateY(4px)}40%{opacity:1}to{opacity:0;transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.pet *,.pet :before,.pet :after{animation:none!important}}.icon-btn{width:44px;height:44px;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.icon-btn:active{background:var(--border)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.settings-btn{z-index:1;top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));position:fixed}.settings{background:var(--bg);width:100%;max-width:none;height:100%;max-height:none;color:var(--fg);overscroll-behavior:contain;border:0;margin:0;padding:0;position:fixed;inset:0;overflow-y:auto}.settings::backdrop{background:var(--bg)}.settings[open]{animation:.22s ease-out sheet-in}.settings-inner{max-width:560px;padding-block:max(8px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-bottom));padding-inline:max(16px, env(safe-area-inset-left)) max(16px, env(safe-area-inset-right));margin:0 auto}.settings-header{justify-content:space-between;align-items:center;min-height:52px;margin-right:-8px;display:flex}.settings-header h2{margin:0;font-size:1.5rem}.settings-header h2:focus{outline:none}.settings-form{gap:28px;margin-top:16px;display:grid}.field{border:0;min-width:0;margin:0;padding:0}.field legend{margin-bottom:12px;padding:0;font-size:1.0625rem;font-weight:700}.pet-options{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.pet-option{cursor:pointer;-webkit-tap-highlight-color:transparent;display:block}.pet-option-card{border:2px solid var(--border);background:var(--surface);border-radius:20px;justify-items:center;gap:4px;padding:12px 8px;display:grid}.pet-preview{aspect-ratio:1;width:min(100%,96px);display:block}.pet-option-name{font-weight:600}.pet-option input:checked+.pet-option-card{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.pet-option input:checked+.pet-option-card .pet-option-name:after{content:" ✓";color:var(--accent)}.pet-option input:focus-visible+.pet-option-card{outline:3px solid var(--accent);outline-offset:2px}@media (width>=520px){.pet-options{grid-template-columns:repeat(4,1fr)}}.segmented{border:1px solid var(--border);background:var(--surface);border-radius:14px;grid-auto-columns:1fr;grid-auto-flow:column;padding:4px;display:grid}.segmented label{cursor:pointer;-webkit-tap-highlight-color:transparent}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented span{min-height:44px;color:var(--muted);border-radius:10px;place-items:center;font-weight:600;display:grid}.segmented input:checked+span{background:var(--accent);color:var(--bg)}.segmented input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.switch-row{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:0 16px;font-size:1.0625rem;font-weight:700;display:flex}.switch-row input{appearance:none;border:2px solid var(--control-border);background:var(--bg);cursor:pointer;border-radius:999px;flex:none;width:52px;height:32px;margin:0;transition:background-color .15s;position:relative}.switch-row input:after{content:"";background:var(--control-border);border-radius:50%;width:24px;height:24px;transition:transform .15s;position:absolute;top:2px;left:2px}.switch-row input:checked{border-color:var(--accent);background:var(--accent)}.switch-row input:checked:after{background:var(--bg);transform:translate(20px)}@keyframes sheet-in{0%{opacity:0;transform:translateY(16px)}}@media (prefers-reduced-motion:reduce){.settings[open]{animation:none}.switch-row input,.switch-row input:after{transition:none}}