@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{justify-content:space-between}.result-hero{min-height:11.25rem;border-radius:1.4rem;padding:1.15rem;color:#fff;display:flex;justify-content:space-between;gap:.8rem}.accent-cat .result-hero{background:linear-gradient(135deg,#7b964b,#4c6430)}.accent-dog .result-hero{background:linear-gradient(135deg,#d58b3e,#9f5f21)}.accent-neutral .result-hero{background:linear-gradient(135deg,#8b8375,#5a544b)}.result-emoji{font-size:3rem;align-self:flex-start;filter:drop-shadow(0 10px 18px rgba(0,0,0,.18))}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.metric-card{padding:.9rem .8rem;display:flex;flex-direction:column;gap:.3rem}.metric-card span{color:var(--text-muted);font-size:.76rem;font-weight:700}.metric-card strong{font-size:1.05rem}.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}}