:root{--bg: #0b0b0f;--surface: #15151d;--surface-hi: #1e1e28;--line: #262630;--text: #f4f2ee;--muted: #8b8b98;--accent: #ff9f45;--accent-soft: #ff9f4522;--break: #4ecdc4;--danger: #ff6b6b;--success: #57d9a3;--success-soft: #57d9a31f;--spring: cubic-bezier(.34, 1.56, .64, 1);--out: cubic-bezier(.2, .8, .2, 1);--radius: 16px;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;color-scheme:dark;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100dvh;background:radial-gradient(120% 60% at 50% -10%,#1a1420 0%,transparent 60%),var(--bg);overscroll-behavior-y:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}input{font:inherit;color:inherit}.app{max-width:560px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 14px) 16px calc(env(safe-area-inset-bottom) + 92px)}.boot,.gate{display:grid;place-content:center;gap:12px;min-height:100dvh;text-align:center;color:var(--muted)}.gate input{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px;min-width:260px}.gate button{background:var(--accent);color:#1a1206;font-weight:650;border-radius:12px;padding:14px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}.topbar h1{margin:0;font-size:1.35rem;font-weight:640;letter-spacing:-.02em}.stats{margin:2px 0 0;font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}.topbar-right{display:flex;align-items:center;gap:10px}.icon-btn{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:var(--muted);background:var(--surface)}.icon-btn:active{background:var(--surface-hi)}.dot{width:7px;height:7px;border-radius:50%;background:var(--muted)}.dot-live{background:#57d9a3;box-shadow:0 0 0 3px #57d9a322}.dot-offline{background:var(--danger)}.timer{--ring: var(--accent);--ring-soft: var(--accent-soft);display:grid;justify-items:center;padding:10px 0 4px}.timer.is-break{--ring: var(--break);--ring-soft: #4ecdc422}.dial{position:relative;width:min(300px,78vw);aspect-ratio:1}.dial svg{width:100%;height:100%;transform:rotate(-90deg)}.dial-track{fill:none;stroke:var(--surface-hi);stroke-width:10}.dial-progress{fill:none;stroke:var(--ring);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset .25s linear;filter:drop-shadow(0 0 12px var(--ring-soft))}.dial-face{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;gap:4px;padding:0 18%;text-align:center}.dial-label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ring);font-weight:600}.dial-time{font-family:var(--mono);font-size:clamp(3.2rem,17vw,4.6rem);font-weight:500;letter-spacing:-.045em;font-variant-numeric:tabular-nums;line-height:1}.dial-task{font-size:.85rem;color:var(--muted);max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.timer.is-running .dial-progress{animation:breathe 4s ease-in-out infinite}@keyframes breathe{50%{filter:drop-shadow(0 0 22px var(--ring-soft))}}@media(prefers-reduced-motion:reduce){.timer.is-running .dial-progress{animation:none}}.controls{display:flex;align-items:center;gap:22px;margin-top:6px}.btn{display:grid;place-items:center;border-radius:50%;transition:transform .12s ease,background .2s ease}.btn:active{transform:scale(.92)}.btn:disabled{opacity:.3;pointer-events:none}.btn-ghost,.btn-done{width:58px;height:58px;background:var(--surface);border:1px solid var(--line);color:var(--muted)}.btn-done{position:relative;color:var(--success)}.btn-done:active{background:var(--success-soft)}.btn-done.is-cheering{background:var(--success);border-color:var(--success);color:#07130d;box-shadow:0 10px 30px -8px #57d9a399}.btn-done.is-cheering svg path{animation:draw .4s .05s var(--out) both}.btn-play{width:84px;height:84px;background:var(--ring);color:#17110a;box-shadow:0 10px 34px -10px var(--ring)}.controls-legend{display:flex;gap:22px;margin:8px 0 18px;font-size:.68rem;color:var(--muted);letter-spacing:.02em}.controls-legend span{text-align:center}.controls-legend span:nth-child(1),.controls-legend span:nth-child(3){width:58px}.controls-legend span:nth-child(2){width:84px}.list{display:grid;gap:8px}.empty{color:var(--muted);text-align:center;padding:24px 0;font-size:.9rem}.section{margin:18px 0 2px;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:600}.row{position:relative;background:var(--surface);border:1px solid transparent;border-radius:var(--radius);transition:border-color .25s ease,background .35s ease,opacity .35s ease}.row.is-active{border-color:var(--accent);background:linear-gradient(var(--accent-soft),transparent),var(--surface)}.row-main{display:flex;align-items:center;gap:10px;padding:13px 14px 13px calc(12px + var(--depth) * 20px);position:relative}.row:not([data-depth="0"]) .row-main:before{content:"";position:absolute;left:calc(4px + var(--depth) * 20px);top:10px;bottom:10px;width:2px;border-radius:2px;background:var(--line)}.strike{background:linear-gradient(currentColor,currentColor) no-repeat 0 55% / 0% 1.5px;transition:background-size .45s var(--out),color .3s ease}.row.is-checked-off .row-title{color:var(--muted)}.row.is-checked-off .strike,.row-done .strike{background-size:100% 1.5px}.row.is-completing{border-color:#57d9a355;background:linear-gradient(90deg,var(--success-soft),transparent 75%) no-repeat,var(--surface);animation:glow .9s var(--out)}.row.is-completing .chip{color:var(--success)}@keyframes glow{0%{background-size:0% 100%}to{background-size:100% 100%}}.grip{flex:none;display:grid;place-items:center;width:30px;height:34px;margin:-6px -8px -6px -4px;border-radius:9px;color:#6b6b78;cursor:grab;touch-action:none;transition:color .15s ease,background .15s ease}.grip:hover,.grip:focus-visible{color:var(--muted);background:var(--surface-hi)}.grip:active{cursor:grabbing;color:var(--accent)}.row.is-placeholder{margin-left:calc(var(--depth) * 20px);background:var(--accent-soft);border:1.5px dashed #ff9f4577;transition:margin-left .15s var(--out)}.row.is-placeholder>*{visibility:hidden}.row.is-overlay{border-color:#ff9f4566;background:var(--surface-hi);box-shadow:0 22px 44px -14px #000d,0 0 0 1px #ffffff0a;transform:scale(1.025) rotate(-.6deg);cursor:grabbing;animation:lift .18s var(--out)}.row.is-overlay .grip{color:var(--accent)}@keyframes lift{0%{transform:scale(1) rotate(0);box-shadow:0 0 #0000}}.row-link{flex:none;display:grid;place-items:center;width:30px;height:30px;margin:-4px 0;border-radius:9px;color:var(--muted)}.row-link:active{background:var(--surface-hi);color:var(--accent)}.chip-play{display:inline-flex;align-items:center;gap:6px;transition:background .2s ease,color .2s ease,transform .15s var(--spring)}.chip-play svg{flex:none;opacity:.75}.chip-play:active{transform:scale(.92)}@media(hover:hover){.chip-play:hover{color:var(--accent);background:var(--accent-soft)}}.row .chip.chip-play.is-running{color:#17110a;background:var(--accent);border-color:transparent;box-shadow:0 6px 18px -8px var(--accent)}.chip-play.is-running svg{opacity:1}.row .chip.chip-play.is-paused{color:var(--accent);background:var(--accent-soft);border:1px solid #ff9f4566}.row-meta{display:block;margin-top:2px;font-size:.74rem;color:var(--muted);font-variant-numeric:tabular-nums}.row-meta.is-live{color:var(--accent)}.row-progress{position:absolute;left:14px;bottom:0;height:2px;border-radius:2px;width:calc(var(--p) * (100% - 28px));background:var(--accent);opacity:.7;transition:width 1s linear}.row-progress.is-over{width:calc(100% - 28px);background:var(--danger)}.row.is-checked-off .row-meta{color:var(--muted)}.chip-carried{color:var(--accent);background:var(--accent-soft)}.twisty,.twisty-spacer{flex:none;width:20px;height:20px}.twisty{display:grid;place-items:center;border-radius:6px;color:var(--muted);transition:transform .18s ease}.twisty.is-collapsed{transform:rotate(-90deg)}.twisty:active{background:var(--surface-hi)}.check{position:relative;flex:none;width:29px;height:29px;border-radius:50%;border:3px solid #62626f;display:grid;place-items:center;color:#07130d;transition:background .2s ease,border-color .2s ease,transform .25s var(--spring)}.check:before{content:"";position:absolute;inset:-9px}.check svg path{stroke-width:4.4;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .3s .1s var(--out)}@media(hover:hover){.check:not(.is-checked):hover{border-color:var(--success);background:var(--success-soft);transform:scale(1.08) rotate(-6deg)}.check:not(.is-checked):hover svg path{stroke-dashoffset:13;color:var(--success)}}.check:active{transform:scale(.8)}.check.is-checked{background:var(--success);border-color:var(--success)}.check.is-checked svg path{stroke-dashoffset:0}.check.is-popping{box-shadow:0 0 18px -2px #57d9a3aa}[data-fx=squish]{animation:squish .6s var(--out)}[data-fx=spin]{animation:spin .65s var(--out)}[data-fx=jelly]{animation:jelly .7s linear}[data-fx=stamp]{animation:stamp .6s var(--out)}[data-fx=tada]{animation:tada .7s ease}[data-fx=flip]{animation:flip .6s var(--out)}[data-fx] svg{animation:hop .45s .3s var(--spring) both}@keyframes squish{18%{transform:scale(.72,.62)}45%{transform:scale(1.32) rotate(-14deg)}65%{transform:scale(.9) rotate(6deg)}82%{transform:scale(1.06) rotate(-2deg)}}@keyframes spin{0%{transform:scale(.6) rotate(-200deg)}60%{transform:scale(1.25) rotate(18deg)}80%{transform:scale(.95) rotate(-4deg)}}@keyframes jelly{25%{transform:scale(1.38,.68)}45%{transform:scale(.78,1.28)}65%{transform:scale(1.14,.88)}82%{transform:scale(.96,1.05)}}@keyframes stamp{0%{transform:scale(1.9);opacity:.2}55%{transform:scale(.86);opacity:1}78%{transform:scale(1.08)}}@keyframes tada{15%{transform:scale(.85) rotate(-8deg)}35%{transform:scale(1.28) rotate(10deg)}52%{transform:scale(1.18) rotate(-9deg)}68%{transform:scale(1.08) rotate(6deg)}84%{transform:rotate(-2deg)}}@keyframes flip{0%{transform:perspective(160px) rotateY(0)}50%{transform:perspective(160px) rotateY(180deg) scale(1.3)}to{transform:perspective(160px) rotateY(360deg)}}@keyframes hop{40%{transform:translateY(-3px) scale(1.25) rotate(-8deg)}}[data-ring]:after{content:"";position:absolute;inset:-3px;border-radius:50%;pointer-events:none;animation:halo .7s .06s var(--out) forwards}[data-ring=dots]:after{border:3px dotted var(--success);animation-name:halo-spin}[data-ring=ripple]:after{border:2px solid var(--success);box-shadow:0 0 0 5px #57d9a333}[data-ring=rays]:after{inset:-12px;background:repeating-conic-gradient(var(--success) 0 9deg,transparent 9deg 45deg);-webkit-mask:radial-gradient(circle,transparent 50%,#000 52% 68%,transparent 70%);mask:radial-gradient(circle,transparent 50%,#000 52% 68%,transparent 70%);animation-name:halo-spin}[data-ring=glow]:after{inset:-10px;background:radial-gradient(circle,#57d9a390,transparent 66%)}[data-ring=duo]:after{border:2px solid var(--accent);box-shadow:0 0 0 5px #57d9a366}@keyframes halo{0%{transform:scale(.9);opacity:1}to{transform:scale(2.3);opacity:0}}@keyframes halo-spin{0%{transform:scale(.9) rotate(0);opacity:1}to{transform:scale(2.3) rotate(110deg);opacity:0}}@keyframes pop{0%{transform:scale(.8)}45%{transform:scale(1.22)}to{transform:scale(1)}}@keyframes draw{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.row-title{flex:1;text-align:left;font-size:.97rem;line-height:1.35;padding:0}.row-edit{flex:1;background:var(--surface-hi);border:1px solid var(--accent);border-radius:8px;padding:6px 8px;font-size:.97rem}.tag{margin-left:7px;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:1px 4px;vertical-align:1px}.row-done{display:flex;align-items:center;gap:12px;padding:11px 14px;background:#111117}.row-done .row-title{color:var(--muted)}.row-done .check{transform:scale(.85)}.row-done.is-fresh{animation:settle .5s var(--out)}@keyframes settle{0%{opacity:0;transform:translateY(-10px) scale(.98)}}.empty-done{display:grid;justify-items:center;gap:6px;padding:28px 0 18px}.empty-done strong{color:var(--text);font-size:1.05rem;font-weight:620}.empty-badge{display:grid;place-items:center;width:56px;height:56px;margin-bottom:6px;border-radius:50%;background:var(--success);color:#07130d;box-shadow:0 12px 34px -10px #57d9a3aa;animation:pop .6s var(--spring)}.empty-badge svg path{stroke-width:3;animation:draw .5s .15s var(--out) both;stroke-dasharray:24}.chip{flex:none;font-family:var(--mono);font-size:.76rem;color:var(--muted);background:var(--surface-hi);border-radius:8px;padding:5px 9px;white-space:nowrap}.row.is-active .chip{color:var(--accent)}.chip-quiet{background:none}.chip-sum{color:var(--muted);background:none;border:1px dashed var(--line)}.chip-default{background:none;color:var(--muted)}.row.is-active .chip-default{color:var(--muted)}.chip-count{background:var(--line);font-size:.7rem;padding:3px 7px}.row-tools{display:grid;gap:10px;padding:0 14px 13px}.presets{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.presets::-webkit-scrollbar{display:none}.presets button{flex:none;min-width:42px;padding:7px 0;border-radius:9px;background:var(--surface-hi);font-family:var(--mono);font-size:.8rem;color:var(--muted)}.presets button.is-on{background:var(--accent);color:#17110a}.row-actions{display:flex;gap:8px}.row-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px;border-radius:9px;background:var(--surface-hi);font-size:.82rem;color:var(--muted)}.row-actions .danger{flex:none;width:44px;color:var(--danger)}.subtask-form{display:flex;align-items:center;gap:8px;padding-left:4px;color:var(--muted)}.subtask-form input{flex:1;min-width:0;background:var(--surface-hi);border:1px solid var(--accent);border-radius:9px;padding:9px 11px;font-size:16px}.subtask-form input:focus{outline:none}.new-task{position:fixed;left:0;right:0;bottom:0;display:flex;align-items:center;gap:8px;max-width:560px;margin:0 auto;padding:10px 16px calc(env(safe-area-inset-bottom) + 10px);background:linear-gradient(transparent,var(--bg) 22%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.new-task input{flex:1;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 15px;font-size:16px}.new-task input::placeholder,.subtask-form input::placeholder{color:var(--muted)}.new-task input:focus{outline:none;border-color:var(--accent)}.chip-preview{color:var(--accent);background:var(--accent-soft)}.new-task button{flex:none;width:48px;height:48px;border-radius:14px;background:var(--accent);color:#17110a;font-size:1.5rem;line-height:1}.new-task button:disabled{background:var(--surface-hi);color:var(--muted)}.sheet-backdrop{position:fixed;inset:0;background:#000a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;z-index:10}.sheet{width:100%;max-width:560px;margin:0 auto;background:var(--surface);border-radius:22px 22px 0 0;border-top:1px solid var(--line);padding:8px 18px calc(env(safe-area-inset-bottom) + 20px);max-height:86dvh;overflow-y:auto;animation:rise .22s ease}@keyframes rise{0%{transform:translateY(16px);opacity:0}}.sheet header{display:flex;align-items:center;justify-content:space-between;padding:8px 0 4px}.sheet h2{margin:0;font-size:1.05rem;font-weight:620;padding-right:12px}.sheet-message{margin:4px 0 16px;color:var(--muted);font-size:.9rem;line-height:1.45}.sheet-actions{display:grid;gap:8px}.sheet-btn{padding:14px 16px;border-radius:14px;font-size:.95rem;font-weight:600;text-align:center;background:var(--surface-hi);color:var(--text);transition:transform .12s ease}.sheet-btn:active{transform:scale(.98)}.sheet-btn-primary{background:var(--accent);color:#17110a}.sheet-btn-success{background:var(--success);color:#07130d}.sheet-btn-danger{background:#ff6b6b22;color:var(--danger)}.sheet-btn-ghost{background:none;color:var(--muted);font-weight:500}.field{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid var(--line);font-size:.92rem}.field-stack{display:grid;gap:10px;justify-items:stretch}.segmented{width:100%;display:flex;gap:4px;background:var(--surface-hi);border-radius:11px;padding:3px}.segmented button{flex:1;padding:8px 4px;border-radius:9px;font-size:.8rem;color:var(--muted);transition:background .18s ease,color .18s ease}.segmented button.is-on{background:var(--accent);color:#17110a;font-weight:600}.field small{display:block;color:var(--muted);font-size:.74rem;margin-top:2px}.field input[type=range]{accent-color:var(--accent);width:140px}.stepper{display:flex;align-items:center;gap:4px;background:var(--surface-hi);border-radius:10px;padding:3px}.stepper button{width:34px;height:30px;border-radius:8px;font-size:1.1rem;color:var(--muted)}.stepper button:active{background:var(--line)}.stepper span{font-family:var(--mono);font-size:.82rem;min-width:56px;text-align:center}.switch{flex:none;width:48px;height:29px;border-radius:15px;background:var(--surface-hi);position:relative;transition:background .2s ease}.switch:after{content:"";position:absolute;top:3px;left:3px;width:23px;height:23px;border-radius:50%;background:var(--muted);transition:transform .2s ease,background .2s ease}.switch.is-on{background:var(--accent)}.switch.is-on:after{transform:translate(19px);background:#17110a}@media(min-width:960px){.app{max-width:1240px;display:grid;grid-template-columns:minmax(380px,1fr) minmax(0,1.2fr);gap:64px;align-items:start;padding:36px 48px 0}.side{position:sticky;top:36px}.side .timer{padding-top:40px}.side .dial{width:min(440px,34vw)}.side .dial-task{font-size:1rem}.side .dial-time{font-size:clamp(4.6rem,6.4vw,6.4rem)}.main{display:flex;flex-direction:column;min-height:calc(100dvh - 36px);padding-top:6px}.main .list{flex:1;align-content:start}.new-task{position:sticky;left:auto;right:auto;max-width:none;margin:0;padding:16px 0 24px}}.wtf{position:fixed;z-index:55;pointer-events:none}.wtf-hole{width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:radial-gradient(circle,#000 45%,#ff9f45 55%,#ff7ab6 64%,transparent 72%);box-shadow:0 0 40px 10px #ff9f4555;animation:hole 1.25s var(--out) forwards}@keyframes hole{30%{transform:scale(7) rotate(180deg)}75%{transform:scale(6) rotate(540deg);opacity:1}to{transform:scale(0) rotate(900deg);opacity:0}}.row.wtf-sucked{transform-origin:var(--ox) var(--oy);animation:sucked 1.1s cubic-bezier(.55,0,.8,.3)}@keyframes sucked{60%{transform:rotate(-200deg) scale(.15);opacity:.9;filter:blur(1px)}61%{transform:rotate(-210deg) scale(0);opacity:0}90%{transform:scale(.9);opacity:0}to{transform:none;opacity:1}}.wtf-rocket{width:30px;height:30px;margin:-15px 0 0 -15px;animation:liftoff 1.2s cubic-bezier(.5,0,.9,.4) forwards}.wtf-rocket b{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;background:var(--success);box-shadow:0 0 20px #57d9a3aa;animation:wobble .12s ease-in-out infinite alternate}.wtf-rocket svg{width:18px;fill:none;stroke:#07130d;stroke-width:4.4;stroke-linecap:round;stroke-linejoin:round}.wtf-rocket i{position:absolute;left:7px;top:22px;width:16px;height:34px;border-radius:50%/30% 30% 70% 70%;background:linear-gradient(#ffd166,#ff9f45 45%,#ff7ab6 80%,transparent);filter:blur(1px);animation:flame .08s linear infinite alternate}@keyframes liftoff{12%{transform:translateY(6px)}to{transform:translateY(-110vh) rotate(-8deg)}}@keyframes wobble{to{transform:rotate(6deg)}}@keyframes flame{to{transform:scaleY(1.35) scaleX(.85)}}.wtf-letters{white-space:pre-wrap;line-height:1.35}.wtf-letters span{display:inline-block;animation:crumble 1.1s var(--d) cubic-bezier(.4,0,1,1) forwards}@keyframes crumble{15%{transform:translateY(-8px)}to{transform:translate(var(--dx),var(--dy)) rotate(var(--r));opacity:0}}.row.wtf-hide-title .strike{visibility:hidden}.row.wtf-glitch{animation:glitch .75s steps(1)}.row.wtf-glitch .row-title{text-shadow:-2px 0 #ff7ab6,2px 0 #4ecdc4}@keyframes glitch{0%{transform:translate(-6px,1px) skew(8deg);clip-path:inset(0 0 55% 0)}15%{transform:translate(5px,-1px);clip-path:inset(40% 0 0 0)}30%{transform:translate(-3px) skew(-12deg);clip-path:inset(20% 0 30% 0)}45%{transform:translate(8px,2px);clip-path:inset(0 0 70% 0);filter:hue-rotate(90deg)}60%{transform:translate(-4px,-2px) skew(5deg);clip-path:inset(60% 0 5% 0)}75%{transform:translate(2px);clip-path:none;filter:invert(1)}90%{transform:none;filter:none}}.wtf-scanlines{inset:0;background:repeating-linear-gradient(transparent 0 3px,#4ecdc412 3px 4px);mix-blend-mode:screen;animation:scan .75s steps(6) forwards}@keyframes scan{50%{opacity:1;transform:translateY(6px)}to{opacity:0}}.wtf-stamp span{position:absolute;transform:translate(-50%,-50%) rotate(-12deg);padding:4px 16px;border:4px solid var(--success);border-radius:10px;color:var(--success);font:900 2.4rem/1 -apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;letter-spacing:.06em;text-shadow:0 0 18px #57d9a366;-webkit-mask:radial-gradient(circle at 30% 40%,#000 60%,#000a 75%,#000 90%);animation:stamp-in 1.25s var(--out) forwards;white-space:nowrap}@keyframes stamp-in{0%{transform:translate(-50%,-50%) rotate(-30deg) scale(4);opacity:0}16%{transform:translate(-50%,-50%) rotate(-12deg) scale(.92);opacity:1}24%{transform:translate(-50%,-50%) rotate(-12deg) scale(1)}80%{opacity:1}to{transform:translate(-50%,-50%) rotate(-12deg) scale(1);opacity:0}}.app.wtf-shake{animation:shake .32s linear}@keyframes shake{20%{transform:translate(-6px,3px)}40%{transform:translate(5px,-4px)}60%{transform:translate(-4px,2px)}80%{transform:translate(3px,-1px)}}.wtf-duck{left:0;margin-top:-24px;font-size:44px;line-height:1;animation:waddle-across 1.6s linear forwards}.wtf-duck span{display:inline-block;transform:scaleX(-1);animation:waddle .18s ease-in-out infinite alternate}@keyframes waddle-across{0%{transform:translate(-60px)}to{transform:translate(calc(100vw + 20px))}}@keyframes waddle{0%{transform:scaleX(-1) rotate(-10deg) translateY(0)}to{transform:scaleX(-1) rotate(10deg) translateY(-6px)}}.row.wtf-float{animation:float 1.1s var(--out)}@keyframes float{40%{transform:translateY(-14px) rotate(-1.5deg)}70%{transform:translateY(-10px) rotate(1deg)}}.wtf-disco{inset:-50%;background:conic-gradient(from 0deg,#ff7ab633,transparent 12%,#4ecdc433 25%,transparent 37%,#ffd16633 50%,transparent 62%,#57d9a333 75%,transparent 87%,#ff7ab633);mix-blend-mode:screen;animation:disco 1.25s linear forwards}.wtf-ball{left:50%;top:0;font-size:54px;line-height:1;transform:translate(-50%,-80px);animation:ball-drop 1.25s var(--spring) forwards}@keyframes disco{0%{opacity:0;transform:rotate(0) scale(1.6)}15%{opacity:1}80%{opacity:1}to{opacity:0;transform:rotate(160deg) scale(1.6)}}@keyframes ball-drop{30%{transform:translate(-50%,40px) rotate(20deg)}80%{transform:translate(-50%,40px) rotate(-20deg)}to{transform:translate(-50%,-100px)}}.app.wtf-bounce{animation:beat .25s ease-out 4}@keyframes beat{30%{transform:scale(1.012)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}