@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@400;600;700&family=Permanent+Marker&display=swap";:root{--color-primary: #E07A5F;--color-secondary: #F4F1DE;--color-accent: #F2CC8F;--color-success: #81B29A;--color-warning: #F4A261;--color-danger: #E76F51;--color-dark: #3D405B;--color-light: #FAF9F6;--safe-color: var(--color-success);--caution-color: var(--color-warning);--danger-color: var(--color-danger);--font-display: "Fredoka", cursive;--font-body: "Nunito", sans-serif;--font-accent: "Permanent Marker", cursive;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 32px;--radius-full: 999px;--shadow-sm: 0 2px 8px rgba(61, 64, 91, .1);--shadow-md: 0 4px 16px rgba(61, 64, 91, .15);--shadow-lg: 0 8px 32px rgba(61, 64, 91, .2);--shadow-paw: 4px 4px 0 rgba(61, 64, 91, .15)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-light) 100%);background-attachment:fixed;color:var(--color-dark);line-height:1.6;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(61,64,91,.03) 2px,rgba(61,64,91,.03) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(61,64,91,.03) 2px,rgba(61,64,91,.03) 4px);pointer-events:none;z-index:1;opacity:.5}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.025;pointer-events:none;z-index:2}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--color-dark)}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}.goodboy-card{background:#fff;border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.goodboy-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(242,204,143,.1) 0%,transparent 70%);pointer-events:none}.goodboy-btn{font-family:var(--font-display);font-weight:600;padding:1rem 2rem;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-paw);font-size:1.1rem}.goodboy-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3d405b40}.goodboy-btn:active{transform:translateY(0)}.goodboy-btn.primary{background:var(--color-primary);color:#fff}.goodboy-btn.success{background:var(--color-success);color:#fff}.goodboy-btn.warning{background:var(--color-warning);color:#fff}.goodboy-btn.danger{background:var(--color-danger);color:#fff}.paw-print{position:relative;display:inline-block;width:40px;height:40px}.paw-print:before{content:"🐾";font-size:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bg-paws{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;opacity:.12;z-index:3}.bg-paws .paw{position:absolute;font-size:2.5rem;filter:drop-shadow(2px 2px 4px rgba(224,122,95,.3))}.bg-paws .paw:nth-child(1){top:15%;left:5%;animation:pawWalk1 25s infinite ease-in-out}.bg-paws .paw:nth-child(2){top:18%;left:12%;animation:pawWalk2 25s infinite ease-in-out;animation-delay:1s}.bg-paws .paw:nth-child(3){top:40%;right:8%;animation:pawWalk3 20s infinite ease-in-out;animation-delay:2s}.bg-paws .paw:nth-child(4){top:43%;right:15%;animation:pawWalk4 20s infinite ease-in-out;animation-delay:3s}.bg-paws .paw:nth-child(5){bottom:20%;left:10%;animation:pawWalk5 22s infinite ease-in-out;animation-delay:4s}.bg-paws .paw:nth-child(6){bottom:17%;left:17%;animation:pawWalk6 22s infinite ease-in-out;animation-delay:5s}.bg-paws .paw:nth-child(7){top:60%;left:50%;animation:pawFloat 18s infinite ease-in-out;animation-delay:6s}.bg-paws .paw:nth-child(8){top:25%;right:35%;animation:pawFloat 16s infinite ease-in-out;animation-delay:7s}@keyframes pawWalk1{0%,to{transform:translate(0) rotate(-15deg);opacity:.3}50%{transform:translate(40px,20px) rotate(5deg);opacity:1}}@keyframes pawWalk2{0%,to{transform:translate(0) rotate(15deg);opacity:.3}50%{transform:translate(40px,20px) rotate(-5deg);opacity:1}}@keyframes pawWalk3{0%,to{transform:translate(0) rotate(20deg);opacity:.3}50%{transform:translate(-40px,20px) rotate(-10deg);opacity:1}}@keyframes pawWalk4{0%,to{transform:translate(0) rotate(-20deg);opacity:.3}50%{transform:translate(-40px,20px) rotate(10deg);opacity:1}}@keyframes pawWalk5{0%,to{transform:translate(0) rotate(10deg);opacity:.3}50%{transform:translate(30px,-15px) rotate(-15deg);opacity:1}}@keyframes pawWalk6{0%,to{transform:translate(0) rotate(-10deg);opacity:.3}50%{transform:translate(30px,-15px) rotate(15deg);opacity:1}}@keyframes pawFloat{0%,to{transform:translateY(0) rotate(0) scale(1);opacity:.2}50%{transform:translateY(-30px) rotate(10deg) scale(1.1);opacity:.6}}.score-circle{width:200px;height:200px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;margin:2rem auto;box-shadow:var(--shadow-lg);transition:all .5s ease}.score-circle.safe{background:linear-gradient(135deg,var(--color-success) 0%,#a8d5ba 100%);color:#fff}.score-circle.caution{background:linear-gradient(135deg,var(--color-warning) 0%,#f7b787 100%);color:#fff}.score-circle.danger{background:linear-gradient(135deg,var(--color-danger) 0%,#f09f8a 100%);color:#fff}.score-circle .score-number{font-family:var(--font-display);font-size:4rem;font-weight:700;line-height:1}.score-circle .score-label{font-family:var(--font-body);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-top:.5rem}.stat-box{background:#fff;border-radius:var(--radius-md);padding:1.5rem;text-align:center;box-shadow:var(--shadow-sm);transition:all .3s ease}.stat-box:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.stat-box .stat-icon{font-size:2.5rem;margin-bottom:.5rem}.stat-box .stat-value{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--color-primary);margin:.5rem 0}.stat-box .stat-label{font-size:.9rem;color:var(--color-dark);opacity:.7;font-weight:600}.mud-meter{width:100%;height:20px;background:#3d405b1a;border-radius:var(--radius-full);overflow:hidden;position:relative}.mud-meter .mud-fill{height:100%;border-radius:var(--radius-full);transition:width .8s cubic-bezier(.34,1.56,.64,1);position:relative}.mud-meter .mud-fill.dry{background:linear-gradient(90deg,#81b29a,#a8d5ba)}.mud-meter .mud-fill.damp{background:linear-gradient(90deg,#f2cc8f,#f5d9a8)}.mud-meter .mud-fill.muddy{background:linear-gradient(90deg,#f4a261,#f7b787)}.mud-meter .mud-fill.swamp{background:linear-gradient(90deg,#e76f51,#f09f8a)}.golden-window{background:linear-gradient(135deg,var(--color-accent) 0%,#f5d9a8 100%);border-radius:var(--radius-md);padding:1.5rem;margin-top:2rem;box-shadow:var(--shadow-paw);color:var(--color-dark)}.golden-window .window-icon{font-size:3rem;margin-bottom:.5rem}.golden-window .window-time{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--color-primary)}.container{max-width:600px;margin:0 auto;padding:2rem 1rem;position:relative;z-index:1}.goodboy-header{text-align:center;padding:2rem 0 1rem;position:relative;z-index:10}.goodboy-header .logo{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);color:var(--color-primary);margin-bottom:.5rem;text-shadow:3px 3px 0 rgba(61,64,91,.1)}.goodboy-header .tagline{font-family:var(--font-accent);font-size:1.2rem;color:var(--color-dark);opacity:.7;transform:rotate(-2deg);margin-bottom:1.5rem}.main-nav{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.main-nav .nav-link{font-family:var(--font-display);font-weight:600;font-size:1.1rem;color:var(--color-dark);text-decoration:none;padding:.75rem 1.5rem;border-radius:var(--radius-full);background:#fff;box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.34,1.56,.64,1);border:2px solid transparent}.main-nav .nav-link:hover{background:var(--color-accent);transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.main-nav .nav-link:active{transform:translateY(0)}@media (max-width: 768px){.container{padding:1rem}.goodboy-card{padding:1.5rem}.score-circle{width:180px;height:180px}.score-circle .score-number{font-size:3.5rem}}.loading{display:inline-block;width:50px;height:50px;border:5px solid rgba(224,122,95,.3);border-radius:50%;border-top-color:var(--color-primary);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero-section{text-align:center;padding:3rem 1rem 4rem;position:relative;z-index:5;background:linear-gradient(180deg,rgba(242,204,143,.2) 0%,transparent 100%);border-radius:var(--radius-lg);margin-bottom:3rem;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(242,204,143,.15) 0%,transparent 60%);animation:heroGlow 8s infinite ease-in-out;pointer-events:none}.hero-section .hero-content{position:relative;z-index:1}.hero-section .hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,8vw,4.5rem);color:var(--color-primary);margin-bottom:1rem;text-shadow:4px 4px 0 rgba(61,64,91,.1);animation:fadeInDown .8s ease-out}.hero-section .hero-subtitle{font-family:var(--font-accent);font-size:clamp(1.2rem,4vw,1.8rem);color:var(--color-dark);margin-bottom:2rem;transform:rotate(-1deg);animation:fadeInUp .8s ease-out .2s backwards}.hero-section .hero-description{font-size:1.1rem;line-height:1.8;max-width:500px;margin:0 auto 2rem;color:var(--color-dark);opacity:.8;animation:fadeIn .8s ease-out .4s backwards}@keyframes heroGlow{0%,to{transform:translate(0) scale(1)}50%{transform:translate(10%,10%) scale(1.1)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(-1deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dog-mascot{width:200px;height:200px;margin:0 auto 2rem;position:relative;animation:mascotBounce 3s infinite ease-in-out}.dog-mascot .dog-head{width:140px;height:120px;background:linear-gradient(135deg,#f2cc8f,#e5be7a);border-radius:50% 50% 45% 45%;position:absolute;top:20px;left:30px;box-shadow:0 8px 20px #3d405b33}.dog-mascot .dog-head:before,.dog-mascot .dog-head:after{content:"";position:absolute;width:18px;height:22px;background:var(--color-dark);border-radius:50%;top:45px;box-shadow:inset 0 -4px #ffffff4d}.dog-mascot .dog-head:before{left:35px}.dog-mascot .dog-head:after{right:35px}.dog-mascot .dog-ear-left,.dog-mascot .dog-ear-right{position:absolute;width:45px;height:70px;background:linear-gradient(135deg,#e5be7a,#d4ad69);border-radius:50% 50% 20% 20%;top:15px;box-shadow:0 4px 12px #3d405b26}.dog-mascot .dog-ear-left{left:15px;transform:rotate(-25deg);animation:earWiggle 2s infinite ease-in-out}.dog-mascot .dog-ear-right{right:15px;transform:rotate(25deg);animation:earWiggle 2s infinite ease-in-out .5s}.dog-mascot .dog-snout{position:absolute;width:80px;height:55px;background:linear-gradient(135deg,#f4f1de,#e8e5d0);border-radius:45% 45% 50% 50%;bottom:45px;left:60px;box-shadow:0 4px 12px #3d405b1a}.dog-mascot .dog-snout:before{content:"";position:absolute;width:25px;height:20px;background:var(--color-dark);border-radius:50% 50% 45% 45%;top:5px;left:27px}.dog-mascot .dog-snout:after{content:"";position:absolute;width:2px;height:15px;background:var(--color-dark);bottom:10px;left:39px}.dog-mascot .dog-tongue{position:absolute;width:20px;height:25px;background:#e76f51;border-radius:0 0 50% 50%;bottom:30px;left:90px;animation:tongueWag 1.5s infinite ease-in-out}@keyframes mascotBounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes earWiggle{0%,to{transform:rotate(-25deg)}50%{transform:rotate(-20deg)}}@keyframes tongueWag{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.15)}}.ribbon-section{background:linear-gradient(135deg,var(--color-primary) 0%,#d66a50 100%);color:#fff;padding:2rem;margin:3rem -1rem;position:relative;box-shadow:0 4px 20px #e07a5f4d}.ribbon-section:before,.ribbon-section:after{content:"";position:absolute;top:0;width:0;height:0;border-style:solid}.ribbon-section:before{left:0;border-width:0 0 30px 30px;border-color:transparent transparent var(--color-secondary) transparent}.ribbon-section:after{right:0;border-width:0 30px 30px 0;border-color:transparent var(--color-secondary) transparent transparent}.ribbon-section h3{color:#fff;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.ribbon-section p{margin:0;line-height:1.8}.fade-in-card{animation:cardFadeIn .6s ease-out backwards}.fade-in-card:nth-child(1){animation-delay:.1s}.fade-in-card:nth-child(2){animation-delay:.2s}.fade-in-card:nth-child(3){animation-delay:.3s}.fade-in-card:nth-child(4){animation-delay:.4s}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.badge-stamp{display:inline-block;padding:.5rem 1.5rem;background:var(--color-accent);color:var(--color-dark);font-family:var(--font-accent);font-size:.9rem;border:3px dashed var(--color-dark);border-radius:var(--radius-sm);transform:rotate(-3deg);box-shadow:3px 3px #3d405b33;margin:1rem 0}.callout-box{background:#fff;border-left:6px solid var(--color-primary);border-radius:var(--radius-md);padding:1.5rem;margin:2rem 0;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.callout-box:before{content:"🐕";position:absolute;font-size:6rem;right:-20px;bottom:-20px;opacity:.05}.callout-box .callout-title{font-family:var(--font-display);color:var(--color-primary);margin-bottom:.75rem;font-size:1.3rem}.callout-box p{margin:0;line-height:1.7}.share-section.svelte-1f7j69k{background:linear-gradient(135deg,#f2cc8f26,#81b29a1a);padding:3rem 1rem;margin:4rem 0 0;position:relative;overflow:hidden}.share-section.svelte-1f7j69k:before{content:"🐕";position:absolute;font-size:15rem;right:-3rem;bottom:-4rem;opacity:.03;transform:rotate(-15deg)}.share-container.svelte-1f7j69k{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:1}.share-title.svelte-1f7j69k{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.5rem);color:var(--color-primary);margin-bottom:.5rem;animation:fadeInDown .6s ease-out}.share-subtitle.svelte-1f7j69k{font-size:1.1rem;color:var(--color-dark);opacity:.8;margin-bottom:2rem;animation:fadeInUp .6s ease-out .1s backwards}.share-buttons.svelte-1f7j69k{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;animation:fadeIn .6s ease-out .2s backwards}.share-btn.svelte-1f7j69k{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-sm);color:#fff}.share-btn.svelte-1f7j69k:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.share-btn.svelte-1f7j69k:active{transform:translateY(-2px)}.share-btn.svelte-1f7j69k svg:where(.svelte-1f7j69k){flex-shrink:0}.share-btn.facebook.svelte-1f7j69k{background:linear-gradient(135deg,#1877f2,#0c63d4)}.share-btn.facebook.svelte-1f7j69k:hover{background:linear-gradient(135deg,#0c63d4,#084fa8)}.share-btn.twitter.svelte-1f7j69k{background:linear-gradient(135deg,#000,#1a1a1a)}.share-btn.twitter.svelte-1f7j69k:hover{background:linear-gradient(135deg,#1a1a1a,#333)}.share-btn.linkedin.svelte-1f7j69k{background:linear-gradient(135deg,#0077b5,#005885)}.share-btn.linkedin.svelte-1f7j69k:hover{background:linear-gradient(135deg,#005885,#004060)}.share-btn.pinterest.svelte-1f7j69k{background:linear-gradient(135deg,#e60023,#bd001c)}.share-btn.pinterest.svelte-1f7j69k:hover{background:linear-gradient(135deg,#bd001c,#950016)}.share-btn.whatsapp.svelte-1f7j69k{background:linear-gradient(135deg,#25d366,#1da851)}.share-btn.whatsapp.svelte-1f7j69k:hover{background:linear-gradient(135deg,#1da851,#128c3c)}.share-btn.copy.svelte-1f7j69k{background:linear-gradient(135deg,var(--color-accent) 0%,#e0b87a 100%);color:var(--color-dark)}.share-btn.copy.svelte-1f7j69k:hover{background:linear-gradient(135deg,#e0b87a,#d4ad69)}.share-btn.copy.copied.svelte-1f7j69k{background:linear-gradient(135deg,var(--color-success) 0%,#6fa088 100%);color:#fff}.share-btn.native.svelte-1f7j69k{background:linear-gradient(135deg,var(--color-primary) 0%,#d66a50 100%)}.share-btn.native.svelte-1f7j69k:hover{background:linear-gradient(135deg,#d66a50,#c85a40)}@media (max-width: 640px){.share-section.svelte-1f7j69k{padding:2rem 1rem}.share-buttons.svelte-1f7j69k{gap:.75rem}.share-btn.svelte-1f7j69k{padding:.65rem 1.25rem;font-size:.9rem}.share-btn.svelte-1f7j69k span:where(.svelte-1f7j69k){display:none}.share-btn.svelte-1f7j69k svg:where(.svelte-1f7j69k){margin:0}.share-btn.copy.copied.svelte-1f7j69k span:where(.svelte-1f7j69k){display:inline}}