@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";:root{--color-primary: #FF8A50;--color-primary-600: #FF6B2A;--color-accent: #7BDFF6;--color-bg: #071018;--color-surface: #0F1724;--color-muted: #9AA6B2;--color-text: #E6EEF3;--radius: 12px;--radius-sm: 10px;--shadow-lg: 0 10px 30px rgba(2,6,23,.6);--shadow-sm: 0 2px 12px rgba(2,6,23,.35);--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--site-max-width: 720px;--content-max-width: 640px;--card-max-width: var(--content-max-width);--glass: rgba(255,255,255,.03)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:linear-gradient(180deg,var(--color-bg) 0%,#071019 100%);color:var(--color-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"liga" 1;font-feature-settings:"liga" 1}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 24 24'><path fill='%234a5568' fill-opacity='0.04' d='M12 13c-2 0-6 1-6 4 0 1.657 1.343 3 3 3 2 0 3-2 3-2s1 2 3 2c1.657 0 3-1.343 3-3 0-3-4-4-6-4zM6.5 8C5.12 8 4 6.88 4 5.5S5.12 3 6.5 3 9 4.12 9 5.5 7.88 8 6.5 8zM17.5 8C16.12 8 15 6.88 15 5.5S16.12 3 17.5 3 20 4.12 20 5.5 18.88 8 17.5 8z'/></svg>");background-repeat:repeat;background-position:center center;mix-blend-mode:overlay}.l-container{width:100%;max-width:var(--site-max-width);margin:0 auto;padding:0 24px}.l-content{width:100%;max-width:var(--content-max-width);margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:stretch;min-height:100vh;gap:20px}.l-content>*{width:100%}.c-hero__inner{display:grid;gap:18px;max-width:var(--content-max-width);margin:0 auto;width:100%}.c-hero__top{display:flex;align-items:center;gap:14px;justify-content:center}.c-results__actions{display:flex;gap:12px;justify-content:center;margin-top:16px}.c-hero{display:grid;place-items:center;text-align:center}.c-hero__title{font-size:32px;margin:0 0 8px}.c-hero__subtitle{color:var(--color-muted);margin:0 0 20px}.c-hero__illu{width:120px;height:120px;border-radius:20px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));display:flex;align-items:center;justify-content:center;color:#fff;font-size:40px;box-shadow:var(--shadow-lg)}.c-badge--breed{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,#ffffff05,#ffffff03);padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.04);justify-content:center;width:auto;max-width:100%}.c-badge--breed--inline{padding:4px 10px;width:auto}.c-badge__paw{font-size:18px;line-height:1}.c-badge__text{font-weight:700;color:var(--color-text);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:calc(var(--card-max-width) - 60px)}.c-card,.c-question{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:20px;max-width:var(--card-max-width);width:100%;margin:0 auto}.c-form{display:flex;gap:12px;align-items:stretch;justify-content:flex-start;width:100%}.c-form__input{padding:12px 14px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.06);flex:1;min-width:0;background:transparent;color:var(--color-text);height:44px}.c-btn{background:var(--color-primary);color:#fff;border:none;padding:0 18px;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;display:inline-flex;align-items:center;justify-content:center;height:44px}.c-btn--secondary{background:transparent;border:1px solid rgba(255,255,255,.06);color:var(--color-text)}.is-disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.c-question{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:20px}.c-question__heading{font-size:20px;margin:0 0 12px}.c-question__progress-wrap{display:flex;align-items:center;gap:12px;margin-bottom:12px}.c-progress{flex:1;background:#ffffff0a;border-radius:999px;height:10px;overflow:hidden}.c-progress__bar{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-600));width:0%;transition:width .5s ease}.c-progress__text{font-size:13px;color:var(--color-muted);min-width:44px;text-align:right}.c-question__actions{display:flex;gap:12px;justify-content:space-between;margin-top:16px}.c-question__actions .c-btn{min-width:120px}.c-question__actions .c-btn[disabled]{opacity:.6;cursor:not-allowed}.c-options{display:grid;gap:12px;margin-top:8px}.c-option{display:block;width:100%;text-align:left;padding:14px 16px;background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s;box-shadow:var(--shadow-sm);color:var(--color-text);font-weight:600;position:relative}.c-option:hover{transform:translateY(-3px);box-shadow:0 10px 30px #02061773;background:linear-gradient(180deg,#ffffff03,#ffffff05)}.c-option:active{transform:translateY(-1px)}.c-option:focus-visible{outline:2px solid rgba(123,223,246,.18);outline-offset:3px}.c-option.is-selected{border:2px solid var(--color-primary-600);box-shadow:0 12px 30px #ff6b2a24}.c-option.is-selected:after{content:"";width:22px;height:22px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 119.72 122.88' fill='%23FF8A50'><path d='M40.06,0.37c9.4,0,17.03,11.69,17.03,26.1s-7.63,26.1-17.03,26.1c-9.4,0-17.03-11.68-17.03-26.1 C23.04,12.06,30.66,0.37,40.06,0.37L40.06,0.37z M61.71,63.55c19.94,0.04,22.42,13.25,39.23,35.86 c8.38,16.45-2.5,26.82-21.15,22.38c-8.46-4.31-14.41-5.83-20.38-5.63c-10.34,0.36-12.95,7.18-24.98,6.7 c-9.28-0.25-13.46-4.14-14.27-10.07c-0.87-6.3,1.56-10.28,4.52-15.49C36.18,77.02,48.07,61.01,61.71,63.55L61.71,63.55L61.71,63.55 z M7.17,39.08C0.14,41.86-2.1,52.85,2.16,63.62C6.42,74.39,15.57,80.87,22.6,78.09c7.03-2.78,9.27-13.77,5.01-24.54 C23.35,42.78,14.2,36.3,7.17,39.08L7.17,39.08z M112.55,39.08c7.03,2.78,9.27,13.77,5.01,24.54 c-4.26,10.77-13.42,17.25-20.44,14.47c-7.03-2.78-9.27-13.77-5.01-24.54C96.37,42.78,105.52,36.3,112.55,39.08L112.55,39.08z M79.35,0c9.4,0,17.03,11.69,17.03,26.1s-7.63,26.1-17.03,26.1c-9.4,0-17.03-11.68-17.03-26.1C62.33,11.69,69.95,0,79.35,0L79.35,0 z'/></svg>");background-size:contain;background-repeat:no-repeat;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.c-results__header{display:block;text-align:center;width:100%}.c-results__title{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:10px;row-gap:6px;justify-content:center;font-size:16px;max-width:100%;text-align:center}.c-inline-badge{display:inline-flex;align-items:center;max-width:100%}.c-results__actions{display:flex;gap:12px;justify-content:center}.c-results__actions .c-btn{min-width:120px}.c-results__text{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px}.c-restart-btn{background:transparent;border:1px solid rgba(255,255,255,.06);padding:8px 12px;border-radius:10px;cursor:pointer;color:var(--color-text)}.c-artwork{margin-top:16px;display:grid;place-items:center}.c-img--dog{width:100%;max-height:420px;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.04)}.c-skeleton{width:100%;height:320px;border-radius:10px;background:linear-gradient(90deg,#0b1220,#0f1724,#0b1220);background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.u-flex-center{display:flex;align-items:center;justify-content:center}.u-text-muted{color:var(--color-muted)}.u-small{font-size:13px;color:var(--color-muted)}.u-display-inline{display:inline-flex}@media (max-width: 520px){.c-results__title{font-size:14px}.c-results__text{flex-direction:column;align-items:center}.c-badge--breed{width:100%;justify-content:center}.c-badge__text{white-space:normal;overflow:visible;text-overflow:unset;max-width:100%;overflow-wrap:anywhere}.c-question__actions{flex-direction:column}.c-question__actions .c-btn{width:100%}}.is-hidden{display:none!important}.fade-enter{opacity:0;transform:translateY(6px)}.fade-enter-active{opacity:1;transform:none;transition:opacity .28s ease,transform .28s ease}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .2s ease}