.doodle-art{--clay:#dd6a40;--mustard:#f2b53a;--spider:#7fd49a;--band:#4cc47a}.doodle-art .ink{stroke:var(--ink);stroke-width:3px;stroke-linejoin:round;stroke-linecap:round}.doodle-art .leaf{fill:var(--brand)}.doodle-art .clay{fill:var(--clay)}.doodle-art .cream{fill:var(--white)}.doodle-art .orchid{fill:var(--accent)}.doodle-art .mustard{fill:var(--mustard)}.doodle-art .pot-line{stroke:var(--ink);stroke-width:3px;fill:none;stroke-linecap:round}.doodle-art .streak{stroke:var(--mustard);stroke-width:4px;fill:none;stroke-linecap:round}.doodle-art .vein{stroke:var(--ink);stroke-width:2.5px;fill:none;stroke-linecap:round}.doodle-art .stem-out{stroke:var(--ink);stroke-width:9px;fill:none;stroke-linecap:round}.doodle-art .stem-in{stroke:var(--brand);stroke-width:4px;fill:none;stroke-linecap:round}.doodle-art .stem-out.thin{stroke-width:7px}.doodle-art .stem-in.thin{stroke-width:3px;stroke:var(--spider)}.doodle-art .spider{fill:var(--spider)}.doodle-art .stripe{stroke:var(--white);stroke-width:2px;fill:none;stroke-linecap:round}.doodle-art .snake{fill:var(--success)}.doodle-art .band{stroke:var(--band);stroke-width:3.5px;fill:none;stroke-linecap:round;stroke-linejoin:round}.doodle-art .slit-out{stroke:var(--ink);stroke-width:9px;stroke-linecap:round}.doodle-art .slit-in{stroke:var(--accent-soft);stroke-width:3.5px;stroke-linecap:round}.doodle-art .zz{fill:var(--success)}.doodle-art .zz-stem{stroke:var(--success)}.doodle-art .shine{stroke:#ffffffb3;stroke-width:2.5px;fill:none;stroke-linecap:round}.doodle-art .dot{fill:var(--accent)}.doodle-art .dot-ink{fill:var(--ink)}.doodle-art .rib{stroke:var(--success);stroke-width:2.5px;fill:none}.doodle-art .spine{stroke:var(--ink);stroke-width:2px}.doodle-art .petal{fill:var(--accent)}.doodle-art .shadow{fill:var(--ink)}.doodle-art .wood{stroke:#c98f22;stroke-width:3px;stroke-linecap:round}.doodle-art .bracket{fill:var(--ink)}.doodle-art .tag-bg{fill:var(--white);stroke-width:2px;transition:fill .12s ease-out}.doodle-art .tag-text{font-family:var(--font-mono);letter-spacing:.08em;fill:var(--ink);font-size:12px;font-weight:500}.doodle-art .bubble-bg{fill:var(--white)}.doodle-art .bubble-text{font-family:var(--font-display);fill:var(--ink);font-size:25px}.doodle-art .plant:hover .tag-bg,.doodle-art .plant:focus-visible .tag-bg{fill:var(--accent);stroke-width:3px}.doodle-art .plant:focus-visible .tag-bg{stroke:var(--accent-deep);stroke-width:4px}.doodle-art .react-text{font-family:var(--font-display);fill:var(--ink)}.doodle-art .z{font-family:var(--font-display);fill:var(--ink);transform-box:fill-box}.doodle-art .z1{font-size:18px}.doodle-art .z2{font-size:24px}.doodle-art .z3{font-size:32px}.doodle-art .sway{transform-box:fill-box;transform-origin:50% 100%;animation:6s ease-in-out infinite sway}.doodle-art .s2{animation-duration:7.5s;animation-delay:-2s}.doodle-art .s3{animation-duration:9s;animation-delay:-4s}.doodle-art .s4{animation-duration:6.5s;animation-delay:-1s}.doodle-art .s5{transform-origin:50% 0;animation-duration:8s;animation-delay:-3s}.doodle-art .s6{transform-origin:0 0;animation-duration:7s;animation-delay:-5s}@keyframes sway{0%,to{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}50%{transform:rotate(4deg)}75%{transform:rotate(-2deg)}}@keyframes bounce{0%,55%,to{transform:translateY(0)}30%{transform:translateY(-12px)}75%{transform:translateY(-5px)}}@keyframes stretch{0%,to{transform:scaleY(1)}40%{transform:scaleY(1.08)}70%{transform:scaleY(1.04)}}@keyframes sashay{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}60%{transform:rotate(5deg)}85%{transform:rotate(-2deg)}}@keyframes doze{to{transform:rotate(7deg)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@keyframes zfloat{0%{opacity:0;transform:translateY(10px)}30%{opacity:1}to{opacity:0;transform:translate(10px,-16px)}}@keyframes peek{0%{transform:translateY(190px)}to{transform:translateY(0)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes duck{0%,to{transform:translateY(0)}45%{transform:translateY(40px)}}@keyframes pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.doodle-art *{transition:none!important;animation:none!important}}