html{scroll-behavior:smooth}body,body a,body button,body canvas{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Ctext y='25' font-size='25'%3E%F0%9F%90%B1%3C/text%3E%3C/svg%3E") 5 5,auto}body{margin:0;font-family:Bricolage Grotesque,sans-serif;background:var(--bg);color:var(--ink);transition:background .4s ease,color .4s ease;overflow-x:clip;--bg: oklch(.97 .016 350);--bg2: oklch(.94 .032 348);--card: oklch(.995 .005 350);--ink: oklch(.26 .06 345);--muted: oklch(.5 .06 345);--accent: oklch(.62 .23 353);--accent2: oklch(.7 .17 335);--accent-ink: oklch(.99 .005 350);--accent-soft: oklch(.9 .055 350);--line: oklch(.86 .045 350);--term-bg: oklch(.25 .05 340);--term-ink: oklch(.92 .04 350);--shadow: 0 10px 32px oklch(.6 .18 350 / .16);--grid: oklch(.62 .23 353 / .09)}body[data-theme=dark]{--bg: oklch(.19 .03 335);--bg2: oklch(.23 .045 340);--card: oklch(.25 .04 340);--ink: oklch(.94 .02 350);--muted: oklch(.7 .05 350);--accent: oklch(.73 .2 353);--accent2: oklch(.78 .15 335);--accent-ink: oklch(.18 .05 345);--accent-soft: oklch(.34 .08 348);--line: oklch(.34 .05 345);--term-bg: oklch(.15 .03 340);--term-ink: oklch(.9 .04 350);--shadow: 0 10px 32px oklch(0 0 0 / .4);--grid: oklch(.73 .2 353 / .1)}*{box-sizing:border-box}a{color:var(--accent);text-decoration-color:#e42d9266}a:hover{color:var(--ink)}::selection{background:var(--accent-soft)}@keyframes floaty{0%,to{transform:translateY(0) rotate(var(--r, 0deg))}50%{transform:translateY(-10px) rotate(var(--r, 0deg))}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes sparklePop{0%{opacity:1;transform:translate(-50%,-50%) scale(.4) rotate(0)}to{opacity:0;transform:translate(-50%,-50%) scale(1.4) rotate(90deg) translateY(-24px)}}@keyframes confettiFall{0%{opacity:1;transform:translate(0) rotate(0) scale(1)}to{opacity:0;transform:translate(var(--dx, 0px),var(--dy, -160px)) rotate(var(--rot, 180deg)) scale(.6)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes wiggle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes oiiaSpin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes oiiaBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.navlink:hover{color:var(--accent)!important}.themebtn:hover{transform:rotate(20deg);border-color:var(--accent)}.themebtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-grad:hover{transform:translateY(-2px) rotate(-1deg);color:var(--accent-ink)}.btn-outline:hover{background:var(--accent-soft);color:var(--accent);transform:translateY(-2px) rotate(1deg)}.sticker:hover{box-shadow:5px 6px 0 var(--ink)}.sticker:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.softcard:hover{transform:rotate(0) translateY(-4px)!important;box-shadow:7px 7px 0 var(--accent)!important}.softcard:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.aboutcard:hover{transform:rotate(0) scale(1.01)!important}.artcard:hover{transform:rotate(0) scale(1.03)!important}.swatch:hover{transform:scale(1.2)}.clearbtn:hover{border-color:var(--accent);color:var(--accent)}.catbtn:hover{filter:drop-shadow(5px 5px 0 var(--accent))}.catbtn:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:14px}.confetti-btn:hover{transform:scale(1.15) rotate(15deg)}.confetti-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.postcard-field{background:transparent;border:none;border-bottom:2px dashed var(--line);font-family:Bricolage Grotesque,sans-serif;font-size:16px;color:var(--ink);padding:8px 2px;width:100%;box-sizing:border-box;outline:none}.postcard-field:focus{border-bottom-color:var(--accent)}.postcard-send{transition:transform .15s ease,box-shadow .15s ease}.postcard-send:hover{box-shadow:5px 5px 0 var(--ink);transform:translateY(-2px) rotate(-1deg)}.postcard-send:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.writeanother:hover{background:var(--accent-soft)}.writeanother:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.masonry-item{display:inline-block;width:100%;-webkit-column-break-inside:avoid;break-inside:avoid}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}