@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,sans-serif;color:#1b1b17;background:#171717;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--shell-bg: #1c1c19;--card-bg: #f5f2ea;--muted-bg: #ebe5d8;--line: rgba(32, 29, 20, .08);--text-main: #2c291f;--text-muted: #746d61;--accent-yellow: #f3d112;--accent-yellow-deep: #debc00;--accent-green: #648a64;--accent-dog: #d98a44;--accent-cat: #88a95f;--accent-neutral: #8c8578;--button-dark: #4f4f4b}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top left,rgba(243,209,18,.24),transparent 24%),radial-gradient(circle at right,rgba(133,169,95,.16),transparent 22%),linear-gradient(180deg,#201f1d,#131311);color:var(--text-main)}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;position:relative;overflow:hidden}.ambient{position:absolute;width:24rem;height:24rem;border-radius:50%;filter:blur(80px);opacity:.45}.ambient-left{top:4%;left:-8rem;background:#f3d11257}.ambient-right{right:-8rem;bottom:4%;background:#87a95f42}.phone-stage{min-height:100vh;display:grid;place-items:center;padding:1.5rem;position:relative;z-index:1}.phone-frame{width:min(100%,24rem);min-height:min(52rem,calc(100vh - 3rem));background:linear-gradient(180deg,#faf9f6,#f1eee6);border-radius:1.75rem;box-shadow:0 40px 80px #0000006b,inset 0 0 0 1px #fff6;display:flex;flex-direction:column;overflow:hidden;position:relative}.phone-status{display:flex;justify-content:center;padding:.75rem 1rem;font-size:.72rem;color:#2c291fcc}.screen{flex:1;padding:0 .95rem .95rem;display:flex;flex-direction:column;gap:1rem}.screen-card{justify-content:space-between}.screen-centered{align-items:center;justify-content:center;text-align:center;padding:2rem 1.25rem 2.25rem}.screen-centered h2,.screen-card h2,.screen-result h2{margin:0;font-family:Fraunces,serif;font-weight:600;line-height:1.1;letter-spacing:-.02em}.screen-centered p,.screen-result p,.content-stack p{margin:0;color:var(--text-muted);line-height:1.45}.screen-welcome{padding:0;gap:0}.hero-panel{min-height:76%;background:linear-gradient(138deg,var(--accent-yellow) 0 58%,rgba(243,209,18,.18) 58% 100%);padding:1.35rem 1rem 0;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:1;max-width:15rem}.hero-copy h1{margin:.85rem 0 .8rem;font-family:Fraunces,serif;font-size:2rem;line-height:.98;letter-spacing:-.04em}.hero-copy p{margin:0;font-size:.92rem;line-height:1.42;max-width:13rem}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:.32rem .72rem;font-size:.74rem;font-weight:700;letter-spacing:.01em}.badge-dark{background:#201d141f;color:#2a281d}.badge-light{background:#ffffff47;color:#ffffffeb}.hero-illustration{position:absolute;right:-.6rem;bottom:-.9rem;width:12rem;height:14rem}.hero-orb{position:absolute;inset:1.2rem 0 0 1rem;background:radial-gradient(circle at 40% 30%,rgba(255,255,255,.85),rgba(255,255,255,.15) 48%,transparent 62%),linear-gradient(180deg,#59351c5c,#361f0bb8);border-radius:48% 48% 40% 42%;transform:rotate(8deg)}.hero-pet{position:absolute;bottom:1.7rem;right:2.5rem;width:5rem;height:5rem;display:grid;place-items:center;border-radius:1.5rem;background:#fff8e1b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:2.5rem}.welcome-form{padding:1rem 1rem 0}.content-stack{display:flex;flex-direction:column;gap:1rem}.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#2c291f94}.field-label{font-size:.86rem;font-weight:700;color:var(--text-main)}.text-input,.text-area{width:100%;border:1px solid rgba(44,41,31,.12);background:#ffffffb8;color:var(--text-main);border-radius:1rem;padding:.95rem 1rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.text-input:focus,.text-area:focus{border-color:#2c291f47;box-shadow:0 0 0 4px #f3d1122e}.text-area{resize:vertical;min-height:6.5rem}.primary-button,.secondary-button{border:none;border-radius:999px;min-height:3.15rem;padding:.85rem 1.1rem;margin:0 1rem .9rem;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-weight:800;letter-spacing:.01em;transition:transform .18s ease,opacity .18s ease,background .18s ease}.primary-button{background:var(--button-dark);color:#faf7f0}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.option-card:hover:not(:disabled),.rating-pill:hover:not(:disabled){transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.55;cursor:not-allowed}.secondary-button{background:#4f4f4b1f;color:var(--text-main)}.step-list,.list-card,.detail-tile,.soft-note,.options-list,.rating-field,.metric-card{border:1px solid var(--line);background:#ffffff8f;border-radius:1.2rem}.step-list{overflow:hidden}.step-row{display:grid;grid-template-columns:2rem 1fr;gap:.85rem;padding:.95rem 1rem}.step-row+.step-row{border-top:1px solid var(--line)}.step-row span{font-weight:800;color:#2c291f70}.soft-note{padding:1rem;color:var(--text-muted);line-height:1.45}.question-header{display:flex;justify-content:space-between;gap:.75rem}.scope-pill{align-self:flex-start;padding:.45rem .8rem;border-radius:999px;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.scope-people{background:#f3d1123d;color:#7b6200}.scope-cat{background:#88a95f2e;color:#527130}.scope-dog{background:#d98a442e;color:#9b5417}.progress-block{display:flex;flex-direction:column;gap:.5rem}.progress-labels{display:flex;justify-content:space-between;color:var(--text-muted);font-size:.82rem;font-weight:700}.progress-track{height:.38rem;background:#4f4f4b24;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-yellow),#f2ab21);border-radius:inherit}.options-list{padding:.45rem;display:flex;flex-direction:column;gap:.65rem}.option-card{border:1px solid transparent;background:#fffefa;border-radius:1rem;padding:.95rem 1rem;display:flex;align-items:center;gap:.9rem;text-align:left;color:var(--text-main);min-height:3.6rem}.option-card-active{border-color:#f3d112e0;box-shadow:0 0 0 4px #f3d11224}.option-dot{width:1rem;height:1rem;border-radius:50%;border:2px solid rgba(44,41,31,.18);flex:none}.option-card-active .option-dot{border-color:#af9300;background:var(--accent-yellow)}.question-footnote{display:flex;flex-direction:column;gap:.35rem}.muted-line{color:var(--text-muted);font-size:.82rem}.error-banner{background:#b93b3b1f;color:#8b2525;border:1px solid rgba(185,59,59,.18);padding:.9rem 1rem;border-radius:1rem;font-size:.88rem}.loader-ring{width:3.8rem;height:3.8rem;border-radius:50%;border:4px solid rgba(79,79,75,.14);border-top-color:var(--accent-yellow-deep);animation:spin 1s linear infinite}.screen-result{gap:.9rem}.result-surface{border:1px solid rgba(32,29,20,.08);background:radial-gradient(circle at top right,rgba(243,209,18,.18),transparent 34%),linear-gradient(180deg,#ffffffc7,#f4efe5f0);border-radius:1.5rem;padding:1rem;display:flex;flex-direction:column;gap:.85rem;box-shadow:inset 0 1px #ffffff8c}.result-topline{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.result-status-pill,.suggestion-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.4rem .72rem;font-size:.74rem;font-weight:800;letter-spacing:.01em;white-space:nowrap}.tone-good{background:#6593622e;color:#41633f}.tone-caution{background:#d98a442e;color:#915721}.tone-warning{background:#b54d4324;color:#8d3b34}.tone-neutral{background:#4f4f4b1f;color:#54524c}.breed-spotlight{display:flex;gap:.85rem;align-items:center}.breed-avatar,.suggestion-avatar{flex:none;width:4.2rem;height:4.2rem;border-radius:50%;display:grid;place-items:center;font-family:Fraunces,serif;font-size:1.15rem;font-weight:700;color:#fff;box-shadow:0 16px 24px #2c291f1f}.accent-cat .breed-avatar{background:linear-gradient(145deg,#8eab5d,#56743c)}.accent-dog .breed-avatar{background:linear-gradient(145deg,#df9d56,#a86125)}.accent-neutral .breed-avatar{background:linear-gradient(145deg,#8d877b,#5e584f)}.suggestion-avatar{width:3.3rem;height:3.3rem;background:linear-gradient(145deg,#d98a44d1,#648a64eb);font-size:.98rem}.breed-spotlight-copy{display:flex;flex-direction:column;gap:.3rem}.breed-link-button{padding:0;margin:0;border:none;background:transparent;color:inherit;text-align:left}.breed-link-button:hover{opacity:.82}.breed-kicker{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#2c291f75}.breed-spotlight-copy h2{font-size:1.8rem}.breed-link-button-hero h2,.suggestion-link-button strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}.result-story-card,.result-recommendations,.suggestion-card{border:1px solid var(--line);background:#ffffff9e;border-radius:1.2rem}.result-story-card{padding:.95rem 1rem}.result-story-card h3,.result-recommendations h3{margin:0 0 .7rem;font-size:1rem}.result-story-card-muted{background:#eee8dcb8}.result-point-list{margin:0;padding-left:1.05rem;display:flex;flex-direction:column;gap:.55rem;color:var(--text-muted)}.result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.result-inline-button{margin:0;min-height:2.85rem}.result-recommendations{padding:1rem;display:flex;flex-direction:column;gap:.8rem}.result-recommendations-header{display:flex;flex-direction:column;gap:.22rem}.suggestion-list{display:flex;flex-direction:column;gap:.7rem}.suggestion-card{padding:.85rem;display:flex;gap:.8rem;align-items:flex-start}.suggestion-copy{display:flex;flex-direction:column;gap:.32rem;min-width:0}.suggestion-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem}.suggestion-heading strong{font-size:.97rem}.suggestion-copy p{font-size:.86rem}.suggestion-meta{display:flex;gap:.75rem;flex-wrap:wrap;font-size:.74rem;font-weight:700;color:#2c291f8c}.breed-detail-shell{border:1px solid rgba(32,29,20,.08);background:#ffffffb8;border-radius:1.55rem;overflow:hidden}.breed-detail-header{min-height:3rem;display:flex;align-items:center;justify-content:center;padding:.9rem 1rem;font-weight:700;color:#2c291fd1}.breed-detail-hero{min-height:8.5rem;padding:1rem;display:grid;grid-template-columns:minmax(0,1fr) 5.8rem;gap:.8rem;align-items:center}.accent-cat .breed-detail-hero{background:linear-gradient(135deg,#d8e59c,#95b55d,#6f8e44)}.accent-dog .breed-detail-hero{background:linear-gradient(135deg,#ffe117,#f0c500 56%,#e6b35f)}.accent-neutral .breed-detail-hero{background:linear-gradient(135deg,#e7e0cb,#c9bea7 60%,#aea189)}.breed-detail-copy{display:flex;flex-direction:column;gap:.25rem}.breed-detail-copy h2{margin:0;font-family:Fraunces,serif;font-size:1.9rem;line-height:1}.breed-detail-copy p{margin:0;color:#2c291fd1;line-height:1.25}.breed-detail-visual{width:5.8rem;height:5.8rem;border-radius:1.5rem 1.5rem .8rem;background:#ffffff52;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;justify-self:end;font-family:Fraunces,serif;font-size:1.5rem;font-weight:700;color:#2c291fe0}.breed-detail-gallery{width:100%;border:none;border-top:1px solid rgba(32,29,20,.06);border-bottom:1px solid rgba(32,29,20,.06);background:#4f4f4b;color:#faf7f0;min-height:2.7rem;font-weight:700}.breed-detail-sections{display:flex;flex-direction:column}.breed-detail-section{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.65rem;padding:1rem;border-bottom:1px solid rgba(32,29,20,.08)}.breed-detail-section:last-child{border-bottom:none}.breed-detail-index{color:#2c291f57;font-size:.9rem;line-height:1.2}.breed-detail-section-copy{display:flex;flex-direction:column;gap:.25rem}.breed-detail-section-copy h3{margin:0;font-size:.95rem}.breed-detail-section-copy p{margin:0;color:var(--text-muted);line-height:1.35}.breed-detail-loading{padding:2rem .5rem}.list-card,.detail-tile{padding:1rem}.list-card h3,.detail-tile h3{margin:0 0 .7rem;font-size:.98rem}.list-card ul{margin:0;padding-left:1rem;display:flex;flex-direction:column;gap:.55rem;color:var(--text-muted)}.button-column{display:flex;flex-direction:column;gap:.55rem}.button-column .primary-button,.button-column .secondary-button{margin:0}.detail-tile p{color:var(--text-muted)}.breakdown-list{display:flex;flex-direction:column;gap:.65rem}.breakdown-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:.55rem;border-bottom:1px solid var(--line)}.breakdown-row:last-child{border-bottom:none;padding-bottom:0}.rating-field{padding:.9rem;display:flex;flex-direction:column;gap:.7rem}.rating-scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem}.rating-pill{border:none;min-height:2.4rem;border-radius:999px;background:#4f4f4b1a;color:var(--text-main);font-weight:800}.rating-pill-active{background:var(--accent-yellow)}.done-icon{width:4.4rem;height:4.4rem;border-radius:50%;display:grid;place-items:center;background:#88a95f24;color:#638043;font-size:2rem}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:440px){.phone-stage{padding:0}.phone-frame{width:100%;min-height:100vh;border-radius:0}}