:root{--pink:#ff8fb1;--pink-dark:#ff5c93;--purple:#a78bfa;--yellow:#ffd166;--mint:#7fe0c9;--text:#5a4b6b;--text-h:#3d2c53;--bg:#fff6fa;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:18px/145% Nunito,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}h1,h2,h3{color:var(--text-h);font-family:"Baloo 2",Nunito,system-ui,sans-serif}.page{background:linear-gradient(#fff0f6 0%,#fff6fa 35%,#f3ecff 100%);min-height:100vh;position:relative;overflow:hidden}.floaties{pointer-events:none;z-index:0;position:fixed;inset:0}.floaties span{opacity:.5;font-size:2rem;animation:9s ease-in-out infinite float;position:absolute}.floaties span:first-child{animation-delay:0s;top:8%;left:6%}.floaties span:nth-child(2){font-size:1.6rem;animation-delay:1.2s;top:20%;right:10%}.floaties span:nth-child(3){animation-delay:2.4s;bottom:30%;left:4%}.floaties span:nth-child(4){font-size:1.5rem;animation-delay:3.6s;top:55%;right:6%}.floaties span:nth-child(5){animation-delay:1.8s;bottom:10%;right:20%}.floaties span:nth-child(6){font-size:1.8rem;animation-delay:3s;bottom:15%;left:20%}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-22px)rotate(10deg)}}.hero{z-index:1;text-align:center;flex-direction:column;align-items:center;padding:3.5rem 1.5rem 2.5rem;display:flex;position:relative}.hero-photo-wrap{background:linear-gradient(135deg, var(--pink), var(--purple), var(--yellow));border-radius:50%;width:220px;height:220px;padding:6px;animation:.6s ease-out pop;box-shadow:0 10px 30px #ff5c9359}.hero-photo{object-fit:cover;border:5px solid #fff;border-radius:50%;width:100%;height:100%;display:block}@keyframes pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.hero h1{margin:1.5rem 0 .3rem;font-size:2.6rem;font-weight:800}.subtitle{color:var(--pink-dark);margin:0;font-size:1.25rem;font-weight:600}main{z-index:1;max-width:62rem;margin:0 auto;padding:1rem 1.5rem 3rem;position:relative}.loves h2,.best-friend h2{text-align:center;margin-bottom:1.5rem;font-size:1.9rem}.loves-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.1rem;display:grid}.love-card{text-align:center;background:#fff;border-radius:22px;padding:1.4rem 1.2rem;transition:transform .25s,box-shadow .25s;box-shadow:0 8px 20px #a78bfa26}.love-card:hover{transform:translateY(-6px)scale(1.03);box-shadow:0 14px 28px #ff5c9340}a.love-card{color:inherit;cursor:pointer;text-decoration:none;display:block}.love-emoji{margin-bottom:.4rem;font-size:2.4rem}.love-card h3{margin:.2rem 0 .4rem;font-size:1.15rem}.love-card p{color:var(--text);margin:0;font-size:.92rem}.best-friend{margin-top:3rem}.best-friend-card{background:linear-gradient(135deg, var(--pink), var(--purple));text-align:center;color:#fff;border-radius:28px;padding:2.5rem 2rem;position:relative;box-shadow:0 16px 32px #a78bfa59}.best-friend-card h2{color:#fff}.best-friend-card p{max-width:34rem;margin:0 auto;font-size:1.05rem;font-weight:600}.paw{background:var(--yellow);border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:2.2rem;display:flex;position:absolute;top:-18px;left:50%;transform:translate(-50%);box-shadow:0 6px 14px #00000026}.talent{margin-top:2rem}.talent-card{background:linear-gradient(135deg, var(--yellow), var(--pink));text-align:center;color:#fff;border-radius:28px;padding:2.5rem 2rem;position:relative;box-shadow:0 16px 32px #ffc85759}.talent-card h2{color:#fff;margin-bottom:1.5rem;font-size:1.9rem}.talent-card p{max-width:34rem;margin:0 auto;font-size:1.05rem;font-weight:600}.talent-photo{object-fit:cover;border:5px solid #fff;border-radius:20px;width:200px;height:200px;margin:.5rem auto 1.5rem;display:block;box-shadow:0 10px 24px #0003}.note{background:var(--purple);border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:2.2rem;display:flex;position:absolute;top:-18px;left:50%;transform:translate(-50%);box-shadow:0 6px 14px #00000026}.footer{z-index:1;text-align:center;color:var(--pink-dark);padding:1.5rem;font-weight:600;position:relative}@media (width<=480px){.hero-photo-wrap{width:170px;height:170px}.hero h1{font-size:2.1rem}}.dog-hero{z-index:1;text-align:center;flex-direction:column;align-items:center;padding:3.5rem 1.5rem 2.5rem;display:flex;position:relative}.back-link{color:var(--pink-dark);align-self:flex-start;margin:0 0 1.2rem .5rem;font-weight:700;text-decoration:none}.back-link:hover{text-decoration:underline}.dog-hero h1{margin:.5rem 0 .3rem;font-size:2.4rem;font-weight:800}.dog-gallery-main{z-index:1;max-width:62rem;margin:0 auto;padding:1rem 1.5rem 3rem;position:relative}.dog-gallery-empty{text-align:center;color:var(--pink-dark);padding:3rem 1rem;font-size:1.2rem;font-weight:600}.dog-gallery-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;display:grid}.dog-gallery-item{cursor:pointer;aspect-ratio:1;background:#fff;border:none;border-radius:20px;padding:0;transition:transform .25s,box-shadow .25s;overflow:hidden;box-shadow:0 8px 20px #a78bfa26}.dog-gallery-item:hover{transform:translateY(-6px)scale(1.03);box-shadow:0 14px 28px #ff5c9340}.dog-gallery-item img{object-fit:cover;width:100%;height:100%;display:block}.dog-lightbox{z-index:10;background:#1e0f28e6;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.dog-lightbox-image{border-radius:16px;max-width:100%;max-height:100%;box-shadow:0 20px 50px #0006}.dog-lightbox-close{width:2.6rem;height:2.6rem;color:var(--text-h);cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;display:flex;position:absolute;top:1.2rem;right:1.2rem}.dog-lightbox-nav{width:3rem;height:3rem;color:var(--text-h);cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.8rem;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.dog-lightbox-prev{left:1.2rem}.dog-lightbox-next{right:1.2rem}@media (width<=480px){.dog-hero h1{font-size:2rem}}
