*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6c5ce7;--primary-light:#a29bfe;--accent:#fd79a8;--bg:#ffeaa7;--bg-light:#fff9e6;--text:#2d3436;--text-light:#636e72;--white:#fff;--shadow:0 4px 15px #0000001a;--radius:16px}body{background:linear-gradient(135deg, var(--bg) 0%, var(--bg-light) 100%);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{max-width:640px;min-height:100vh;margin:0 auto;padding:20px}.app-header{justify-content:flex-end;padding:10px 0;display:flex}.lang-switcher{background:var(--white);border:2px solid var(--primary);color:var(--primary);cursor:pointer;border-radius:20px;padding:6px 16px;font-size:14px;font-weight:600;transition:all .2s}.lang-switcher:hover{background:var(--primary);color:var(--white)}.home-page{justify-content:center;align-items:center;min-height:70vh;display:flex}.hero{text-align:center}.hero-icon{margin-bottom:20px;font-size:80px;animation:2s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.hero h1{color:var(--primary);margin-bottom:10px;font-size:2.5rem}.subtitle{color:var(--text-light);margin-bottom:16px;font-size:1.2rem}.description{color:var(--text-light);max-width:400px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:1rem;line-height:1.6}.start-btn{background:linear-gradient(135deg, var(--primary), var(--accent));color:var(--white);cursor:pointer;box-shadow:var(--shadow);border:none;border-radius:50px;padding:16px 48px;font-size:1.2rem;font-weight:700;transition:transform .2s,box-shadow .2s}.start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6c5ce766}.quiz-page{padding-top:20px}.quiz-header{text-align:center;margin-bottom:16px}.question-counter{color:var(--text-light);font-size:.95rem;font-weight:500}.progress-bar{background:var(--white);border-radius:4px;width:100%;height:8px;margin-bottom:32px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:4px;height:100%;transition:width .3s}.question-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px 24px;animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.question-text{color:var(--text);text-align:center;margin-bottom:24px;font-size:1.2rem;line-height:1.6}.options{flex-direction:column;gap:12px;display:flex}.option-btn{background:var(--bg-light);cursor:pointer;text-align:left;width:100%;color:var(--text);border:2px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:16px 20px;font-size:1rem;transition:all .2s;display:flex}.option-btn:hover{border-color:var(--primary);background:#fff;transform:translate(4px)}.option-label{background:var(--primary);width:32px;height:32px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:inline-flex}.option-text{line-height:1.4}.result-page{text-align:center;padding-top:20px;animation:.5s fadeIn}.result-label{color:var(--text-light);margin-bottom:8px;font-size:1.1rem}.result-type{color:var(--primary);letter-spacing:4px;margin-bottom:8px;font-size:3.5rem;font-weight:800}.result-name{color:var(--accent);margin-bottom:20px;font-size:1.5rem;font-weight:600}.result-description{color:var(--text);background:var(--white);border-radius:var(--radius);max-width:500px;box-shadow:var(--shadow);margin:0 auto 32px;padding:24px;font-size:1rem;line-height:1.8}.traits-section,.scores-section{margin-bottom:32px}.traits-section h3,.scores-section h3{color:var(--text);margin-bottom:16px;font-size:1.1rem}.traits{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.trait-badge{background:linear-gradient(135deg, var(--primary-light), var(--accent));color:var(--white);border-radius:20px;padding:6px 16px;font-size:.9rem;font-weight:500}.score-bars{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.score-row{align-items:center;gap:12px;margin-bottom:16px;display:flex}.score-row:last-child{margin-bottom:0}.score-label-left,.score-label-right{color:var(--text);min-width:50px;font-size:.85rem;font-weight:600}.score-label-left{text-align:right}.score-label-right{text-align:left}.score-bar{background:#eee;border-radius:6px;flex:1;height:12px;overflow:hidden}.score-fill-a{background:linear-gradient(90deg, var(--primary), var(--primary-light));border-radius:6px;height:100%;transition:width .5s}.retake-btn{background:var(--white);color:var(--primary);border:2px solid var(--primary);cursor:pointer;border-radius:50px;margin-bottom:40px;padding:12px 36px;font-size:1rem;font-weight:600;transition:all .2s}.retake-btn:hover{background:var(--primary);color:var(--white)}.breed-picker{text-align:center;padding-top:40px;animation:.3s fadeIn}.breed-icon{margin-bottom:16px;font-size:60px}.breed-picker h2{color:var(--primary);margin-bottom:8px;font-size:1.5rem}.breed-hint{color:var(--text-light);margin-bottom:24px;font-size:.95rem}.breed-input-wrapper{max-width:400px;margin:0 auto 24px;position:relative}.breed-input{background:var(--white);border:2px solid #ddd;border-radius:12px;outline:none;width:100%;padding:14px 20px;font-size:1rem;transition:border-color .2s}.breed-input:focus{border-color:var(--primary)}.breed-suggestions{background:var(--white);z-index:10;max-height:200px;box-shadow:var(--shadow);border:1px solid #ddd;border-radius:12px;margin-top:4px;padding:4px 0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.breed-suggestions li{cursor:pointer;padding:10px 20px;font-size:.95rem;transition:background .15s}.breed-suggestions li:hover{background:var(--bg-light);color:var(--primary)}.breed-picker .start-btn{margin-top:8px}.breed-picker .start-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.breed-image-container{max-width:300px;margin:24px auto 32px}.breed-image{border-radius:var(--radius);width:100%;box-shadow:var(--shadow);display:block}.breed-image-skeleton{border-radius:var(--radius);background:#e9e9e9;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:300px;height:300px;display:flex;position:relative;overflow:hidden}.skeleton-shimmer{background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{to{left:100%}}.skeleton-text{color:var(--text-light);z-index:1;font-size:.9rem}.breed-image-fallback{border-radius:var(--radius);background:var(--white);width:300px;height:300px;box-shadow:var(--shadow);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.fallback-icon{font-size:80px}.fallback-breed{color:var(--text-light);font-size:1rem;font-weight:500}.chat-btn{margin-bottom:16px}.chat-page{flex-direction:column;height:calc(100vh - 80px);display:flex}.chat-header{border-bottom:1px solid #eee;align-items:center;gap:12px;padding:16px 0;display:flex}.chat-avatar{object-fit:cover;border-radius:50%;width:48px;height:48px}.chat-header-info{flex-direction:column;display:flex}.chat-dog-name{color:var(--primary);font-size:1rem;font-weight:600}.chat-dog-breed{color:var(--text-light);font-size:.8rem}.chat-messages{flex-direction:column;flex:1;gap:10px;padding:16px 0;display:flex;overflow-y:auto}.chat-empty{color:var(--text-light);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.chat-empty-icon{font-size:48px}.chat-empty p{font-size:.95rem}.chat-bubble{word-break:break-word;white-space:pre-wrap;border-radius:16px;max-width:80%;padding:10px 16px;font-size:.95rem;line-height:1.5}.chat-user{background:var(--primary);color:var(--white);border-bottom-right-radius:4px;align-self:flex-end}.chat-assistant{background:var(--white);color:var(--text);border-bottom-left-radius:4px;align-self:flex-start;box-shadow:0 1px 4px #00000014}.chat-input-bar{border-top:1px solid #eee;gap:8px;padding:12px 0;display:flex}.chat-input{background:var(--white);border:2px solid #ddd;border-radius:24px;outline:none;flex:1;padding:12px 16px;font-size:.95rem;transition:border-color .2s}.chat-input:focus{border-color:var(--primary)}.chat-send-btn{background:var(--primary);color:var(--white);cursor:pointer;white-space:nowrap;border:none;border-radius:24px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:opacity .2s}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-footer{justify-content:space-between;align-items:center;padding:4px 0 12px;display:flex}.chat-counter{color:var(--text-light);font-size:.8rem}.chat-back-btn{color:var(--text-light);cursor:pointer;background:0 0;border:none;font-size:.85rem;text-decoration:underline}.chat-ended{text-align:center;padding:24px 0}.chat-ended p{color:var(--text-light);margin-bottom:16px;font-size:.95rem}.loading{min-height:50vh;color:var(--text-light);justify-content:center;align-items:center;font-size:1.2rem;display:flex}