:root{--ink:#0f172a;--muted:#334155;--paper:#f8fafc;--sun:#facc15;--coral:#fb7185;--sky:#38bdf8;--leaf:#34d399;color:var(--ink);background:radial-gradient(circle at 18% 20%, #93c5fd73, transparent 42%), radial-gradient(circle at 80% 78%, #fbbf2466, transparent 44%), linear-gradient(135deg, #34d3991f, transparent 48%), var(--paper);font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html{touch-action:manipulation}body{min-height:100svh;margin:0;overflow-x:hidden}#app{z-index:2;place-items:center;min-height:100svh;padding:24px;display:grid;position:relative}.magic-sky{z-index:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 20% 22%,#fb718547,#0000 28%),radial-gradient(circle at 78% 20%,#38bdf84d,#0000 30%),radial-gradient(circle at 72% 78%,#facc1552,#0000 32%),radial-gradient(circle at 28% 76%,#34d39947,#0000 30%),#f8fafc33;transition:opacity .3s;position:fixed;inset:0;overflow:hidden}.magic-sky.is-sparkling{opacity:1;animation:4.2s ease-out both magic-sky-wash}.magic-star{left:var(--x);top:var(--y);width:var(--size);height:var(--size);color:hsl(var(--hue) 92% 62%);opacity:0;filter:drop-shadow(0 0 7px)drop-shadow(0 0 16px #ffffffbf);position:absolute;transform:translate(-50%,-50%)scale(.2)rotate(0)}.magic-star:before,.magic-star:after{content:"";clip-path:polygon(50% 0,61% 35%,98% 50%,61% 65%,50% 100%,39% 65%,2% 50%,39% 35%);background:currentColor;position:absolute;inset:0}.magic-star:after{opacity:.82;transform:rotate(45deg)scale(.62)}.magic-sky.is-sparkling .magic-star{animation:magic-star-shine 1.18s ease-in-out var(--delay) 4 both}.sound-toggle{z-index:4;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#fffaf0b8;border:2px solid #0f172a2e;border-radius:999px;align-items:center;gap:9px;padding:8px 10px;font:800 12px/1 Avenir Next,Segoe UI,sans-serif;display:inline-flex;position:fixed;top:20px;right:20px;box-shadow:0 12px 24px #0f172a1a}.sound-toggle input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.sound-track{border:2px solid var(--ink);background:#cbd5e1;border-radius:999px;width:38px;height:22px;transition:background .18s;position:relative;box-shadow:inset 0 2px #0f172a29}.sound-track:after{content:"";border:2px solid var(--ink);background:#fffaf0;border-radius:50%;width:12px;height:12px;transition:transform .18s;position:absolute;top:3px;left:3px}.sound-toggle input:checked+.sound-track{background:var(--leaf)}.sound-toggle input:checked+.sound-track:after{transform:translate(16px)}.sound-toggle input:focus-visible+.sound-track{outline-offset:3px;outline:3px solid #38bdf8a6}.settings-button{z-index:20;border:3px solid var(--ink);width:44px;height:44px;color:var(--ink);cursor:pointer;box-shadow:0 6px 0 var(--ink), 0 18px 28px #0f172a2e;background:#fffaf0;border-radius:50%;font:900 22px/1 Avenir Next,Segoe UI,sans-serif;transition:box-shadow .16s,transform .16s,background .16s;position:fixed;bottom:18px;right:18px}.settings-button:hover{box-shadow:0 8px 0 var(--ink), 0 22px 32px #0f172a2e;background:#fef08a;transform:translateY(-2px)}.settings-button:active{box-shadow:0 2px 0 var(--ink), 0 12px 22px #0f172a29;transform:translateY(4px)}.settings-panel{z-index:19;border:3px solid var(--ink);width:min(100vw - 36px,330px);box-shadow:8px 8px 0 var(--ink), 0 24px 42px #0f172a2e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf0f0;border-radius:7px;padding:16px;position:fixed;bottom:74px;right:18px}.settings-panel[hidden]{display:none}.settings-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.settings-title{letter-spacing:0;margin:0;font:900 17px/1 Avenir Next,Segoe UI,sans-serif}.settings-close{border:2px solid var(--ink);width:30px;height:30px;color:var(--ink);cursor:pointer;box-shadow:0 3px 0 var(--ink);background:#fffaf0;border-radius:50%;font:900 12px/1 Avenir Next,Segoe UI,sans-serif}.settings-row{color:var(--ink);justify-content:space-between;align-items:center;gap:14px;margin-top:12px;font:800 13px/1.2 Avenir Next,Segoe UI,sans-serif;display:flex}.settings-stack{flex-direction:column;align-items:stretch;gap:7px}.settings-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--leaf)}.settings-row select,.settings-row input[type=datetime-local]{border:2px solid var(--ink);width:100%;min-height:38px;color:var(--ink);background:#f8fafc;border-radius:7px;font:700 13px/1.2 Avenir Next,Segoe UI,sans-serif}.settings-row input:disabled{opacity:.55}.home{z-index:2;text-align:center;width:min(100%,980px);position:relative}.label{color:var(--muted);letter-spacing:0;text-transform:uppercase;cursor:pointer;background:0 0;border:0;margin:0 0 6px;padding:0;font:900 clamp(1.15rem,4vw,2rem)/1 Avenir Next,Segoe UI,sans-serif;display:inline-block}.label:focus-visible{outline-offset:5px;border-radius:4px;outline:2px solid #38bdf88c}.clock{letter-spacing:0;color:var(--ink);text-shadow:0 10px 28px #0f172a33;cursor:pointer;margin:0;font-family:SF Mono,IBM Plex Mono,Menlo,monospace;font-size:clamp(3rem,12vw,7rem);font-weight:600;line-height:1;animation:.5s ease-out both clock-in;display:block;position:relative}.clock.is-shimmering{color:#0000;background:linear-gradient(105deg, var(--ink) 0%, var(--ink) 28%, #fff 42%, #fef08a 48%, #67e8f9 54%, var(--ink) 68%, var(--ink) 100%);filter:drop-shadow(0 0 16px #67e8f96b);background-position:120% 0;background-size:260% 100%;-webkit-background-clip:text;background-clip:text;animation:1.9s ease-out both clock-shimmer,1.9s ease-out both magic-glow}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:28px;display:flex}.home.hide-animal-buttons .controls{display:none}.home.hide-animal-buttons .stage-wrap{min-height:0;margin-top:0}.home.hide-animal-buttons .cuckoo-stage:empty{display:none}.home.hide-animal-buttons .time-button{margin-top:24px}.cuckoo-button,.roar-button,.mud-button,.dog-button,.monkey-button,.bee-button,.bear-button{border:3px solid var(--ink);min-width:132px;min-height:48px;color:var(--ink);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 8px 0 var(--ink), 0 22px 30px #0f172a29;border-radius:999px;font:800 15px/1 Avenir Next,Segoe UI,sans-serif;transition:box-shadow .16s,transform .16s,background .16s}.cuckoo-button{background:var(--sun)}.roar-button{background:#9f7a38}.mud-button{background:#f9a8d4}.dog-button{background:#c89146}.monkey-button{background:#f4c28d}.bee-button{background:#fde047}.bear-button{color:#fffaf0;background:#5b321d}.cuckoo-button:hover{box-shadow:0 10px 0 var(--ink), 0 26px 34px #0f172a29;background:#fde047;transform:translateY(-2px)}.roar-button:hover{box-shadow:0 10px 0 var(--ink), 0 26px 34px #0f172a29;background:#c89a43;transform:translateY(-2px)}.mud-button:hover{box-shadow:0 10px 0 var(--ink), 0 26px 34px #0f172a29;background:#f472b6;transform:translateY(-2px)}.dog-button:hover{box-shadow:0 10px 0 var(--ink), 0 26px 34px #0f172a29;background:#d9a85f;transform:translateY(-2px)}.monkey-button:hover{box-shadow:0 10px 0 var(--ink), 0 26px 34px #0f172a29;background:#f7b267;transform:translateY(-2px)}.bee-button:hover{box-shadow:0 10px 0 var(--ink), 0 26px 34px #0f172a29;background:#facc15;transform:translateY(-2px)}.bear-button:hover{box-shadow:0 10px 0 var(--ink), 0 26px 34px #0f172a29;background:#7a4826;transform:translateY(-2px)}.cuckoo-button:active,.roar-button:active,.mud-button:active,.dog-button:active,.monkey-button:active,.bee-button:active,.bear-button:active{box-shadow:0 3px 0 var(--ink), 0 14px 24px #0f172a29;transform:translateY(5px)}.cuckoo-button:disabled,.roar-button:disabled,.mud-button:disabled,.dog-button:disabled,.monkey-button:disabled,.bee-button:disabled,.bear-button:disabled{cursor:wait;opacity:.72}.time-button{border:4px solid var(--ink);width:min(100%,360px);min-height:70px;color:var(--ink);cursor:pointer;letter-spacing:0;text-transform:uppercase;box-shadow:0 10px 0 var(--ink), 0 24px 34px #0f172a2e;background:#fffaf0;border-radius:7px;justify-content:center;align-items:center;margin-top:10px;font:950 clamp(2rem,7vw,3.5rem)/1 Arial Black,Impact,sans-serif;transition:box-shadow .16s,transform .16s,background .16s;display:inline-flex}.time-button:hover{box-shadow:0 12px 0 var(--ink), 0 28px 38px #0f172a2e;background:#67e8f9;transform:translateY(-2px)}.time-button:active{box-shadow:0 4px 0 var(--ink), 0 16px 24px #0f172a29;transform:translateY(6px)}.time-button:disabled{cursor:wait;opacity:.72}.stage-wrap{width:min(100%,980px);min-height:150px;margin:28px auto 0;position:relative}.clear-button{z-index:3;border:2px solid var(--ink);width:34px;height:34px;color:var(--ink);cursor:pointer;box-shadow:0 4px 0 var(--ink), 0 12px 22px #0f172a29;background:#fffaf0;border-radius:50%;font:900 13px/1 Avenir Next,Segoe UI,sans-serif;transition:box-shadow .16s,transform .16s,background .16s;position:absolute;top:-12px;left:max(0px,50% - 230px)}.clear-button:hover{background:var(--coral);box-shadow:0 6px 0 var(--ink), 0 16px 26px #0f172a29;transform:translateY(-2px)}.clear-button:active{box-shadow:0 1px 0 var(--ink), 0 8px 18px #0f172a24;transform:translateY(3px)}.cuckoo-stage{flex-wrap:wrap;place-content:center;gap:10px;min-height:150px;display:flex}.cuckoo-word{border:3px solid var(--ink);background:var(--sky);min-width:clamp(74px,10vw,120px);min-height:clamp(48px,7vw,74px);color:var(--ink);letter-spacing:0;text-transform:uppercase;opacity:0;box-shadow:5px 5px 0 var(--ink);border-radius:7px;justify-content:center;align-items:center;padding:8px 14px;font:900 clamp(1.35rem,4vw,2.8rem)/.9 Arial Black,Impact,sans-serif;display:inline-flex;transform:translateY(18px)rotate(-3deg)scale(.92)}.cuckoo-word:nth-child(3n+2){background:var(--coral)}.cuckoo-word:nth-child(3n){background:var(--leaf)}.cuckoo-word.is-active{animation:.52s cubic-bezier(.2,1.5,.35,1) both word-pop}.cuckoo-word.is-finale{background:var(--sun);min-width:min(100%,340px)}.roar-word{background:#d5a24b}.roar-word:nth-child(3n+2){color:#fffaf0;background:#0b1736}.roar-word:nth-child(3n){background:#f8fafc}.roar-word.is-roar{background:#d5a24b;min-width:clamp(110px,13vw,170px)}.mud-word{background:#f9a8d4}.mud-word:nth-child(3n+2){color:#fffaf0;background:#8b5e34}.mud-word:nth-child(3n){background:#fecdd3}.mud-word.is-mud{color:#fffaf0;background:#6f4828;min-width:clamp(92px,12vw,150px)}.dog-word{background:#c89146}.dog-word:nth-child(3n+2){color:#fffaf0;background:#57351f}.dog-word:nth-child(3n){background:#fef3c7}.dog-word.is-woo{background:#9f6d32;min-width:clamp(102px,13vw,160px)}.monkey-word{background:#b97b44}.monkey-word:nth-child(3n+2){background:#f4c28d}.monkey-word:nth-child(3n){color:#fffaf0;background:#5b321d}.monkey-word.is-monkey-call{min-width:clamp(128px,16vw,210px)}.bee-word{background:#fde047}.bee-word:nth-child(3n+2){color:#fffaf0;background:#111827}.bee-word:nth-child(3n){background:#fef3c7}.bee-word.is-buzz{min-width:clamp(104px,13vw,168px)}.bear-word{color:#fffaf0;background:#7a4826}.bear-word:nth-child(3n+2){color:var(--ink);background:#d9a85f}.bear-word:nth-child(3n){color:#fffaf0;background:#4b2a18}.bear-word.is-rawl{min-width:clamp(116px,14vw,180px)}.time-word{background:#67e8f9}.time-word:nth-child(3n+2){background:#fef08a}.time-word:nth-child(3n){background:#f9a8d4}.finale-word{background:#fef08a}.finale-word:nth-child(3n+2){background:#67e8f9}.finale-word:nth-child(3n){background:#f9a8d4}.finale-word.is-almost{background:#fffaf0;min-width:clamp(130px,15vw,190px)}.status{min-height:22px;color:var(--muted);margin:18px 0 0;font-size:14px}.chicken-peek{z-index:10;pointer-events:none;width:220px;height:420px;transition:bottom .56s cubic-bezier(.18,1.25,.4,1);position:fixed;bottom:-310px;left:50%;transform:translate(-50%)}.chicken-peek.is-peeking,.chicken-peek.is-looking{bottom:-150px}.chicken-neck{border:4px solid var(--ink);background:repeating-linear-gradient(0deg,#facc1547 0 16px,#0000 16px 32px),#fff7d6;border-radius:999px 999px 34px 34px;width:54px;height:285px;position:absolute;bottom:26px;left:83px;box-shadow:8px 0 #0f172a1f}.chicken-head{border:4px solid var(--ink);width:124px;height:104px;box-shadow:8px 8px 0 var(--ink);transform-origin:50% 86%;background:#fffaf0;border-radius:54% 48% 45%;position:absolute;top:30px;left:48px}.chicken-peek.is-peeking .chicken-head{animation:.72s ease-in-out infinite chicken-bob}.chicken-peek.is-looking .chicken-head{animation:1.1s ease-in-out infinite chicken-look}.chicken-comb{border:4px solid var(--ink);background:var(--coral);width:28px;height:34px;box-shadow:25px 7px 0 -1px var(--coral), 25px 7px 0 3px var(--ink), 51px 17px 0 -3px var(--coral), 51px 17px 0 1px var(--ink);border-radius:999px 999px 16px 16px;position:absolute;top:-30px;left:24px}.chicken-eye{background:var(--ink);border-radius:50%;width:14px;height:14px;position:absolute;top:36px;right:35px;box-shadow:inset 4px -3px #ffffffd9}.chicken-beak{border:4px solid var(--ink);background:var(--sun);transform-origin:0;border-left:0;border-radius:0 999px 999px 0;width:42px;height:30px;position:absolute;top:44px;right:-34px}.chicken-peek.is-peeking .chicken-beak{animation:.36s steps(2,end) infinite beak-chatter}.lion-peek{z-index:1;pointer-events:none;width:310px;height:330px;transition:transform .68s cubic-bezier(.18,1.18,.35,1);position:fixed;top:50%;right:0;transform:translate(112%,-48%)rotate(-4deg)}.lion-peek.is-roaring,.lion-peek.is-looking{transform:translate(18%,-48%)rotate(-4deg)}.lion-head{border:4px solid var(--ink);transform-origin:50% 52%;background:radial-gradient(circle at 32% 30%,#fff2c580,#0000 16%),radial-gradient(circle at 64% 34%,#fff2c566,#0000 14%),repeating-radial-gradient(circle at 50% 54%,#603f1921 0 2px,#0000 2px 9px),#bd863b;border-radius:52% 50% 46% 48%;width:266px;height:238px;position:absolute;top:8px;left:20px;transform:rotate(-90deg);box-shadow:inset -16px -18px #4d301426,10px 12px #0f172a29}.lion-peek.is-roaring .lion-head{animation:.62s ease-in-out infinite lion-bob}.lion-peek.is-looking .lion-head{animation:1.25s ease-in-out infinite lion-look}.lion-ear{border:4px solid var(--ink);z-index:-1;background:radial-gradient(circle at 50% 55%,#6f421f 0 28%,#0000 30%),#bd863b;border-radius:50%;width:66px;height:66px;position:absolute;top:12px}.lion-ear-left{left:-2px}.lion-ear-right{right:-4px}.lion-eye{background:#0b1020;border-radius:50%;width:17px;height:25px;position:absolute;top:78px;box-shadow:inset 6px -7px #ffffffdb}.lion-eye-left{left:76px;transform:rotate(-8deg)}.lion-eye-right{right:72px;transform:rotate(8deg)}.lion-snout{background:radial-gradient(circle at 30% 60%,#603f192e 0 2px,#0000 3px),radial-gradient(circle at 70% 60%,#603f192e 0 2px,#0000 3px),#c9944d;border-radius:48% 48% 42% 42%;width:118px;height:82px;position:absolute;top:108px;left:74px}.lion-nose{background:#071329;border:4px solid #071329;border-radius:46% 46% 54% 54%;width:74px;height:48px;position:absolute;top:104px;left:96px;box-shadow:0 5px #ffffff1f}.lion-mouth{transform-origin:top;background:#071329;border:5px solid #071329;border-top:0;border-radius:0 0 999px 999px;width:104px;height:44px;position:absolute;top:152px;left:81px}.lion-peek.is-roaring .lion-mouth{animation:.52s ease-in-out infinite lion-mouth}.lion-fang{border:3px solid var(--ink);background:#fffaf0;border-radius:0 0 999px 999px;width:18px;height:30px;position:absolute;top:154px}.fang-left{left:94px;transform:rotate(12deg)}.fang-right{right:93px;transform:rotate(-12deg)}.lion-whisker{background:#ffeecacc;border-radius:999px;width:58px;height:4px;position:absolute;top:124px}.whisker-left{left:30px;transform:rotate(-18deg)}.whisker-right{right:30px;transform:rotate(18deg)}.pig-peek{z-index:1;pointer-events:none;width:250px;height:230px;transition:transform .62s cubic-bezier(.18,1.22,.4,1);position:fixed;bottom:0;left:0;transform:translate(-86%,78%)rotate(12deg)}.pig-peek.is-rolling,.pig-peek.is-looking{transform:translate(-18%,16%)rotate(12deg)}.pig-head{border:4px solid var(--ink);transform-origin:50% 78%;background:radial-gradient(circle at 30% 24%,#ffffff5c,#0000 16%),radial-gradient(circle at 68% 66%,#be185d29,#0000 18%),#f9a8d4;border-radius:52% 50% 48% 46%;width:194px;height:170px;position:absolute;top:20px;left:28px;box-shadow:inset -12px -14px #be185d24,8px 10px #0f172a29}.pig-peek.is-rolling .pig-head{animation:.58s ease-in-out infinite pig-wiggle}.pig-peek.is-looking .pig-head{animation:1.15s ease-in-out infinite pig-look}.pig-ear{border:4px solid var(--ink);z-index:-1;background:radial-gradient(circle at 54% 56%,#f472b6 0 34%,#0000 36%),#f9a8d4;border-radius:72% 28% 62% 38%;width:62px;height:58px;position:absolute;top:-14px}.pig-ear-left{left:12px;transform:rotate(-28deg)}.pig-ear-right{right:10px;transform:scaleX(-1)rotate(-28deg)}.pig-eye{background:var(--ink);border-radius:50%;width:15px;height:20px;position:absolute;top:58px;box-shadow:inset 5px -5px #ffffffdb}.pig-eye-left{left:58px}.pig-eye-right{right:58px}.pig-snout{border:4px solid var(--ink);background:#f472b6;border-radius:48% 48% 44% 44%;width:76px;height:50px;position:absolute;top:84px;left:59px;box-shadow:inset -6px -8px #be185d24}.pig-nostril{background:#6f2648;border-radius:50%;width:12px;height:17px;position:absolute;top:103px}.nostril-left{left:79px}.nostril-right{right:79px}.pig-mouth{border:4px solid var(--ink);border-top:0;border-radius:0 0 999px 999px;width:38px;height:22px;position:absolute;top:133px;left:78px}.pig-peek.is-rolling .pig-mouth{animation:.43s ease-in-out infinite pig-mouth}.pig-mud{border:3px solid var(--ink);background:#7c4a29;border-radius:50%;position:absolute}.mud-one{width:30px;height:19px;top:94px;left:28px;transform:rotate(-18deg)}.mud-two{width:24px;height:17px;top:28px;right:26px;transform:rotate(22deg)}.dog-peek{z-index:1;pointer-events:none;width:260px;height:260px;transition:transform .64s cubic-bezier(.18,1.2,.38,1);position:fixed;bottom:0;right:0;transform:translate(88%,88%)rotate(-10deg)}.dog-peek.is-woofing,.dog-peek.is-looking{transform:translate(10%,16%)rotate(-10deg)}.dog-head{border:4px solid var(--ink);transform-origin:50% 82%;background:radial-gradient(circle at 28% 22%,#ffffff42,#0000 15%),radial-gradient(circle at 50% 72%,#f9e0b575,#0000 28%),linear-gradient(90deg,#6b431f38,#0000 28% 70%,#6b431f33),#b97832;border-radius:48% 50% 45% 46%;width:206px;height:186px;position:absolute;top:34px;left:26px;box-shadow:inset -10px -14px #4e2d1226,8px 10px #0f172a29}.dog-peek.is-woofing .dog-head{animation:.54s ease-in-out infinite dog-bob}.dog-peek.is-looking .dog-head{animation:1.15s ease-in-out infinite dog-look}.dog-ear{border:4px solid var(--ink);clip-path:polygon(50% 0,94% 46%,72% 100%,28% 100%,6% 46%);z-index:-1;background:linear-gradient(150deg,#ffe8bc38,#0000 38%),radial-gradient(at 50% 64%,#8b5a2a 0 26%,#0000 28%),#a96e33;border-radius:54% 54% 24% 24%;width:74px;height:150px;position:absolute;top:-94px}.dog-ear-left{left:2px;transform:rotate(-13deg)}.dog-ear-right{right:0;transform:rotate(13deg)}.dog-eye{background:#111827;border-radius:50%;width:18px;height:22px;position:absolute;top:64px;box-shadow:inset 6px -7px #ffffffdb,0 0 0 5px #ffedd538}.dog-eye-left{left:60px}.dog-eye-right{right:60px}.dog-muzzle{background:radial-gradient(circle at 26% 64%,#57351f29 0 3px,#0000 4px),radial-gradient(circle at 74% 64%,#57351f29 0 3px,#0000 4px),#d9b07a;border-radius:46% 46% 42% 42%;width:94px;height:64px;position:absolute;top:92px;left:56px}.dog-nose{background:#111827;border:4px solid #111827;border-radius:48% 48% 58% 58%;width:54px;height:42px;position:absolute;top:88px;left:76px;box-shadow:0 5px #ffffff1f}.dog-mouth{transform-origin:top;background:#111827;border:4px solid #111827;border-radius:42% 42% 999px 999px;width:44px;height:34px;position:absolute;top:130px;left:81px;overflow:hidden}.dog-mouth:before{content:"";background:#fb7185;border:3px solid #111827;border-radius:999px 999px 70% 70%;width:16px;height:22px;position:absolute;bottom:-5px;left:12px}.dog-mouth:after{content:"";background:#fffaf0eb;border-radius:999px;width:20px;height:8px;position:absolute;top:5px;left:10px}.dog-peek.is-woofing .dog-mouth{animation:.33s ease-in-out infinite dog-mouth}.dog-chest{border:4px solid var(--ink);z-index:-1;background:#e7c28b;border-radius:999px 999px 24px 24px;width:56px;height:70px;position:absolute;bottom:-48px;left:78px}.monkey-peek{z-index:10;pointer-events:none;width:260px;height:230px;transition:transform .62s cubic-bezier(.18,1.2,.38,1);position:fixed;top:0;left:50%;transform:translate(-50%,-92%)rotate(2deg)}.monkey-peek.is-calling,.monkey-peek.is-looking{transform:translate(-50%,-18%)rotate(2deg)}.monkey-head{border:4px solid var(--ink);transform-origin:50% 24%;background:radial-gradient(circle at 28% 28%,#fff3,#0000 14%),#7a4826;border-radius:50% 50% 46% 46%;width:176px;height:156px;position:absolute;top:42px;left:42px;box-shadow:inset -10px -13px #41231229,8px 10px #0f172a29}.monkey-peek.is-calling .monkey-head{animation:.5s ease-in-out infinite monkey-bob}.monkey-peek.is-looking .monkey-head{animation:1.15s ease-in-out infinite monkey-look}.monkey-ear{border:4px solid var(--ink);z-index:-1;background:radial-gradient(circle at 52% 52%,#f0bc82 0 34%,#0000 36%),#7a4826;border-radius:50%;width:58px;height:62px;position:absolute;top:36px}.monkey-ear-left{left:-34px}.monkey-ear-right{right:-34px}.monkey-face{background:radial-gradient(circle at 50% 72%,#e8ae75 0 34%,#0000 36%),#f0bc82;border-radius:46% 46% 48% 48%;width:108px;height:86px;position:absolute;top:50px;left:34px}.monkey-eye{z-index:1;background:var(--ink);border-radius:50%;width:15px;height:18px;position:absolute;top:64px;box-shadow:inset 5px -5px #ffffffdb}.monkey-eye-left{left:62px}.monkey-eye-right{right:62px}.monkey-nose{z-index:1;background:#4b2a18;border-radius:48%;width:28px;height:20px;position:absolute;top:89px;left:74px}.monkey-mouth{z-index:1;border:4px solid #4b2a18;border-top:0;border-radius:0 0 999px 999px;width:44px;height:24px;position:absolute;top:113px;left:66px}.monkey-peek.is-calling .monkey-mouth{animation:.3s ease-in-out infinite monkey-mouth}.bee-peek{z-index:9;pointer-events:none;width:230px;height:220px;transition:transform .56s cubic-bezier(.18,1.24,.38,1);position:fixed;top:0;left:0;transform:translate(-82%,-78%)rotate(-14deg)}.bee-peek.is-buzzing,.bee-peek.is-looking{transform:translate(4%,6%)rotate(-14deg)}.bee-body{border:4px solid var(--ink);transform-origin:50% 54%;background:linear-gradient(90deg,#0000 0 28%,#111827 29% 40%,#0000 41% 56%,#111827 57% 68%,#0000 69%),#facc15;border-radius:56% 48% 54%;width:124px;height:116px;position:absolute;top:58px;left:54px;box-shadow:inset -8px -10px #854d0e29,8px 9px #0f172a29}.bee-peek.is-buzzing .bee-body{animation:.24s ease-in-out infinite bee-buzz}.bee-peek.is-looking .bee-body{animation:.9s ease-in-out infinite bee-look}.bee-wing{border:4px solid var(--ink);z-index:-1;background:#e0f2fed1;border-radius:58% 42% 55% 45%;width:58px;height:72px;position:absolute;top:-28px}.bee-wing-left{left:-24px;transform:rotate(-34deg)}.bee-wing-right{right:-22px;transform:rotate(34deg)}.bee-eye{background:var(--ink);border-radius:50%;width:13px;height:16px;position:absolute;top:36px;box-shadow:inset 4px -5px #ffffffdb}.bee-eye-left{left:35px}.bee-eye-right{right:35px}.bee-smile{border:4px solid var(--ink);border-top:0;border-radius:0 0 999px 999px;width:34px;height:20px;position:absolute;top:63px;left:45px}.bee-stinger{background:var(--ink);clip-path:polygon(0 18%,100% 50%,0 82%);width:28px;height:28px;position:absolute;top:50px;right:-24px}.bear-peek{z-index:8;pointer-events:none;width:300px;height:280px;transition:transform .7s cubic-bezier(.18,1.18,.36,1);position:fixed;top:44%;left:0;transform:translate(-92%,-40%)rotate(5deg)}.bear-peek.is-rawling,.bear-peek.is-looking{transform:translate(-16%,-40%)rotate(5deg)}.bear-head{border:4px solid var(--ink);transform-origin:50% 64%;background:radial-gradient(circle at 34% 28%,#d9a85f2e,#0000 16%),#4b2a18;border-radius:52% 50% 46% 48%;width:214px;height:192px;position:absolute;top:32px;left:44px;box-shadow:inset -13px -15px #11182738,9px 11px #0f172a29}.bear-peek.is-rawling .bear-head{animation:.52s ease-in-out infinite bear-bob}.bear-peek.is-looking .bear-head{animation:1.1s ease-in-out infinite bear-look}.bear-ear{border:4px solid var(--ink);z-index:-1;background:radial-gradient(circle at 50% 54%,#7a4826 0 36%,#0000 38%),#4b2a18;border-radius:50%;width:62px;height:62px;position:absolute;top:-12px}.bear-ear-left{left:12px}.bear-ear-right{right:12px}.bear-eye{background:#020617;border-radius:50%;width:16px;height:20px;position:absolute;top:68px;box-shadow:inset 5px -6px #ffffffd1}.bear-eye-left{left:64px}.bear-eye-right{right:64px}.bear-snout{background:#8b5a2a;border-radius:48% 48% 42% 42%;width:104px;height:66px;position:absolute;top:96px;left:55px}.bear-nose{background:#020617;border:4px solid #020617;border-radius:48% 48% 58% 58%;width:50px;height:36px;position:absolute;top:94px;left:82px}.bear-mouth{transform-origin:top;background:#020617;border:4px solid #020617;border-top:0;border-radius:0 0 999px 999px;width:64px;height:34px;position:absolute;top:132px;left:75px}.bear-peek.is-rawling .bear-mouth{animation:.36s ease-in-out infinite bear-mouth}@keyframes clock-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes clock-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes magic-glow{0%,to{text-shadow:0 10px 28px #0f172a33;transform:translateY(0)scale(1)}42%{text-shadow:0 10px 28px #0f172a2e,0 0 22px #67e8f99e,0 0 44px #facc156b;transform:translateY(-2px)scale(1.012)}}@keyframes magic-sky-wash{0%{filter:saturate()brightness();transform:scale(1)}42%{filter:saturate(1.5)brightness(1.05);transform:scale(1.015)}to{filter:saturate(1.1)brightness();transform:scale(1.04)}}@keyframes magic-star-shine{0%,to{opacity:0;transform:translate(-50%,-50%)scale(.18)rotate(0)}34%{opacity:.95;transform:translate(-50%,-50%)scale(1.05)rotate(90deg)}68%{opacity:.35;transform:translate(-50%,-50%)scale(.64)rotate(170deg)}}@keyframes chicken-bob{0%,to{transform:rotate(-2deg)translateY(0)}50%{transform:rotate(2deg)translateY(-8px)}}@keyframes chicken-look{0%,to{transform:rotate(-8deg)translateY(0)}35%{transform:rotate(7deg)translateY(-5px)}70%{transform:rotate(-3deg)translateY(-2px)}}@keyframes beak-chatter{0%,to{transform:rotate(0)scaleX(1)}50%{transform:rotate(8deg)scaleX(1.08)}}@keyframes lion-bob{0%,to{transform:rotate(-91deg)translateY(0)}50%{transform:rotate(-88deg)translateY(-7px)}}@keyframes lion-mouth{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.24)}}@keyframes lion-look{0%,to{transform:rotate(-96deg)translate(0)}38%{transform:rotate(-84deg)translate(-8px)}72%{transform:rotate(-90deg)translate(4px)}}@keyframes pig-wiggle{0%,to{transform:rotate(-4deg)translateY(0)}50%{transform:rotate(5deg)translateY(-7px)}}@keyframes pig-look{0%,to{transform:rotate(-9deg)translateY(0)}40%{transform:rotate(8deg)translateY(-6px)}72%{transform:rotate(2deg)translateY(-2px)}}@keyframes pig-mouth{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.24)}}@keyframes dog-bob{0%,to{transform:rotate(-3deg)translateY(0)}50%{transform:rotate(4deg)translateY(-8px)}}@keyframes dog-look{0%,to{transform:rotate(-8deg)translateY(0)}42%{transform:rotate(7deg)translateY(-6px)}74%{transform:rotate(1deg)translateY(-2px)}}@keyframes dog-mouth{0%,to{transform:scaleY(.9)}50%{transform:scaleY(1.18)}}@keyframes monkey-bob{0%,to{transform:rotate(3deg)translateY(0)}50%{transform:rotate(-4deg)translateY(8px)}}@keyframes monkey-look{0%,to{transform:rotate(7deg)translateY(0)}42%{transform:rotate(-7deg)translateY(5px)}76%{transform:rotate(1deg)translateY(2px)}}@keyframes monkey-mouth{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.34)}}@keyframes bee-buzz{0%,to{transform:translate(0)rotate(-3deg)}50%{transform:translate(4px,-5px)rotate(4deg)}}@keyframes bee-look{0%,to{transform:translate(0)rotate(-8deg)}44%{transform:translate(7px,-4px)rotate(7deg)}78%{transform:translate(2px,2px)rotate(1deg)}}@keyframes bear-bob{0%,to{transform:rotate(-2deg)translate(0)}50%{transform:rotate(4deg)translate(10px)}}@keyframes bear-look{0%,to{transform:rotate(-5deg)translateY(0)}42%{transform:rotate(5deg)translateY(-6px)}74%{transform:rotate(1deg)translateY(-2px)}}@keyframes bear-mouth{0%,to{transform:scaleY(.82)}50%{transform:scaleY(1.26)}}@keyframes word-pop{0%{opacity:0;transform:translateY(18px)rotate(-3deg)scale(.92)}58%{opacity:1;transform:translateY(-8px)rotate(2deg)scale(1.08)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@media (width<=640px){#app{padding:18px}.clock{font-size:clamp(3rem,15vw,4.5rem)}.cuckoo-stage{gap:8px;min-height:190px}.sound-toggle{transform-origin:100% 0;top:12px;right:12px;transform:scale(.9)}.stage-wrap{min-height:190px}.clear-button{left:8px}.chicken-peek{width:180px;height:360px;bottom:-286px;transform:translate(-50%)scale(.84)}.chicken-peek.is-peeking,.chicken-peek.is-looking{bottom:-172px}.lion-peek{width:240px;height:280px;transform:translate(118%,-38%)rotate(-5deg)scale(.82)}.lion-peek.is-roaring,.lion-peek.is-looking{transform:translate(28%,-38%)rotate(-5deg)scale(.82)}.pig-peek{width:210px;height:198px;transform:translate(-88%,80%)rotate(12deg)scale(.84)}.pig-peek.is-rolling,.pig-peek.is-looking{transform:translate(-20%,18%)rotate(12deg)scale(.84)}.dog-peek{width:220px;height:220px;transform:translate(92%,88%)rotate(-10deg)scale(.84)}.dog-peek.is-woofing,.dog-peek.is-looking{transform:translate(24%,18%)rotate(-10deg)scale(.84)}.monkey-peek{width:220px;height:208px;transform:translate(-50%,-94%)rotate(2deg)scale(.86)}.monkey-peek.is-calling,.monkey-peek.is-looking{transform:translate(-50%,-22%)rotate(2deg)scale(.86)}.bee-peek{width:194px;height:190px;transform:translate(-86%,-82%)rotate(-14deg)scale(.84)}.bee-peek.is-buzzing,.bee-peek.is-looking{transform:translate(2%,4%)rotate(-14deg)scale(.84)}.bear-peek{width:250px;height:236px;transform:translate(-94%,-36%)rotate(5deg)scale(.84)}.bear-peek.is-rawling,.bear-peek.is-looking{transform:translate(-28%,-36%)rotate(5deg)scale(.84)}.time-button{width:min(100%,300px);min-height:62px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}