.pet-grid-wrap{margin-top:var(--space-4);margin-bottom:var(--space-4)}.pet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.pet-tile-img{display:block;width:100%;aspect-ratio:1 / 1;min-width:0;object-fit:cover;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.pet-tile--pending{position:relative;aspect-ratio:1 / 1;min-width:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:linear-gradient(180deg,var(--sky) 0%,color-mix(in srgb,var(--sky) 32%,var(--bg)) 100%);box-shadow:var(--shadow-sm)}.pet-tile--pending:after{content:"";position:absolute;top:.5rem;right:.5rem;bottom:.5rem;left:.5rem;border:1.5px dashed color-mix(in srgb,var(--leaf-deep) 46%,transparent);border-radius:calc(var(--radius-md) - 5px);pointer-events:none}.pet-tile-silhouette{position:relative;width:52%;height:52%;fill:color-mix(in srgb,var(--leaf-deep) 44%,var(--sky-deep));opacity:.85}.pet-grid-standin{margin-top:var(--space-2);text-align:center;font-size:.75rem;font-weight:600;letter-spacing:.01em;color:var(--muted)}.scenery-hero{position:relative;margin-top:var(--space-2);margin-bottom:var(--space-2);overflow:visible}.scenery-hero:before{content:"";position:absolute;z-index:0;left:0;top:-1.25rem;width:100%;height:calc(100% + 3.5rem);background:radial-gradient(62% 74% at 62% 26%,color-mix(in srgb,var(--sun-soft) 26%,transparent) 0%,transparent 68%);pointer-events:none}.scenery-hero:after{content:"";position:absolute;z-index:0;left:0;top:-.75rem;width:100%;height:calc(100% + 3rem);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");opacity:.05;mix-blend-mode:multiply;pointer-events:none}.scenery-hero-band{position:relative;z-index:1;height:132px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.scenery-hero-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.arch-portrait{position:relative;margin-top:var(--space-3);animation:archReveal .5s var(--ease-out) both}@keyframes archReveal{0%{opacity:0;transform:translateY(.5rem) scale(.98)}}.arch-portrait-garland{position:absolute;top:-.75rem;left:50%;transform:translate(-50%);width:82%;height:2.5rem;pointer-events:none;z-index:1}.arch-portrait-garland .garland-vine{stroke:var(--leaf-deep)}.arch-portrait-garland .garland-leaf-deep{fill:var(--leaf)}.arch-portrait-garland .garland-leaf{fill:color-mix(in srgb,var(--leaf) 65%,#ffffff)}.arch-portrait-mat{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:46% 46% var(--radius-md) var(--radius-md) / 34% 34% var(--radius-md) var(--radius-md);background:linear-gradient(180deg,var(--sky) 0%,color-mix(in srgb,var(--sky) 22%,var(--bg)) 55%,var(--bg) 100%);box-shadow:inset 0 0 0 1px #5a3e2c1a}.arch-portrait-sun{position:absolute;top:14%;left:50%;transform:translate(-50%);width:2.625rem;height:2.625rem;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--sun) 75%,#ffffff) 0%,var(--sun-soft) 70%,transparent 72%)}.arch-portrait-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 22%}.arch-portrait-pet{position:relative;z-index:1;width:58%;height:58%}.arch-portrait-tag{position:absolute;left:50%;bottom:.4375rem;transform:translate(-50%);z-index:2;font-size:.625rem;font-weight:700;letter-spacing:.01em;color:#fff;background:#2a24209e;padding:.125rem .5rem;border-radius:999px;white-space:nowrap}.mini-portrait{flex:none;width:1.875rem;height:1.875rem;border-radius:50%;overflow:hidden;background:var(--accent-soft);display:flex;align-items:center;justify-content:center}.mini-portrait-pet{width:80%;height:80%}.mini-portrait-img{width:100%;height:100%;object-fit:cover;object-position:center 22%}.q-spot{flex:none;width:2rem;height:2rem;border-radius:var(--radius-sm);background:var(--surface-tint);display:grid;place-items:center}.q-spot-icon{width:1.125rem;height:1.125rem;color:var(--accent-text)}.walk-strip{margin-bottom:var(--space-5);height:84px;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.walk-strip-svg{display:block;width:100%;height:100%}.walk-advance{transition:transform .55s var(--ease-out)}.walk-sky-top{stop-color:var(--sky)}.walk-sky-bot{stop-color:color-mix(in srgb,var(--sky) 18%,var(--bg))}.walk-sun{fill:var(--sun)}.walk-hill-far{fill:color-mix(in srgb,var(--leaf) 48%,#ffffff)}.walk-hill-near{fill:var(--leaf)}.walk-walkers{fill:color-mix(in srgb,var(--leaf-deep) 60%,var(--ink))}.walk-walkers-shadow{fill:#0000001f}:root{color-scheme:light;--font-body: "Pretendard Variable", Pretendard, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-display: var(--font-body);--bg: #f5eee0;--surface: #fdf8ec;--surface-tint: #f0e5d2;--ink: #2a2420;--ink-2: #55493e;--muted: #6a5c50;--line: rgba(90, 62, 44, .16);--line-strong: rgba(90, 62, 44, .28);--accent: #b5522d;--accent-strong: #8a3a1c;--accent-soft: rgba(181, 82, 45, .12);--accent-text: #8f4020;--warm: #1f5c55;--warm-soft: rgba(31, 92, 85, .1);--aura: radial-gradient(120% 90% at 50% 0%, rgba(181, 82, 45, .15), transparent 70%);--grad: linear-gradient(120deg, #c05e35 0%, #b5522d 55%, #8a3a1c 100%);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 10px;--shadow-sm: 0 1px 2px rgba(46, 35, 26, .05), 0 4px 12px rgba(46, 35, 26, .07);--shadow: 0 1px 2px rgba(46, 35, 26, .05), 0 8px 24px rgba(46, 35, 26, .09), 0 24px 48px -16px rgba(46, 35, 26, .13);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--ease-out: cubic-bezier(.22, 1, .36, 1);--sky: #cfe6f0;--sky-deep: #8fc0d8;--leaf: #5a9e5c;--leaf-deep: #3f7d43;--sun: #ffe08a;--sun-soft: #f2c14e}*{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;-webkit-text-size-adjust:100%}html[data-textsize=large]{font-size:125%}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:anywhere}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}input{font-family:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-soft)}.app{max-width:30rem;margin:0 auto;min-height:100dvh;padding:var(--space-6) var(--space-5) calc(var(--space-7) + env(safe-area-inset-bottom));position:relative}.page-enter{animation:pageIn .45s var(--ease-out) both}@keyframes pageIn{0%{opacity:0;transform:translateY(.8125rem)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(.625rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.site-header{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;overflow-wrap:break-word}.brand-word{font-family:var(--font-display);font-weight:900;font-size:1.75rem;letter-spacing:-.01em;color:var(--ink)}.brand-tagline{font-size:.8125rem;font-weight:600;color:var(--muted);letter-spacing:.02em}.utilbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;overflow-wrap:break-word;gap:var(--space-2) var(--space-3);margin:var(--space-2) 0 var(--space-4);padding:.3125rem .3125rem .3125rem var(--space-3);background:var(--surface-tint);border-radius:var(--radius-md)}.utilbar-label{font-size:.75rem;font-weight:700;color:var(--muted);letter-spacing:.02em;white-space:nowrap}.utilbar-seg{display:flex;flex-wrap:wrap;gap:.125rem;padding:.125rem;background:color-mix(in srgb,var(--ink) 6%,transparent);border-radius:999px}.utilbar-seg-btn{min-height:2rem;padding:0 var(--space-3);border:0;border-radius:999px;background:transparent;color:var(--ink-2);font-family:inherit;font-size:.8125rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .18s var(--ease-out),color .18s var(--ease-out)}.utilbar-seg-btn--large{font-weight:900}.utilbar-seg-btn.is-on{background:var(--surface);color:var(--accent-text);box-shadow:var(--shadow-sm)}@media(hover:hover){.utilbar-seg-btn:not(.is-on):hover{color:var(--ink)}}.utilbar-seg-btn:active{transform:translateY(.0625rem)}.footer{margin-top:var(--space-8);padding-top:var(--space-5);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;overflow-wrap:break-word;gap:var(--space-2) var(--space-4);font-size:.75rem;color:var(--muted)}.footer a{color:var(--muted);text-decoration:underline;text-underline-offset:.1875rem;transition:color .15s ease}@media(hover:hover){.footer a:hover{color:var(--accent-text)}}.btn-primary{display:block;width:100%;min-height:2.75rem;padding:1.0625rem var(--space-5);border-radius:var(--radius-md);background:var(--grad);color:var(--surface);font-size:1.0313rem;font-weight:700;letter-spacing:-.01em;box-shadow:inset 0 1px #ffffff38,var(--shadow-sm);transition:transform .15s var(--ease-out),box-shadow .15s var(--ease-out),filter .15s ease}@media(hover:hover){.btn-primary:hover{transform:translateY(-.0625rem);box-shadow:inset 0 1px #ffffff38,var(--shadow);filter:brightness(1.04)}}.btn-primary:active{transform:translateY(.0625rem)}.btn-primary:disabled{filter:grayscale(.5) opacity(.55);cursor:not-allowed}.btn-primary:disabled:hover{transform:none;filter:grayscale(.5) opacity(.55)}.btn-ghost{display:block;width:100%;min-height:2.75rem;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line);color:var(--ink-2);font-size:.9375rem;font-weight:600;transition:background .15s ease,border-color .15s ease}@media(hover:hover){.btn-ghost:hover{border-color:var(--line-strong)}}.btn-ghost:active{background:var(--surface-tint)}.btn-text{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 var(--space-2);color:var(--muted);font-size:.875rem;font-weight:600;text-decoration:underline;text-underline-offset:.1875rem;transition:color .15s ease}@media(hover:hover){.btn-text:hover{color:var(--accent-text)}}.home-hero{margin-top:var(--space-2)}.home-info-line{font-size:.8125rem;font-weight:700;color:var(--accent-text);letter-spacing:.01em;word-break:keep-all}.home-title{margin-top:.375rem;font-family:var(--font-display);font-size:1.75rem;font-weight:850;letter-spacing:-.01em;line-height:1.32;color:var(--ink);word-break:keep-all}.home-intro{margin-top:var(--space-3);color:var(--ink-2);font-size:.9688rem;line-height:1.65;word-break:keep-all}.home-honesty{margin-top:var(--space-5);display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:.375rem var(--radius-md) var(--radius-md) .375rem;box-shadow:var(--shadow-sm)}.home-honesty-mark{flex:none;width:1.5rem;height:1.5rem;display:grid;place-items:center}.home-honesty-mark svg{width:100%;height:100%}.home-honesty-copy{min-width:0}.home-honesty-title{font-size:.9375rem;font-weight:700;color:var(--ink);word-break:keep-all;overflow-wrap:break-word}.home-honesty-text{margin-top:.25rem;min-width:0;color:var(--ink-2);font-size:.875rem;line-height:1.6;word-break:keep-all;overflow-wrap:break-word}.home-cta{margin-top:var(--space-6)}.survey-top{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.back-btn{flex:none;width:2.375rem;height:2.375rem;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);color:var(--ink-2);box-shadow:var(--shadow-sm);transition:background .15s ease,transform .15s var(--ease-out)}@media(hover:hover){.back-btn:hover{background:var(--surface-tint)}}.back-btn:active{transform:scale(.94)}.back-btn svg{width:1.125rem;height:1.125rem}.progress-wrap{flex:1;min-width:0}.progress-track{height:.4375rem;border-radius:999px;background:var(--surface-tint);overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:var(--grad);transition:width .35s var(--ease-out)}.progress-label{margin-top:.4375rem;font-size:.75rem;font-weight:700;color:var(--ink-2);text-align:right;letter-spacing:.04em;font-variant-numeric:tabular-nums}.q-number{display:flex;align-items:center;gap:var(--space-2);color:var(--accent-text);font-weight:800;font-size:.8125rem;letter-spacing:.08em}.q-number:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line-strong),transparent)}.q-text{margin-top:var(--space-3);margin-bottom:var(--space-5);font-family:var(--font-display);font-size:1.375rem;font-weight:700;letter-spacing:-.01em;line-height:1.4;word-break:keep-all}.option-btn{position:relative;display:block;width:100%;min-height:2.75rem;text-align:left;padding:1rem 3.125rem 1rem var(--space-4);margin-top:var(--space-3);border-radius:var(--radius-md);background:var(--surface);border:1.5px solid var(--line);font-size:.9688rem;font-weight:600;color:var(--ink);word-break:keep-all;overflow-wrap:break-word;transition:border-color .15s ease,border-left-width .15s ease,padding-left .15s ease,background .15s ease,transform .15s var(--ease-out),box-shadow .15s ease}.option-btn:first-of-type{margin-top:0}@media(hover:hover){.option-btn:hover:not(:disabled){border-color:var(--line-strong);transform:translateY(-.0625rem);box-shadow:var(--shadow-sm)}}.option-btn:active:not(:disabled){transform:translateY(.0625rem)}.option-btn:disabled{cursor:default}.option-btn:after{content:"";position:absolute;right:.9375rem;top:50%;width:1.375rem;height:1.375rem;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / .75rem .75rem no-repeat,var(--accent-strong);opacity:0;transform:translateY(-50%) scale(.5);transition:opacity .15s ease,transform .18s var(--ease-out)}.option-btn.selected{border-color:var(--accent);border-left-width:3px;padding-left:calc(var(--space-4) - 1.5px);background:linear-gradient(var(--accent-soft),var(--accent-soft)),var(--surface);box-shadow:var(--shadow-sm)}.option-btn.selected:after{opacity:1;transform:translateY(-50%) scale(1)}.page-enter>.option-btn{animation:rise .4s var(--ease-out) backwards}.page-enter>.option-btn:nth-of-type(1){animation-delay:.02s}.page-enter>.option-btn:nth-of-type(2){animation-delay:.06s}.page-enter>.option-btn:nth-of-type(3){animation-delay:.1s}.page-enter>.option-btn:nth-of-type(4){animation-delay:.14s}.page-enter>.option-btn:nth-of-type(5){animation-delay:.18s}.survey-submit{margin-top:var(--space-6)}.profile-card{--card-pad: 1.375rem;position:relative;overflow:hidden;margin-top:var(--space-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--card-pad)}.profile-card-top{border-left:3px solid var(--accent);padding-left:var(--space-4)}.profile-tab{display:inline-block;font-size:.6875rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-text)}.result-name{margin-top:var(--space-5);font-family:var(--font-display);font-size:1.5rem;font-weight:800;letter-spacing:-.01em;line-height:1.3;color:var(--ink);word-break:keep-all}.result-name-en{display:block;margin-top:.1875rem;font-size:.875rem;font-weight:600;color:var(--muted);letter-spacing:0}.result-match{margin-top:var(--space-4)}.result-fit-scope{font-size:.75rem;font-weight:700;color:var(--ink-2);letter-spacing:.01em;word-break:keep-all}.result-fit{position:relative;z-index:0;margin-top:.125rem;display:inline-block;font-family:var(--font-display);font-size:2.75rem;font-weight:900;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--accent-strong)}.result-fit:before{content:"";position:absolute;z-index:-1;top:-.5rem;right:-1.125rem;bottom:-.5rem;left:-1.125rem;background:radial-gradient(65% 100% at 30% 50%,var(--accent-soft),transparent 72%);pointer-events:none}.result-fit .unit{font-size:1.25rem;font-weight:700;color:var(--ink);margin-left:.1875rem}.result-facts{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px dashed var(--line-strong);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4) var(--space-3)}.result-fact{min-width:0;display:flex;flex-direction:column;gap:.1875rem}.result-fact-label{font-size:.75rem;font-weight:700;color:var(--muted);letter-spacing:.02em;word-break:keep-all}.result-fact-value{font-size:.9375rem;font-weight:700;color:var(--ink);word-break:keep-all;overflow-wrap:break-word}.result-hypoallergenic-note{margin-top:var(--space-4);display:flex;align-items:flex-start;gap:var(--space-2);font-size:.8125rem;color:var(--ink-2);line-height:1.55;word-break:keep-all;overflow-wrap:break-word}.result-hypoallergenic-note svg{flex:none;width:.875rem;height:.875rem;margin-top:.1875rem;color:var(--accent-text)}.result-health{margin:0 calc(var(--card-pad) * -1) calc(var(--card-pad) * -1);padding:0 var(--card-pad) var(--card-pad);background:var(--surface-tint)}.result-health-inner{border-left:3px solid var(--warm);padding:var(--space-5) 0 0 var(--space-4)}.result-health-title{display:flex;align-items:center;flex-wrap:wrap;overflow-wrap:break-word;gap:var(--space-2);font-size:1.0625rem;font-weight:700;color:var(--ink)}.result-health-title svg{flex:none;width:1.125rem;height:1.125rem;color:var(--warm)}.result-health-body{margin-top:var(--space-2);font-size:.9688rem;line-height:1.65;color:var(--ink-2);word-break:keep-all;overflow-wrap:break-word}.result-notice{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-left:3px solid var(--accent);border-radius:.375rem var(--radius-md) var(--radius-md) .375rem;background:var(--surface-tint);color:var(--ink-2);font-size:.875rem;line-height:1.6;word-break:keep-all;overflow-wrap:break-word}.result-runnerups{margin-top:var(--space-6)}.result-runnerups-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2) var(--space-3)}.result-runnerups-title{font-size:.8125rem;font-weight:700;color:var(--ink-2);letter-spacing:.02em;word-break:keep-all}.result-runnerups-tie{font-size:.8125rem;font-weight:700;color:var(--warm);word-break:keep-all}.result-runnerups-list{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.result-runnerup{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line)}.result-runnerup-name{flex:1;min-width:0;font-size:.9063rem;font-weight:600;color:var(--ink);word-break:keep-all;overflow-wrap:break-word}.result-runnerup-fit{flex:none;font-size:.9063rem;font-weight:700;color:var(--accent-text);font-variant-numeric:tabular-nums}.result-runnerups-list>.result-runnerup{animation:rise .4s var(--ease-out) backwards}.result-runnerups-list>.result-runnerup:nth-child(1){animation-delay:.04s}.result-runnerups-list>.result-runnerup:nth-child(2){animation-delay:.08s}.result-runnerups-list>.result-runnerup:nth-child(3){animation-delay:.12s}.result-tendency{margin-top:var(--space-5);display:flex;align-items:flex-start;gap:var(--space-2);font-size:.8125rem;color:var(--ink-2);line-height:1.6;word-break:keep-all;overflow-wrap:break-word}.result-tendency svg{flex:none;width:.9375rem;height:.9375rem;margin-top:.125rem;color:var(--muted)}.result-restart{margin-top:var(--space-6);text-align:center}