@import "https://fonts.googleapis.com/css2?family=Jua&family=Nanum+Gothic:wght@400;700;800&display=swap";:root{--cream:#fff8dc;--ink:#1e2340;--pink:#ff5e86;--blue:#475bff;--lime:#c9f64a;--sun:#ffca3a;--paper:#fffdf4;--muted:#5d6076;--line:#1e2340;--soft:#e9eeff;--accent:#ff5e86;--display:"Jua",sans-serif;--sans:"Nanum Gothic",sans-serif;--shadow:7px 7px 0 var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:var(--sans);background-image:radial-gradient(#1e234016 1.2px,#0000 1.2px);background-size:20px 20px;margin:0;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:4px solid var(--blue);outline-offset:4px}.dog-nav,main,body>footer{width:min(1240px,100% - 40px);margin:auto}.dog-nav{justify-content:space-between;align-items:center;height:88px;display:flex}.brand{font:1.65rem var(--display);align-items:center;gap:.55rem;display:flex}.brand>span{color:var(--pink);font-size:2rem}.brand small{font:800 .56rem var(--sans);letter-spacing:.16em;background:var(--lime);padding:.25rem .4rem;transform:rotate(-3deg)}nav{gap:2rem;font-size:.85rem;font-weight:800;display:flex}nav a{border-bottom:3px solid #0000}nav a:hover{border-color:var(--pink)}.dog-hero{grid-template-columns:1fr 1fr;align-items:center;gap:6vw;min-height:690px;padding:3rem 0 7rem;display:grid}.barker{letter-spacing:.16em;font-size:.72rem;font-weight:800}.hero-copy h1{font:clamp(4rem,7vw,7.5rem)/.85 var(--display);letter-spacing:-.04em;margin:1.2rem 0}.hero-copy h1 span{color:var(--pink);text-shadow:4px 4px 0 var(--ink);-webkit-text-stroke:2px var(--ink)}.hero-copy>p:not(.barker){max-width:520px;font-size:1.05rem}.sniff-link{background:var(--blue);color:#fff;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);align-items:center;gap:1rem;margin-top:1rem;padding:1rem 1.3rem;font-weight:800;display:inline-flex;transform:rotate(-1deg)}.sniff-link b{font-size:1.4rem}.playground{background:var(--lime);border:4px solid var(--ink);min-height:520px;box-shadow:12px 13px 0 var(--ink);border-radius:46% 46% 14% 18%;position:relative;overflow:hidden}.playground:before{content:"";background:var(--blue);border-top:4px solid var(--ink);height:34%;position:absolute;bottom:-5%;left:-5%;right:-5%;transform:rotate(-4deg)}.sun{border:3px solid var(--ink);background:var(--sun);text-align:center;width:100px;height:100px;font:1.25rem var(--display);border-radius:50%;place-content:center;display:grid;position:absolute;top:7%;right:6%;transform:rotate(8deg)}.dog-shape{background:var(--pink);border:4px solid var(--ink);border-radius:48% 48% 38% 38%;width:230px;height:280px;position:absolute;bottom:16%;left:24%;transform:rotate(-2deg)}.ear{background:var(--pink);border:4px solid var(--ink);width:75px;height:125px;position:absolute;top:-38px}.ear.left{border-radius:80% 30% 50% 40%;left:-32px;transform:rotate(18deg)}.ear.right{border-radius:30% 80% 40% 50%;right:-32px;transform:rotate(-18deg)}.eye{background:var(--ink);border-radius:50%;width:15px;height:22px;position:absolute;top:80px}.eye.one{left:62px}.eye.two{right:62px}.nose{background:var(--ink);border-radius:50% 50% 60% 60%;width:44px;height:32px;position:absolute;top:130px;left:89px}.tail{border:15px solid var(--ink);border-bottom:0;border-left:0;border-radius:0 80% 0 0;width:95px;height:60px;position:absolute;bottom:55px;right:-75px;transform:rotate(-35deg)}.ball{color:var(--sun);-webkit-text-stroke:3px var(--ink);font-size:4rem;position:absolute;bottom:8%;left:10%}.playground em{font:1rem var(--display);writing-mode:vertical-rl;font-style:normal;position:absolute;top:8%;left:4%}.profile-maker{grid-template-columns:320px 1fr;align-items:start;gap:4rem;margin-bottom:8rem;display:grid}.profile-intro{padding-top:3rem}.profile-intro>span,.guide-playlist header p{letter-spacing:.16em;color:var(--blue);font-size:.72rem;font-weight:800}.profile-intro h2,.guide-playlist h2{font:clamp(3rem,5vw,5rem)/.9 var(--display);margin:1rem 0}.profile-intro p{color:var(--muted)}.tail-meter{gap:.6rem;margin-top:2rem;display:flex}.tail-meter i{border:3px solid var(--ink);opacity:.25;border-bottom:0;border-left:0;border-radius:0 90% 0 0;width:34px;height:22px;display:block;transform:rotate(-20deg)}.tail-meter i.on{opacity:1;border-color:var(--pink)}.profile-card{border:4px solid var(--ink);box-shadow:10px 10px 0 var(--pink);background:#fff;border-radius:20px 20px 80px;padding:clamp(1.5rem,4vw,3.5rem)}.profile-card fieldset{border:0;margin:0 0 2.4rem;padding:0}.profile-card legend{font:1.25rem var(--display);margin-bottom:1rem}.choice-row{flex-wrap:wrap;gap:.8rem;display:flex}.choice-row button{background:var(--cream);border:3px solid var(--ink);cursor:pointer;min-width:130px;font:1.25rem var(--display);box-shadow:3px 3px 0 var(--ink);flex:1;padding:1rem}.choice-row button small{font:700 .66rem var(--sans);margin-top:.3rem;display:block}.choice-row button[aria-pressed=true]{background:var(--lime);box-shadow:none;transform:translate(3px,3px)}.choice-row.activity button[aria-pressed=true]{background:var(--sun)}.profile-result{background:var(--blue);color:#fff;grid-template-columns:110px 1fr auto;align-items:center;gap:1.2rem;padding:1.3rem;display:grid;transform:rotate(.5deg)}.profile-result>span{letter-spacing:.12em;font-size:.65rem;font-weight:800}.profile-result strong{font:1.35rem var(--display)}.profile-result p{margin:.2rem 0 0;font-size:.8rem}.profile-result a{color:var(--ink);background:#fff;padding:.7rem;font-size:.75rem;font-weight:800}.guide-playlist{padding:2rem 0 8rem}.guide-playlist header{max-width:600px;margin-bottom:4rem}.dog-guides{grid-template-columns:repeat(12,1fr);align-items:start;gap:1.2rem;display:grid}.dog-ticket{border:3px solid var(--ink);min-height:280px;box-shadow:6px 6px 0 var(--ink);background:#fff;flex-direction:column;padding:1.4rem;transition:transform .2s;display:flex}.dog-ticket:hover{transform:rotate(1deg)translateY(-6px)}.dog-ticket:first-child,.dog-ticket:nth-child(4){grid-column:span 5}.dog-ticket:nth-child(2),.dog-ticket:nth-child(3){grid-column:span 7}.dog-ticket:nth-child(5){grid-column:2/span 6}.dog-ticket:nth-child(6){grid-column:span 5}.dog-ticket:nth-child(2){background:var(--sun);transform:rotate(1deg)}.dog-ticket:nth-child(3){background:var(--soft);transform:rotate(-1deg)}.dog-ticket:nth-child(5){background:var(--lime)}.dog-ticket>span{font-size:.7rem;font-weight:800}.dog-ticket>b{margin:1rem 0;font-size:2.8rem}.dog-ticket h3{font:1.65rem var(--display);margin:0}.dog-ticket p{color:var(--muted);font-size:.85rem}.dog-ticket>strong{color:var(--pink);margin-top:auto}.dog-promise{text-align:center;border-block:4px solid var(--ink);background:var(--pink);margin:8rem auto;padding:5rem 1rem;transform:rotate(-1deg)}.dog-promise p{font:1.4rem var(--display)}.dog-promise h2{font:clamp(2.5rem,6vw,5rem)/1 var(--display);color:#fff;text-shadow:4px 4px 0 var(--ink);margin:.5rem}.detail{padding:4rem 0 7rem}.back{font-weight:800}.detail-head{background:var(--lime);border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);border-radius:20px 80px 20px 20px;grid-template-columns:1fr 180px;margin:2rem 0;padding:3rem;display:grid}.detail-head span{letter-spacing:.15em;color:var(--blue);font-size:.7rem;font-weight:800}.detail-head h1{font:clamp(3rem,6vw,5rem)/.95 var(--display);margin:1rem 0}.detail-icon{text-align:center;font-size:7rem}.quick{background:var(--pink);color:#fff;border:3px solid var(--ink);margin:3rem 0;padding:1.3rem 2rem}.quick p{margin:.3rem 0}.article-grid{grid-template-columns:1fr 310px;gap:4rem;display:grid}.prose section{border-bottom:3px dotted var(--ink);padding:2rem 0}.prose h2,.check h2{font:2rem var(--display)}.check{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--blue);background:#fff;height:max-content;padding:1.4rem;position:sticky;top:1rem}.check>span{color:var(--pink);font-size:.7rem;font-weight:800}.check label{border-top:2px solid var(--ink);gap:.7rem;padding:.8rem 0;display:flex}.next{border-top:4px solid var(--ink);padding-top:2rem}.next>div{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem;display:grid}.next a{border:3px solid var(--ink);background:var(--sun);padding:1rem}.next b{float:right}.coupang-ad{--paper:white;--soft:var(--lime)}body>footer{border-top:4px solid var(--ink);justify-content:space-between;padding:3rem 0;display:flex}body>footer p{color:var(--muted);margin:.2rem 0}@media (width<=800px){.dog-nav,main,body>footer{width:min(100% - 28px,1240px)}nav{display:none}.dog-hero{grid-template-columns:1fr;padding-top:2rem}.playground{min-height:400px}.profile-maker{grid-template-columns:1fr;gap:1rem}.profile-result{grid-template-columns:1fr}.dog-ticket:nth-child(n){grid-column:span 6}.article-grid{grid-template-columns:1fr}.check{position:static}.detail-head,.next>div{grid-template-columns:1fr}}@media (width<=520px){.hero-copy h1{font-size:3.7rem}.playground{min-height:340px}.dog-shape{transform-origin:0 100%;left:18%;transform:scale(.8)}.dog-guides{display:block}.dog-ticket{margin-bottom:1rem}.choice-row{display:grid}.profile-card{padding:1.2rem}.detail-head{padding:1.5rem}.detail-icon{font-size:4rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.coupang-ad[data-astro-cid-ii24c22m]{border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);margin:2.5rem 0;padding:1rem}.ad-label[data-astro-cid-ii24c22m]{font:700 .72rem/1 var(--sans);letter-spacing:.14em;color:var(--accent);margin-bottom:.75rem}.coupang-ad__frame[data-astro-cid-ii24c22m]{background:var(--soft);width:100%;min-height:140px;position:relative;overflow:hidden}.coupang-ad__iframe[data-astro-cid-ii24c22m]{transform-origin:0 0;border:0;display:block}.placeholder[data-astro-cid-ii24c22m]{color:var(--ink);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;position:absolute;inset:0}.placeholder[data-astro-cid-ii24c22m] span[data-astro-cid-ii24c22m]{font:700 .67rem/1 var(--sans);letter-spacing:.18em;color:var(--muted)}.placeholder[data-astro-cid-ii24c22m] strong[data-astro-cid-ii24c22m]{font:700 1.25rem/1.35 var(--display);text-align:right}.coupang-ad__note[data-astro-cid-ii24c22m]{color:var(--muted);margin:.65rem 0 0;font-size:.67rem;line-height:1.5}@media (width<=520px){.placeholder[data-astro-cid-ii24c22m]{padding:1.2rem}.placeholder[data-astro-cid-ii24c22m] strong[data-astro-cid-ii24c22m]{font-size:1rem}}