:root{--bg: #fbf4e9;--surface: #fffcf6;--surface-tint: #f3e7d3;--ink: #4a382e;--ink-2: #7a6353;--muted: #a88f7c;--line: rgba(74, 56, 46, .14);--accent: #e8895a;--accent-soft: rgba(232, 137, 90, .12);--accent-strong: #d9714a;--accent-text: #a84e1b;--accent-2: #f0a868;--on-accent: #3d2417;--seal: #c0562e;--seal-soft: rgba(192, 86, 46, .1);--good: #4c7a3e;--good-soft: rgba(76, 122, 62, .12);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--shadow-sm: 0 1px 2px rgba(74, 56, 46, .05), 0 4px 12px rgba(74, 56, 46, .08);--shadow: 0 1px 2px rgba(74, 56, 46, .05), 0 8px 24px rgba(74, 56, 46, .1), 0 24px 48px -16px rgba(74, 56, 46, .14);--ease-out: cubic-bezier(.22, 1, .36, 1);--font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{min-height:100dvh;font-family:var(--font-sans);font-size:16px;line-height:1.6;letter-spacing:-.01em;word-break:keep-all;overflow-wrap:anywhere;color:var(--ink);background-color:var(--bg);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 60% at 50% -10%,rgba(240,168,104,.16),transparent 62%)}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer}input,select{font:inherit}a{color:var(--accent-text)}img{max-width:100%;display:block}::selection{background:#e8895a47;color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.container{width:100%;max-width:480px;margin:0 auto;padding:var(--space-6) 20px calc(var(--space-7) + env(safe-area-inset-bottom));min-height:100dvh;display:flex;flex-direction:column}@media(min-width:520px){.container{padding-top:var(--space-7)}}.page{animation:page-in .45s var(--ease-out) backwards}@keyframes page-in{0%{opacity:0;transform:translateY(12px)}}.stagger>*{animation:rise .4s var(--ease-out) backwards}.stagger>*:nth-child(1){animation-delay:.05s}.stagger>*:nth-child(2){animation-delay:.1s}.stagger>*:nth-child(3){animation-delay:.15s}.stagger>*:nth-child(4){animation-delay:.2s}.stagger>*:nth-child(5){animation-delay:.25s}.stagger>*:nth-child(6){animation-delay:.3s}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.site-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.wordmark{display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none}.wordmark-paw{display:inline-flex;color:var(--accent)}.wordmark-text{font-size:22px;font-weight:900;letter-spacing:-.02em;color:var(--ink)}.back-link{font-size:14px;font-weight:600;color:var(--ink-2);text-decoration:none}@media(hover:hover){.back-link:hover{color:var(--ink);text-decoration:underline}}.lang-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:36px;padding:0 30px 0 14px;border:1.5px solid var(--line);border-radius:999px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23A88F7C' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center,var(--surface);color:var(--ink-2);font-size:13px;font-weight:600;cursor:pointer}.hero{margin-top:var(--space-4)}.hero-kicker{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text)}.hero-title{margin-top:var(--space-2);font-size:32px;font-weight:900;line-height:1.2;letter-spacing:-.02em;color:var(--ink);white-space:pre-line}.hero-tagline{margin-top:var(--space-3);font-size:15.5px;line-height:1.6;color:var(--ink-2)}.section-label{margin:var(--space-6) 0 var(--space-3);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.species-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.species-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);min-height:108px;padding:var(--space-4);border:1.5px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);color:var(--ink);transition:transform .15s var(--ease-out),box-shadow .15s var(--ease-out),border-color .15s var(--ease-out)}.species-paw{color:var(--accent)}.species-name{font-size:17px;font-weight:800}@media(hover:hover){.species-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--accent)}}.species-card:active{transform:translateY(1px)}.steps-list{list-style:none;display:grid;gap:var(--space-2)}.step{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.step-num{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:var(--accent-soft);color:var(--accent-text);font-size:13px;font-weight:800}.step-text{font-size:14.5px;color:var(--ink-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;padding:0 20px;border-radius:var(--radius-sm);font-size:15px;font-weight:800;text-decoration:none;transition:transform .15s var(--ease-out),filter .15s var(--ease-out),border-color .15s var(--ease-out)}.btn-lg{height:52px;padding:0 28px;font-size:16px}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:inset 0 1px #ffffff47,var(--shadow-sm)}@media(hover:hover){.btn-primary:hover{filter:brightness(1.04);transform:translateY(-1px)}}.btn-primary:active{transform:translateY(1px)}.btn-ghost{border:1.5px solid var(--line);background:var(--surface);color:var(--ink-2)}@media(hover:hover){.btn-ghost:hover{border-color:var(--accent);color:var(--ink)}}.btn-ghost:active{transform:translateY(1px)}.quiz-container{gap:0}.quiz-heading{font-size:22px;font-weight:800;line-height:1.35;letter-spacing:-.02em;color:var(--ink)}.quiz-species,.quiz-nickname{display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-6)}.progress{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.progress-track{flex:1;height:8px;border-radius:999px;background:var(--surface-tint);overflow:hidden}.progress-fill{display:block;height:100%;border-radius:999px;background:var(--accent);transition:width .35s var(--ease-out)}.progress-count{flex:none;font-size:13px;font-weight:700;color:var(--muted)}.quiz-body{display:flex;flex-direction:column;gap:var(--space-4)}.quiz-intro{font-size:13.5px;font-weight:600;color:var(--accent-text)}.quiz-question{font-size:21px;font-weight:800;line-height:1.35;letter-spacing:-.02em;color:var(--ink)}.quiz-options{display:grid;gap:var(--space-3);margin-top:var(--space-2)}.quiz-option{min-height:44px;padding:var(--space-3) var(--space-4);border:1.5px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);color:var(--ink);font-size:15px;line-height:1.5;text-align:left;transition:transform .12s var(--ease-out),border-color .12s var(--ease-out),background .12s var(--ease-out)}@media(hover:hover){.quiz-option:hover{border-color:var(--accent);transform:translateY(-1px)}}.quiz-option:active{transform:translateY(1px)}.quiz-option.is-selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text);font-weight:700}.nickname-input{height:48px;padding:0 var(--space-4);border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-size:16px}.nickname-input::placeholder{color:var(--muted)}.nickname-input:focus-visible{border-color:var(--accent)}.nickname-hint{font-size:13px;color:var(--muted);margin-top:calc(var(--space-3) * -1 + 2px)}.result-page{align-items:stretch}.result-heading{font-size:20px;font-weight:800;line-height:1.4;letter-spacing:-.02em;color:var(--ink);text-align:center;margin-bottom:var(--space-4)}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-5)}.result-error{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);margin-top:var(--space-7)}.result-error-title{font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.result-error-body{font-size:15px;line-height:1.6;color:var(--ink-2);max-width:320px}.site-foot{margin-top:auto;padding:var(--space-6) 0 var(--space-4);border-top:1px solid var(--line);display:grid;gap:var(--space-1);font-size:12px;color:var(--muted);text-align:center}.foot-links a,.site-foot a{color:var(--ink-2);text-decoration:none}@media(hover:hover){.foot-links a:hover,.site-foot a:hover{text-decoration:underline}}.doc{display:grid;gap:var(--space-5)}.doc-head{display:grid;gap:var(--space-1)}.doc h1{font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.doc-updated{font-size:13px;color:var(--muted)}.doc-intro{font-size:15px;color:var(--ink-2)}.doc-section{display:grid;gap:var(--space-2)}.doc-section h2{font-size:17px;font-weight:700;color:var(--ink)}.doc-section p{font-size:14.5px;line-height:1.6;color:var(--ink-2)}.verdict-card{width:100%;max-width:360px;margin:0 auto;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.vc-head{text-align:center;padding:var(--space-4) var(--space-4) 0}.vc-doc{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--accent-text)}.vc-rule{height:1px;margin:var(--space-2) var(--space-5) 0;background:linear-gradient(90deg,transparent,var(--line),transparent)}.vc-stage{display:grid;grid-template-columns:auto auto;align-items:end;justify-content:center;column-gap:var(--space-4);row-gap:6px;padding:var(--space-4) var(--space-4) 0}.vc-stage .char-owner{grid-column:1;grid-row:1;justify-self:center}.vc-stage .char-pet{grid-column:2;grid-row:1;justify-self:center}.vc-def,.vc-judge{display:flex;flex-direction:column;align-items:center;text-align:center;align-self:start}.vc-def{grid-column:1;grid-row:2;gap:4px}.vc-judge{grid-column:2;grid-row:2;gap:3px}.vc-role{font-size:10.5px;letter-spacing:.04em;color:var(--muted)}.vc-rolename{font-size:12px;font-weight:700;color:var(--ink-2)}.vc-judgename{font-size:19px;font-weight:900;letter-spacing:-.01em;color:var(--ink);margin-top:2px}.vc-judgetag{font-size:11.5px;line-height:1.45;color:var(--muted);max-width:190px}.vc-ownerchip{margin:var(--space-3) auto 0;width:fit-content;max-width:calc(100% - var(--space-8));padding:4px 12px;border-radius:999px;background:var(--surface-tint);color:var(--ink-2);font-size:12.5px;font-weight:600;text-align:center}.vc-verdict{text-align:center;padding:var(--space-4) var(--space-5) 0}.vc-vlabel{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text)}.vc-vname{font-size:25px;font-weight:900;letter-spacing:-.02em;color:var(--ink);margin-top:2px}.vc-stamp{display:inline-flex;align-items:center;gap:5px;margin-top:var(--space-2);padding:3px 10px;border:1.5px solid var(--seal);border-radius:var(--radius-sm);background:var(--seal-soft);color:var(--seal);font-size:12px;font-weight:800;letter-spacing:.04em;transform:rotate(-5deg)}.vc-blurb{margin-top:var(--space-3);font-size:13px;line-height:1.55;color:var(--ink-2)}.vc-points{display:grid;gap:var(--space-2);padding:var(--space-4) var(--space-5) 0}.vc-point{display:grid;gap:3px;padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg)}.vc-point b{font-size:10.5px;font-weight:800;letter-spacing:.04em}.vc-point span{font-size:13px;line-height:1.55;color:var(--ink)}.vc-point.good b{color:var(--good)}.vc-point.soft b{color:var(--ink-2)}.vc-brand{display:flex;align-items:center;justify-content:center;gap:5px;padding:var(--space-4) 0 var(--space-4);font-size:12px;font-weight:700;color:var(--muted)}.vc-brand svg{color:var(--accent)}.char-art{display:block}.char-pet.char-hero{width:150px;height:150px;object-fit:contain}.char-owner.char-mini{width:92px;height:92px;object-fit:contain}.char-placeholder.char-owner{border-radius:50%}.char-placeholder.char-pet{border-radius:var(--radius-md)}.char-placeholder{display:flex;align-items:center;justify-content:center}.char-placeholder.char-pet{background:var(--accent-soft);border:1px solid var(--line);color:var(--accent)}.char-placeholder.char-owner{background:radial-gradient(circle at 35% 30%,var(--accent-2),var(--accent));color:var(--surface)}