:root{--color-bg:#f6ede3;--color-bg-accent:#efe4d6;--color-surface:#fffbf5eb;--color-surface-strong:#fffdfa;--color-ink:#261a14;--color-muted:#725c51;--color-line:#3522181f;--color-accent:#2e6eb0;--color-accent-soft:#dcecff;--color-accent-strong:#1e4e80;--color-focus:#1f5fa3;--color-focus-shadow:#1f5fa333;--color-warm:#ffd9bb;--color-shadow:#462b1e1f;--shadow-card:0 24px 50px var(--color-shadow);--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--radius-pill:999px;--font-sans:"PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-sans);background:radial-gradient(circle at top, #ffffffc7, transparent 34%), linear-gradient(180deg, var(--color-bg) 0%, var(--color-bg-accent) 100%);color:var(--color-ink);margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}p,h1,h2{margin:0}.app-shell{min-height:100svh}.page-shell{justify-content:center;align-items:center;width:min(100%,58rem);min-height:100svh;margin:0 auto;padding:2rem 1.25rem 3rem;display:flex}.page-shell--compact{width:min(100%,48rem)}.welcome-card,.selection-card,.question-card,.result-card,.pending-card{border:1px solid var(--color-line);border-radius:var(--radius-xl);background:var(--color-surface);width:100%;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);gap:1.5rem;padding:2rem;display:grid}.welcome-card{gap:1.75rem}.screen-eyebrow{border-radius:var(--radius-pill);background:var(--color-accent-soft);width:fit-content;color:var(--color-accent-strong);letter-spacing:.04em;text-transform:uppercase;justify-content:center;align-items:center;padding:.45rem .85rem;font-size:.8125rem;font-weight:700;display:inline-flex}.welcome-card h1,.selection-card h1,.question-card h1,.result-card h1,.pending-card h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.08}.screen-intro,.screen-helper-copy{color:var(--color-muted);font-size:1rem;line-height:1.65}.screen-helper-copy{font-size:.95rem}.evidence-card{border-radius:var(--radius-lg);background:linear-gradient(#ffffffc7,#ffefdcf2);border:1px solid #ffb98147;gap:.75rem;padding:1.25rem;display:grid}.evidence-card h2{font-size:1rem}.evidence-card p{color:var(--color-muted);line-height:1.65}.pet-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.pet-type-card,.breed-card,.question-option,.secondary-button{border-radius:var(--radius-lg);background:var(--color-surface-strong);border:1px solid #0000;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s}.pet-type-card:hover,.breed-card:hover,.question-option:hover,.secondary-button:hover{border-color:#2e6eb033;transform:translateY(-2px);box-shadow:0 14px 30px #2e6eb01f}.pet-type-card[aria-pressed=true],.breed-card[aria-pressed=true]{border-color:var(--color-accent);background:linear-gradient(#fff 0%,#eef5ff 100%);box-shadow:0 18px 32px #2e6eb029}.pet-type-card:focus-visible,.breed-card:focus-visible,.question-option:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,.text-input:focus-visible{box-shadow:0 0 0 5px var(--color-focus-shadow)}.pet-type-card{text-align:left;gap:.6rem;padding:1.35rem 1rem;display:grid}.pet-type-card__emoji{font-size:1.6rem;font-weight:700}.pet-type-card__label{font-size:1.05rem;font-weight:700}.text-input-field{gap:.65rem;display:grid}.text-input-field__label{font-weight:600}.text-input{border:1px solid var(--color-line);border-radius:var(--radius-md);width:100%;color:var(--color-ink);background:#ffffffd1;padding:.95rem 1rem;transition:border-color .16s,box-shadow .16s}.text-input:focus-visible{border-color:var(--color-accent)}.primary-button,.secondary-button{border-radius:var(--radius-pill);letter-spacing:.01em;width:100%;padding:1rem 1.25rem;font-size:1rem;font-weight:800}.primary-button{color:#fff;background:linear-gradient(135deg,#2f231c 0%,#4b362c 100%);border:0;transition:transform .16s,box-shadow .16s,opacity .16s}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 30px #2b1f182e}.primary-button:disabled{opacity:.45;box-shadow:none}.secondary-button{border:1px solid var(--color-line);color:var(--color-ink);background:#ffffffb3}.breed-grid{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:1rem;display:grid}.breed-card{text-align:left;gap:.9rem;padding:1rem;display:grid;position:relative;overflow:hidden}.breed-card:after{content:"";pointer-events:none;background:linear-gradient(145deg,#ffffff3d,#0000 48%);position:absolute;inset:0}.breed-card__name{font-weight:700}.breed-portrait{aspect-ratio:1;border-radius:calc(var(--radius-lg) - .4rem);background:radial-gradient(circle at 50% 18%, #ffffffc7, transparent 28%), linear-gradient(135deg, var(--breed-bg-start) 0%, var(--breed-bg-end) 100%);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff8f,inset 0 -18px 28px #4d372614}.breed-portrait__svg{filter:drop-shadow(0 14px 18px #422c1b14);width:100%;height:100%;display:block}.breed-portrait[data-portrait-variant=image-asset]{background:radial-gradient(circle at 50% 18%,#ffffffd1,#0000 34%),linear-gradient(#fffffffa 0%,#fafbfceb 100%);border:1px solid #6e593f14}.breed-portrait__image{object-fit:contain;object-position:center var(--breed-image-y,52%);filter:drop-shadow(0 14px 22px #3a30261f);width:100%;height:100%;transform:scale(var(--breed-image-scale,1));transform-origin:50%;padding:.45rem;display:block}.progress-bar{gap:.65rem;display:grid}.progress-bar__track{border-radius:var(--radius-pill);background:#2e6eb01f;width:100%;height:.8rem;overflow:hidden}.progress-bar__fill{border-radius:inherit;background:linear-gradient(90deg,#2e6eb0 0%,#6ea7df 100%);height:100%;transition:width .22s}.progress-bar__meta{color:var(--color-muted);justify-content:space-between;gap:1rem;font-size:.9rem;display:flex}.question-card{gap:1.5rem}.question-card--deck{overflow:hidden}.question-card__header{gap:.6rem;display:grid}.question-deck-shell{padding:.5rem 0 .2rem;position:relative}.question-deck__backdrop{filter:blur(12px);background:radial-gradient(circle,#73a9e629,#0000 68%);border-radius:2rem;position:absolute;inset:.5rem 1.25rem .3rem}.question-deck{min-height:28rem;position:relative}.question-preview-card,.question-focus-card{background:linear-gradient(#fffffff5 0%,#fcf8f2eb 100%);border:1px solid #35221814;border-radius:1.9rem;box-shadow:0 22px 45px #4a322014,inset 0 1px #ffffffb8}.question-preview-card{color:var(--color-muted);align-content:start;gap:.75rem;padding:1.3rem 1.4rem;display:grid;position:absolute;inset:0}.question-preview-card--depth-1{opacity:.68;transform:translateY(1rem)scale(.97)}.question-preview-card--depth-2{opacity:.4;transform:translateY(2rem)scale(.94)}.question-preview-card__eyebrow{letter-spacing:.04em;text-transform:uppercase;font-size:.82rem}.question-preview-card p{font-size:1rem;line-height:1.5}.question-focus-card{z-index:2;cursor:grab;min-height:26rem;padding:1.25rem;position:relative}.question-focus-card:active{cursor:grabbing}.question-focus-card__meta{color:var(--color-muted);justify-content:space-between;gap:1rem;margin-bottom:.85rem;font-size:.92rem;display:flex}.question-options{gap:.8rem;display:grid}.question-option{text-align:left;color:var(--color-ink);background:#ffffffc7;border:1px solid #2e6eb01a;border-radius:1.2rem;grid-template-columns:auto 1fr;align-items:center;gap:.95rem;padding:.9rem 1rem;display:grid}.question-option__index{width:2rem;height:2rem;color:var(--color-accent-strong);background:#2e6eb01f;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.question-card__nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.result-card{--result-accent:var(--color-accent);--result-surface:#ffffffdb;--result-ink:var(--color-ink);background:radial-gradient(circle at top right, #ffffffdb, transparent 40%), linear-gradient(180deg, var(--result-surface) 0%, #ffffffe6 100%);color:var(--result-ink);gap:1.75rem}.result-card__summary,.result-card__hero,.result-card__details{gap:1.25rem;display:grid}.result-card__summary{grid-template-columns:minmax(0,1fr) auto;align-items:start}.result-card__copy{gap:.9rem;display:grid}.result-card__eyebrow{background:color-mix(in srgb, var(--result-accent) 16%, white);color:var(--result-ink)}.result-card__title{font-size:clamp(2rem,3vw,2.75rem);font-weight:800;line-height:1.05}.result-card__one-liner{max-width:34rem;color:color-mix(in srgb, var(--result-ink) 70%, white);font-size:1.05rem;line-height:1.7}.result-card__match,.result-card__chart-panel{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--result-accent) 20%, white);background:#ffffffb8;gap:.4rem;padding:1rem 1.15rem;display:grid}.result-card__match{justify-items:end;min-width:7.5rem}.result-card__match-label,.result-card__chart-title{color:color-mix(in srgb, var(--result-ink) 65%, white);font-size:.9rem}.result-card__match strong{font-size:2.2rem;line-height:1}.result-card__hero{grid-template-columns:minmax(16rem,22rem) minmax(0,1fr);align-items:stretch}.result-card__chart-panel{align-content:start;gap:1rem}.result-card__actions{grid-template-columns:minmax(0,1fr) auto;gap:.9rem;display:grid}.result-card__poster-tip{color:color-mix(in srgb, var(--result-ink,var(--color-ink)) 72%, white);font-size:.92rem;line-height:1.6}.result-card__poster-tip--error{color:#9d3f2d}.result-card__details{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.result-card__detail-panel{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--result-accent) 16%, white);background:#ffffffbd;gap:.9rem;height:100%;padding:1.1rem 1.15rem;display:grid}.result-card__detail-label{font-size:.95rem;font-weight:800}.result-card__detail-body,.result-card__advice-list{color:color-mix(in srgb, var(--result-ink) 76%, white);line-height:1.7}.result-card__advice-list{gap:.75rem;margin:0;padding-left:1.15rem;display:grid}.result-card__advice-list li::marker{color:var(--result-accent)}.result-card__actions .secondary-button{width:auto;min-width:9rem}.result-portrait{border-radius:var(--radius-xl);background:radial-gradient(circle at 50% 14%, #ffffff47, transparent 34%), radial-gradient(circle at 18% 76%, color-mix(in srgb, var(--result-portrait-shell-color,var(--result-portrait-art-color,var(--result-portrait-accent))) 94%, white 6%) 0%, transparent 34%), radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--result-portrait-shell-color,var(--result-portrait-art-color,var(--result-portrait-accent))) 96%, white 4%) 0%, transparent 30%), linear-gradient(160deg, color-mix(in srgb, var(--result-portrait-shell-color,var(--result-portrait-art-color,var(--result-portrait-surface))) 99%, white 1%) 0%, color-mix(in srgb, var(--result-portrait-shell-color,var(--result-portrait-art-color,var(--result-portrait-surface))) 96%, white 4%) 100%);border:1px solid color-mix(in srgb, var(--result-portrait-shell-color,var(--result-portrait-art-color,var(--result-portrait-accent))) 90%, white 10%);min-height:18rem;box-shadow:inset 0 1px 0 #ffffffad, inset 0 -1.5rem 2.5rem color-mix(in srgb, var(--result-portrait-shell-color,var(--result-portrait-art-color,var(--result-portrait-accent))) 10%, transparent);isolation:isolate;position:relative;overflow:hidden}.result-portrait--dog{background:radial-gradient(circle at 50% 14%, #ffffff6b, transparent 36%), radial-gradient(circle at 18% 76%, color-mix(in srgb, var(--result-portrait-art-color) 94%, white 6%) 0%, transparent 34%), radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--result-portrait-art-color) 96%, white 4%) 0%, transparent 30%), linear-gradient(160deg, color-mix(in srgb, var(--result-portrait-art-color) 98%, white 2%) 0%, color-mix(in srgb, var(--result-portrait-art-color) 94%, white 6%) 100%);border-color:color-mix(in srgb, var(--result-portrait-art-color) 90%, white 10%);box-shadow:inset 0 1px 0 #ffffff94, inset 0 -1.2rem 2.2rem color-mix(in srgb, var(--result-portrait-art-color) 12%, transparent)}.result-portrait__glow,.result-portrait__stage,.result-portrait__image-frame,.result-portrait__artbackdrop,.result-portrait__image,.result-portrait__backdrop,.result-portrait__shape,.result-portrait__shape:before,.result-portrait__shape:after,.result-portrait__badge{position:absolute}.result-portrait__glow{background:color-mix(in srgb, var(--result-portrait-shell-color,var(--result-portrait-accent)) 78%, white 22%);filter:blur(14px);width:15rem;height:15rem;opacity:calc(.58 + var(--result-portrait-glow-strength,.2));border-radius:50%;inset:auto auto 1.1rem 1.2rem}.result-portrait__stage{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--result-portrait-shell-color,var(--result-portrait-accent)) 72%, white 28%) 0%, transparent 62%), radial-gradient(circle at 50% 52%, #2c211a29 0%, #2c211a05 66%, transparent 80%);filter:blur(8px);opacity:.9;z-index:0;border-radius:50%;height:6.5rem;bottom:-.75rem;left:10%;right:10%}.result-portrait__image-frame{z-index:1;background:radial-gradient(circle at 50% 12%, #ffffff9e, transparent 28%), radial-gradient(circle at 50% 64%, color-mix(in srgb, var(--result-portrait-shell-color,var(--result-portrait-accent)) 82%, white 18%) 0%, transparent 58%), linear-gradient(180deg, #ffffff38, transparent 22%, transparent 78%, #ffffff29);inset:0}.result-portrait__artbackdrop{background:radial-gradient(circle at 50% 14%, #ffffff47, transparent 34%), linear-gradient(180deg, var(--result-portrait-art-color,var(--result-portrait-surface)) 0%, color-mix(in srgb, var(--result-portrait-art-color,var(--result-portrait-surface)) 98%, white 2%) 100%);opacity:.98;inset:0}.result-portrait--cat .result-portrait__artbackdrop{background:var(--result-portrait-shell-color,var(--result-portrait-art-color,var(--result-portrait-surface)))}.result-portrait--dog .result-portrait__artbackdrop{background:radial-gradient(circle at 50% 16%, #ffffff2e, transparent 38%), linear-gradient(180deg, var(--result-portrait-art-color,var(--result-portrait-surface)) 0%, color-mix(in srgb, var(--result-portrait-art-color,var(--result-portrait-surface)) 98%, white 2%) 100%);opacity:.98}.result-portrait__image-frame:before,.result-portrait__image-frame:after{content:"";pointer-events:none;position:absolute;inset:0}.result-portrait__image-frame:before{background:radial-gradient(circle at 50% 62%, color-mix(in srgb, var(--result-portrait-shell-color,var(--result-portrait-accent)) 70%, white 30%) 0%, transparent 36%), linear-gradient(180deg, transparent 0%, transparent 58%, color-mix(in srgb, var(--result-portrait-shell-color,var(--result-portrait-accent)) 82%, white 18%) 100%);opacity:.35}.result-portrait__image-frame[data-edge-fade=soft]:before{background:linear-gradient(90deg, var(--result-portrait-shell-color,var(--result-portrait-art-color,var(--result-portrait-surface))) 0%, transparent 14%, transparent 86%, var(--result-portrait-shell-color,var(--result-portrait-art-color,var(--result-portrait-surface))) 100%), linear-gradient(180deg, var(--result-portrait-shell-color,var(--result-portrait-art-color,var(--result-portrait-surface))) 0%, transparent 12%, transparent 88%, var(--result-portrait-shell-color,var(--result-portrait-art-color,var(--result-portrait-surface))) 100%);opacity:1}.result-portrait__image-frame:after{border-radius:calc(var(--radius-xl) - .9rem);border:1px solid color-mix(in srgb, var(--result-portrait-shell-color,var(--result-portrait-accent)) 84%, white 16%);opacity:.3;inset:.9rem}.result-portrait__image-frame[data-edge-fade=soft]:after{border-color:color-mix(in srgb, var(--result-portrait-shell-color,var(--result-portrait-art-color,var(--result-portrait-accent))) 88%, white 12%);opacity:.18}.result-portrait__image{left:var(--result-portrait-x,50%);top:var(--result-portrait-y,52%);width:min(var(--result-portrait-width,100%), 24rem);height:auto;max-height:102%;transform:translate(-50%, -50%) scale(var(--result-portrait-scale,1));transform-origin:50%;object-fit:contain;filter:drop-shadow(0 1.9rem 2.8rem color-mix(in srgb, var(--result-portrait-accent) 20%, #20181347)) drop-shadow(0 .45rem 1rem color-mix(in srgb, var(--result-portrait-accent) 10%, #fff6)) saturate(1.04) contrast(1.02)}.result-portrait__image[data-edge-fade=soft]{filter:saturate(1.02)contrast(1.01)}.result-portrait__image-frame[data-render-mode=full-art]{background:0 0}.result-portrait__image[data-render-mode=full-art]{left:var(--result-portrait-x,50%);top:var(--result-portrait-y,52%);object-fit:cover;object-position:center center;width:100%;max-width:none;height:100%;max-height:none;transform:translate(-50%, -50%) scale(var(--result-portrait-scale,1));filter:saturate(1.01)contrast(1.01)}.result-portrait--dog .result-portrait__glow{width:16.5rem;height:16.5rem;opacity:calc(.66 + var(--result-portrait-glow-strength,.2));background:color-mix(in srgb, var(--result-portrait-art-color) 76%, white 24%);inset:auto auto .8rem .9rem}.result-portrait--dog .result-portrait__stage{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--result-portrait-art-color) 60%, white 40%) 0%, transparent 64%), radial-gradient(circle at 50% 52%, #2c211a2e 0%, #2c211a08 66%, transparent 82%);height:7.2rem;bottom:-.45rem;left:7%;right:7%}.result-portrait--dog .result-portrait__image-frame,.result-portrait--cat .result-portrait__image-frame:not([data-render-mode=full-art]){background:0 0}.result-portrait__image-frame[data-render-mode=full-art]:before{opacity:.3}.result-portrait__image-frame[data-render-mode=full-art]:after{border-color:color-mix(in srgb, var(--result-portrait-art-color,var(--result-portrait-accent)) 16%, white 84%);opacity:.55}.result-portrait--dog .result-portrait__image{filter:saturate(1.03)contrast(1.01)}.result-portrait__backdrop{background:color-mix(in srgb, var(--result-portrait-accent) 16%, white);filter:blur(8px);border-radius:50%;width:12rem;height:12rem;inset:auto auto 1.5rem 1.5rem}.result-portrait__shape{background:#ffffffe6;border-radius:46% 46% 38% 38%;inset:22% 18% 14%}.result-portrait__shape:before,.result-portrait__shape:after{content:"";background:#ffffffe6;width:24%;height:24%;top:-12%}.result-portrait--cat .result-portrait__shape:before{clip-path:polygon(50% 0,100% 100%,0 100%);left:16%}.result-portrait--cat .result-portrait__shape:after{clip-path:polygon(50% 0,100% 100%,0 100%);right:16%}.result-portrait--dog .result-portrait__shape:before,.result-portrait--dog .result-portrait__shape:after{background:color-mix(in srgb, var(--result-portrait-accent) 20%, white);border-radius:999px;width:18%;height:32%;top:4%}.result-portrait--dog .result-portrait__shape:before{left:-2%;transform:rotate(18deg)}.result-portrait--dog .result-portrait__shape:after{right:-2%;transform:rotate(-18deg)}.result-portrait__badge{border-radius:var(--radius-pill);background:var(--result-portrait-accent);color:#fff;letter-spacing:.08em;z-index:2;padding:.55rem .75rem;font-size:.85rem;font-weight:800;bottom:1rem;right:1rem}.radar-chart{width:100%;max-width:20rem;margin:0 auto}.result-card__dimension-list{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.result-card__dimension-list li{border-radius:var(--radius-md);background:color-mix(in srgb, var(--result-accent) 9%, white);gap:.25rem;padding:.8rem .9rem;display:grid}.result-card__dimension-list span{color:color-mix(in srgb, var(--result-ink) 68%, white);font-size:.85rem}.result-card__dimension-list strong{font-size:1.2rem}.radar-chart__grid,.radar-chart__axis{fill:none;stroke:#251a141f}.radar-chart__shape{stroke-width:2.5px}.radar-chart__label{fill:currentColor;text-anchor:middle;dominant-baseline:middle;font-size:10px}.poster-stage{pointer-events:none;width:24rem;position:fixed;top:0;left:-200vw}.poster-card{--result-accent:var(--color-accent);--result-surface:#ffffffeb;--result-ink:var(--color-ink);background:linear-gradient(180deg, #fffffff5 0%, color-mix(in srgb, var(--result-surface) 94%, white) 100%) padding-box, repeating-linear-gradient(135deg, color-mix(in srgb, var(--result-accent) 76%, white 24%) 0 12px, color-mix(in srgb, var(--result-accent) 24%, white 76%) 12px 24px) border-box;width:24rem;color:var(--result-ink);box-shadow:0 20px 60px color-mix(in srgb, var(--result-accent) 18%, #140f0b38);border:2px solid #0000;border-radius:1.9rem;gap:.8rem;padding:1.1rem;display:grid;position:relative;overflow:hidden}.poster-card:before,.poster-card:after{content:"";pointer-events:none;position:absolute}.poster-card:before{border:1.5px dashed color-mix(in srgb, var(--result-accent) 42%, white 58%);opacity:.95;border-radius:1.45rem;inset:.42rem}.poster-card:after{background:radial-gradient(circle at top left, #ffffff70, transparent 24%), radial-gradient(circle at bottom right, color-mix(in srgb, var(--result-accent) 12%, white 88%), transparent 26%);opacity:.92;z-index:0;border-radius:1.2rem;inset:.75rem}.poster-card .result-portrait{min-height:12.8rem}.poster-card .result-portrait__glow{width:10.2rem;height:10.2rem;inset:auto auto 1rem 50%;transform:translate(-50%)}.poster-card .result-portrait__stage{height:4.5rem;bottom:-.35rem;left:10%;right:10%}.poster-card .result-portrait__image{width:min(var(--result-portrait-width,100%), 16.5rem)}.poster-card__header,.poster-card__hero,.poster-card__top-grid,.poster-card__footer{z-index:1;display:grid;position:relative}.poster-card__header{grid-template-columns:1fr auto;align-items:start;gap:.85rem}.poster-card__brand{gap:.25rem;display:grid}.poster-card__badge,.poster-card__eyebrow{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--result-accent) 14%, white);letter-spacing:.08em;align-items:center;width:fit-content;padding:.32rem .62rem;font-size:.72rem;font-weight:800;display:inline-flex}.poster-card__brand-title{letter-spacing:.04em;background:linear-gradient(135deg, color-mix(in srgb, var(--result-accent) 92%, #fff 8%) 0%, color-mix(in srgb, var(--result-accent) 56%, #ffddb5 44%) 48%, color-mix(in srgb, var(--result-accent) 90%, #fff2d8 10%) 100%);color:#0000;text-shadow:0 12px 24px color-mix(in srgb, var(--result-accent) 18%, transparent);-webkit-background-clip:text;background-clip:text;font-family:STSong,Songti SC,Noto Serif SC,serif;font-size:1.85rem;font-weight:900;line-height:.95;transform:skew(-5deg)}.poster-card__brand-meta{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.poster-card__logo-box{border:1px solid color-mix(in srgb, var(--result-accent) 16%, white);background:#ffffffc7;border-radius:.95rem;place-items:center;width:3.45rem;height:3.45rem;padding:.28rem;display:grid;box-shadow:inset 0 1px #ffffffc2,0 8px 20px #271b140f}.poster-card__logo-image{object-fit:contain;width:100%;height:100%;display:block}.poster-card__divider{z-index:1;background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--result-accent) 28%, white) 18%, color-mix(in srgb, var(--result-accent) 52%, white) 50%, color-mix(in srgb, var(--result-accent) 28%, white) 82%, transparent 100%);border-radius:999px;height:1px;position:relative}.poster-card__divider--soft{opacity:.7}.poster-card__copy{gap:.55rem;display:grid}.poster-card__copy h2{font-size:2rem;line-height:.96}.poster-card__one-liner{color:color-mix(in srgb, var(--result-ink) 70%, white);font-size:.95rem;line-height:1.5}.poster-card__name{font-size:.92rem;font-weight:700}.poster-card__hero{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);align-items:center;gap:.8rem}.poster-card__portrait-panel,.poster-card__panel{background:linear-gradient(180deg, #ffffffe0, #ffffffa3), color-mix(in srgb, var(--result-accent) 5%, white);border:1px solid color-mix(in srgb, var(--result-accent) 12%, white);border-radius:1.35rem;position:relative;box-shadow:inset 0 1px #ffffffb3,0 10px 24px #271b140f}.poster-card__portrait-panel{overflow:hidden}.poster-card__match{background:color-mix(in srgb, var(--result-accent) 10%, white);border-radius:1rem;grid-template-columns:auto 1fr;align-items:end;gap:.35rem;width:fit-content;padding:.72rem .82rem;display:grid}.poster-card__match span{color:color-mix(in srgb, var(--result-ink) 65%, white);font-size:.78rem}.poster-card__match strong{justify-self:end;font-size:1.8rem;line-height:1}.poster-card__top-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.poster-card__panel{z-index:1;gap:.65rem;padding:.85rem .9rem;display:grid}.poster-card__section-label{letter-spacing:.08em;color:color-mix(in srgb, var(--result-accent) 72%, var(--result-ink));font-size:.76rem;font-weight:800}.poster-card__breed-content{grid-template-columns:4.4rem 1fr;align-items:center;gap:.8rem;display:grid}.poster-card__panel--breed{align-content:center}.poster-card__breed-avatar .breed-portrait{border-radius:1.15rem;width:4.4rem;height:4.4rem}.poster-card__breed-copy{gap:.2rem;display:grid}.poster-card__breed-copy strong{font-size:1.08rem}.poster-card__breed-copy span,.poster-card__placeholder-copy,.poster-card__qr-copy span{color:color-mix(in srgb, var(--result-ink) 68%, white);font-size:.76rem;line-height:1.45}.poster-card__keyword-list{gap:.55rem;display:grid}.poster-card__keyword{background:color-mix(in srgb, var(--result-accent) 9%, white);border-radius:.92rem;grid-template-columns:1fr auto;align-items:center;gap:.5rem;padding:.58rem .65rem;display:grid}.poster-card__keyword span{color:color-mix(in srgb, var(--result-ink) 72%, white);font-size:.8rem}.poster-card__keyword strong{font-size:1rem}.poster-card__analysis-body,.poster-card__tip-item{color:color-mix(in srgb, var(--result-ink) 88%, white);font-size:.84rem;line-height:1.58}.poster-card__tip-item+.poster-card__tip-item{border-top:1px dashed color-mix(in srgb, var(--result-accent) 18%, white);padding-top:.35rem}.poster-card__footer{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:.75rem}.poster-card__panel--qr{grid-template-columns:auto 1fr;align-items:center}.poster-card__qr-box{background:linear-gradient(180deg, #fffffffa, #ffffffeb), color-mix(in srgb, var(--result-accent) 8%, white);border:1px solid color-mix(in srgb, var(--result-accent) 18%, white);border-radius:1.2rem;place-items:center;width:5.7rem;height:5.7rem;padding:.45rem;display:grid}.poster-card__qr-svg{width:100%;height:100%;color:color-mix(in srgb, var(--result-ink) 92%, var(--result-accent))}.poster-card__qr-image{object-fit:cover;border-radius:.95rem;width:100%;height:100%;display:block}.poster-card__qr-copy{align-content:center;gap:.12rem;display:grid}.poster-card__qr-copy strong{font-size:.94rem}.poster-preview{z-index:50;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.poster-preview__scrim{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1813108a;position:absolute;inset:0}.poster-preview__dialog{z-index:1;background:#fffbf5f5;border:1px solid #ffffff8c;border-radius:1.5rem;gap:1rem;width:min(100%,28rem);max-height:min(92vh,54rem);padding:1rem;display:grid;position:relative;overflow:auto;box-shadow:0 24px 80px #1b140e3d}.poster-preview__header,.poster-preview__footer{gap:.65rem;display:grid}.poster-preview__header{grid-template-columns:1fr auto;align-items:start}.poster-preview__eyebrow{border-radius:var(--radius-pill);letter-spacing:.06em;background:#ffffffd1;width:fit-content;padding:.3rem .65rem;font-size:.78rem;font-weight:800;display:inline-flex}.poster-preview__header h2{margin-top:.45rem;font-size:1.25rem;line-height:1.15}.poster-preview__close{border-radius:var(--radius-pill);color:var(--color-ink);background:#ffffffd6;border:0;padding:.7rem .95rem;font-weight:700}.poster-preview__body{place-items:center;display:grid}.poster-preview__image{border-radius:1.4rem;width:min(100%,24rem);display:block;box-shadow:0 16px 40px #1a14102e}.poster-preview__download{text-align:center;width:100%;text-decoration:none}@media (width<=640px){.page-shell{padding:1.25rem 1rem 2rem}.welcome-card,.selection-card,.question-card,.result-card,.pending-card{gap:1.25rem;padding:1.5rem}.pet-type-grid,.result-card__summary,.result-card__hero,.result-card__details,.result-card__actions{grid-template-columns:1fr}.result-card__match{justify-items:start}.result-card__actions .secondary-button{width:100%}.poster-preview{padding:.9rem}.poster-preview__dialog{width:min(100%,24rem);padding:.9rem}.poster-preview__header{grid-template-columns:1fr}.poster-preview__close,.poster-preview__download{width:100%}.breed-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.breed-card{gap:.7rem;padding:.8rem}.breed-card__name{font-size:.95rem}.result-card__dimension-list,.poster-card__top-grid,.poster-card__footer{grid-template-columns:1fr}.question-card--deck{gap:1rem}.question-card__header{gap:.5rem}.question-deck-shell{padding:.35rem 0 .1rem}.question-deck{min-height:26rem}.question-focus-card{min-height:24rem;padding:1rem}.question-options{gap:.7rem}.question-option{gap:.8rem;padding:.82rem .9rem}.question-card__nav{gap:.65rem}}