:root{color:#26211c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fbf7ef;font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.shell{background:linear-gradient(135deg,#ffffffb3,#0000 42%),radial-gradient(circle at 15% 20%,#5c9d8f29,#0000 30%),radial-gradient(circle at 88% 12%,#d8a6422e,#0000 28%),#fbf7ef;min-height:100vh;padding:32px}.workspace{justify-items:center;gap:28px;width:min(1120px,100%);margin:0 auto;display:grid}.brand{align-items:center;gap:14px;width:min(1120px,100%);display:flex}.brandMark{color:#fffaf2;background:#26211c;border-radius:8px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 16px 34px #26211c2e}.brand p,.eyebrow{color:#7c7061;letter-spacing:0;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.brand h1,.intro h2,.questionCard h3,.resultCard h2,.resultCard h3{letter-spacing:0;margin:0}.brand h1{margin-top:4px;font-size:clamp(1.4rem,2.6vw,2.3rem)}.quizPanel,.resultPanel{gap:20px;display:grid}.quizPanel{justify-self:center;width:min(820px,100%)}.intro{justify-content:space-between;align-items:end;gap:20px;display:flex}.introFields{gap:12px;width:min(280px,100%);display:grid}.intro h2{max-width:720px;margin-top:8px;font-size:clamp(2rem,5vw,4.4rem);line-height:1}.nameField{color:#6d6154;gap:8px;min-width:190px;font-size:.86rem;font-weight:700;display:grid}.nameField input,.nameField select{color:#26211c;background:#ffffffb8;border:1px solid #26211c24;border-radius:8px;outline:none;width:100%;height:44px;padding:0 13px}.nameField input:focus,.nameField select:focus{border-color:#3a9d8f;box-shadow:0 0 0 3px #3a9d8f2e}.breedHint{background:color-mix(in srgb, var(--breed-accent,#3a9d8f) 12%, #fffaf2);border:1px solid color-mix(in srgb, var(--breed-accent,#3a9d8f) 32%, transparent);border-radius:8px;gap:6px;padding:16px 18px;display:grid}.breedHint strong{font-size:1rem}.breedHint span,.breedCaption{color:#655a4e;font-size:.95rem;line-height:1.6}.breedHintMuted{background:#fffcf6a8;border-color:#26211c1f}.progressBlock{gap:8px;display:grid}.progressMeta{color:#7c7061;justify-content:space-between;font-size:.88rem;font-weight:700;display:flex}.progressTrack{background:#26211c1a;border-radius:999px;height:10px;overflow:hidden}.progressFill{border-radius:inherit;background:linear-gradient(90deg,#3a9d8f,#d8a642);height:100%;transition:width .18s}.questionCard{background:#fffcf6db;border:1px solid #26211c1f;border-radius:8px;gap:22px;padding:28px;display:grid;box-shadow:0 24px 70px #5b4d3a26}.scene{color:#7c7061;margin:0;font-size:1rem}.questionCard h3{font-size:clamp(1.55rem,3vw,2.5rem);line-height:1.15}.choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.choice{text-align:left;color:#26211c;background:#fffaf2;border:1px solid #26211c21;border-radius:8px;align-content:space-between;gap:18px;min-height:164px;padding:20px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.choice:hover,.choice.active{border-color:#3a9d8fcc;transform:translateY(-2px);box-shadow:0 18px 34px #3a9d8f24}.choice span{font-size:1.18rem;font-weight:800}.choice small{color:#766b5d;font-size:.95rem;line-height:1.45}.toolbar{color:#7c7061;align-items:center;gap:14px;display:flex}.toolbar p{margin:0}.iconButton,.secondaryButton{border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:44px;display:inline-flex}.iconButton{color:#fffaf2;background:#26211c;width:44px}.resultPanel{grid-template-columns:minmax(0,1fr);align-items:start;width:min(1120px,100%)}.resultCard{--accent:#3a9d8f;background:#fffcf6e0;border:1px solid #26211c1f;border-radius:8px;gap:18px;min-height:680px;padding:clamp(24px,4vw,42px);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #5b4d3a26}.resultCard:before{content:"";background:linear-gradient(130deg, color-mix(in srgb, var(--accent) 20%, transparent), transparent 42%), linear-gradient(0deg, transparent, #ffffff85);pointer-events:none;position:absolute;inset:0}.resultCard>*{position:relative}.resultTop{justify-content:space-between;align-items:start;gap:18px;display:flex}.resultTop h2{margin-top:8px;font-size:clamp(2rem,4.8vw,4rem);line-height:1}.resultTop strong{color:#fffaf2;background:var(--accent);border-radius:8px;place-items:center;width:78px;height:78px;font-size:1.25rem;display:grid}.dogPortrait{aspect-ratio:1;justify-self:center;width:min(260px,62vw);margin:4px 0;position:relative}.ear{background:color-mix(in srgb, var(--accent) 86%, #fff);transform-origin:bottom;border-radius:64px 64px 16px 16px;width:88px;height:118px;position:absolute;top:18px}.leftEar{left:24px;transform:rotate(-26deg)}.rightEar{right:24px;transform:rotate(26deg)}.face{border:10px solid color-mix(in srgb, var(--accent) 82%, #fff);background:#fff7ea;border-radius:42% 42% 48% 48%;position:absolute;inset:58px 22px 18px;box-shadow:inset 0 -12px #26211c0a}.eye,.nose{background:#26211c;display:block;position:absolute}.eye{border-radius:50%;width:14px;height:14px;top:76px}.leftEye{left:58px}.rightEye{right:58px}.nose{border-radius:55% 55% 65% 65%;width:28px;height:20px;top:112px;left:50%;transform:translate(-50%)}.resultCard h3{font-size:clamp(1.55rem,3vw,2.4rem)}.essence,.summary,.advice p{color:#5d5348;margin:0;font-size:1rem;line-height:1.75}.essence{color:#2d2823;font-size:1.12rem;font-weight:800}.tags{flex-wrap:wrap;gap:10px;display:flex}.tags span{color:#2d2823;background:color-mix(in srgb, var(--accent) 16%, #fffaf2);border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);border-radius:8px;padding:8px 12px;font-size:.9rem;font-weight:800}.analysisGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.analysisCard{background:#fffaf2c2;border:1px solid #26211c1a;border-radius:8px;gap:8px;padding:16px;display:grid}.analysisCard p{color:#5d5348;margin:0;line-height:1.7}.resultLoading,.resultError{align-content:start;gap:18px}.loadingBars{gap:10px;margin-top:12px;display:grid}.loadingBars span{background:linear-gradient(90deg,#26211c14,#26211c29);border-radius:999px;height:12px;animation:1.2s ease-in-out infinite pulse}.loadingBars span:nth-child(2){width:80%;animation-delay:.12s}.loadingBars span:nth-child(3){width:64%;animation-delay:.24s}@keyframes pulse{0%,to{opacity:.55;transform:translate(0)}50%{opacity:1;transform:translate(6px)}}.advice{background:#fffaf2b8;border:1px solid #26211c1a;border-radius:8px;align-items:flex-start;gap:10px;padding:16px;display:flex}.advice svg{color:var(--accent);flex:none;margin-top:5px}.scoreGrid{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;display:grid}.scoreGrid div{background:#26211c0f;border-radius:8px;place-items:center;gap:4px;min-width:0;padding:10px 6px;display:grid}.scoreGrid span{color:#776b5d;font-size:.78rem;font-weight:800}.scoreGrid strong{font-size:1.1rem}.resultActionsInline{justify-content:end;margin-top:8px;display:grid}.secondaryButton{color:#26211c;background:#26211c14;min-width:0;padding:0 14px;font-weight:800}@media (width<=820px){.shell{padding:20px}.intro,.resultTop{flex-direction:column;align-items:stretch}.introFields,.analysisGrid{grid-template-columns:1fr;width:100%}.nameField{min-width:0}.choices,.resultPanel{grid-template-columns:1fr}.choice{min-height:126px}.questionCard{padding:20px}.scoreGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=440px){.shell{padding:14px}.brandMark{width:42px;height:42px}.intro h2{font-size:2.25rem}.toolbar{align-items:flex-start}.scoreGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}