:root{--primary:#ff6b35;--primary-light:#ffa06b;--primary-dark:#e55a2b;--bg:#fff8f5;--card-bg:#fff;--text:#1a1a2e;--text-secondary:#6b7280;--text-muted:#9ca3af;--border:#f3f4f6;--success:#22c55e;--warning:#f59e0b;--radius:16px;--radius-sm:10px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Pretendard Variable,-apple-system,BlinkMacSystemFont,sans-serif}.app-container{max-width:480px;min-height:100dvh;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);margin:0 auto;overflow-y:auto}.btn-back{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;padding:8px 0;font-family:inherit;font-size:15px;font-weight:600;display:inline-flex}.btn-start{border-radius:var(--radius);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;cursor:pointer;border:none;width:100%;padding:18px;font-family:inherit;font-size:18px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 16px #ff6b354d}.btn-start:active{transform:scale(.98)}.btn-start:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.home{flex-direction:column;min-height:100dvh;padding:0 24px 32px;animation:.4s fadeIn;display:flex}.home-hero{text-align:center;padding:0}.home-icon{margin-bottom:8px;font-size:44px;animation:1.5s infinite bounce}.home-title{background:linear-gradient(135deg,var(--primary),#e040fb);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800;line-height:1.3}.home-subtitle{color:var(--text-secondary);margin-top:6px;font-size:13px;line-height:1.5}.home-menu{flex-direction:column;flex:1;gap:12px;margin:8px 0;display:flex}.menu-card{border:2px solid var(--border);border-radius:var(--radius);background:var(--card-bg);cursor:pointer;text-align:left;align-items:center;gap:16px;padding:20px;font-family:inherit;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}.menu-card:active{transform:scale(.98)}.menu-card-primary:hover,.menu-card-primary:active{border-color:var(--primary);box-shadow:0 4px 16px #ff6b3526}.menu-card-secondary:hover,.menu-card-secondary:active{border-color:#8b5cf6;box-shadow:0 4px 16px #8b5cf626}.menu-card-ranking:hover,.menu-card-ranking:active{border-color:#f59e0b;box-shadow:0 4px 16px #f59e0b26}.menu-card-vote:hover,.menu-card-vote:active{border-color:#ef4444;box-shadow:0 4px 16px #ef444426}.menu-card-icon{flex-shrink:0;font-size:40px}.menu-card-content{flex:1}.menu-card-title{color:var(--text);margin-bottom:4px;font-size:18px;font-weight:700}.menu-card-desc{color:var(--text-secondary);font-size:13px;line-height:1.5}.menu-card-arrow{color:var(--text-muted);flex-shrink:0;font-size:20px}.today-breed-card{background:var(--card-bg);border-radius:var(--radius);cursor:pointer;text-align:left;background:linear-gradient(var(--card-bg),var(--card-bg))padding-box,linear-gradient(135deg,var(--primary),#e040fb)border-box;border:2px solid #0000;width:100%;margin-bottom:0;padding:0;font-family:inherit;transition:all .2s;display:block;overflow:hidden;box-shadow:0 4px 20px #ff6b351f}.today-breed-card:active{transform:scale(.98);box-shadow:0 2px 10px #ff6b351a}.today-breed-label{color:#fff;background:linear-gradient(135deg,var(--primary),#e040fb);letter-spacing:.5px;padding:6px 14px;font-size:12px;font-weight:700}.today-breed-inner{align-items:flex-start;gap:14px;padding:14px;display:flex}.today-breed-img-wrap{background:var(--border);border-radius:12px;flex-shrink:0;width:88px;height:88px;overflow:hidden}.today-breed-img{object-fit:cover;width:100%;height:100%}.today-breed-img-fallback{justify-content:center;align-items:center;width:100%;height:100%;font-size:40px;display:flex}.today-breed-info{flex:1;min-width:0}.today-breed-name{color:var(--text);margin-bottom:2px;font-size:17px;font-weight:800}.today-breed-en{color:var(--text-muted);margin-bottom:6px;font-size:12px}.today-breed-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.today-breed-cta{color:var(--primary);font-size:12px;font-weight:700}.home-hint{text-align:center;color:var(--text-secondary);border-radius:var(--radius-sm);background:#ff6b350f;padding:14px 16px;font-size:13px;line-height:1.5}.home-footer{text-align:center;color:var(--text-muted);margin-top:16px;font-size:12px}.rec-menu{min-height:100dvh;padding:0 20px 32px;animation:.3s fadeIn}.rec-menu-header{margin-bottom:24px}.rec-menu-title{margin-top:12px;font-size:28px;font-weight:800}.rec-menu-subtitle{color:var(--text-secondary);margin-top:4px;font-size:15px}.rec-menu-cards{flex-direction:column;gap:14px;display:flex}.rec-method-card{border-radius:var(--radius);cursor:pointer;text-align:left;border:none;align-items:center;gap:16px;padding:20px;font-family:inherit;transition:all .2s;display:flex}.rec-method-card:active{transform:scale(.98)}.rec-method-emoji{flex-shrink:0;font-size:36px}.rec-method-info{flex:1}.rec-method-title{margin-bottom:4px;font-size:17px;font-weight:700}.rec-method-desc{color:var(--text-secondary);font-size:13px;line-height:1.5}.rec-method-time{color:var(--text-muted);margin-top:6px;font-size:12px;display:inline-block}.rec-method-arrow{flex-shrink:0;font-size:20px;font-weight:700}.rec-menu-help{background:var(--card-bg);border-radius:var(--radius);margin-top:28px;padding:20px;box-shadow:0 2px 8px #0000000a}.rec-menu-help h4{margin-bottom:12px;font-size:15px;font-weight:700}.rec-menu-help ul{flex-direction:column;gap:8px;list-style:none;display:flex}.rec-menu-help li{color:var(--text-secondary);font-size:13px;line-height:1.5}.rec-menu-help li strong{color:var(--text)}.mbti-select{min-height:100dvh;padding:16px 20px 32px;animation:.3s fadeIn}.mbti-header{margin-bottom:20px}.mbti-title{margin-top:12px;font-size:28px;font-weight:800}.mbti-subtitle{color:var(--text-secondary);margin-top:4px;font-size:15px}.mbti-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;display:grid}.mbti-type-btn{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:14px 6px;font-family:inherit;transition:all .2s;display:flex}.mbti-type-btn:active{transform:scale(.95)}.mbti-type-selected{transform:scale(1.03);box-shadow:0 0 0 3px #8b5cf626}.mbti-type-code{font-size:16px;font-weight:800}.mbti-type-name{color:var(--text-secondary);text-align:center;word-break:keep-all;font-size:10px;line-height:1.3}.mbti-links{text-align:center;margin-bottom:20px}.mbti-links-text{color:var(--text-muted);margin-bottom:6px;font-size:13px}.mbti-test-link{color:#8b5cf6;font-size:14px;font-weight:600;text-decoration:none}.mbti-submit{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 4px 16px #8b5cf64d}.mbti-result-badge{color:#fff;border-radius:24px;margin-bottom:12px;padding:8px 24px;font-size:24px;font-weight:800;display:inline-block}.compatibility-selected{color:#be185d!important;background:#ec48990f!important;border-color:#ec4899!important;box-shadow:0 0 0 3px #ec48991f!important}.vote-page{min-height:100dvh;padding:16px 20px 32px;animation:.3s fadeIn}.vote-header{margin-bottom:16px}.vote-title{margin-top:12px;font-size:28px;font-weight:800}.vote-subtitle{color:var(--text-secondary);margin-top:4px;font-size:15px}.vote-stats{gap:12px;margin-bottom:16px;display:flex}.vote-stat-item{background:var(--card-bg);border-radius:var(--radius-sm);flex-direction:column;flex:1;align-items:center;gap:2px;padding:12px 8px;display:flex;box-shadow:0 1px 4px #0000000a}.vote-stat-number{color:#ef4444;font-size:22px;font-weight:800}.vote-stat-label{color:var(--text-muted);font-size:11px;font-weight:600}.vote-controls{align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.vote-sort{flex-shrink:0;gap:6px;padding-top:4px;display:flex}.vote-list{flex-direction:column;gap:8px;display:flex}.vote-card{background:var(--card-bg);border-radius:var(--radius);border:2px solid #0000;align-items:center;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 1px 4px #0000000a}.vote-card-voted{background:#ef444405;border-color:#ef444426}.vote-card-main{cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:12px;min-width:0;padding:10px 0 10px 12px;font-family:inherit;display:flex}.vote-rank{color:var(--text-muted);text-align:center;flex-shrink:0;min-width:26px;font-size:15px;font-weight:700}.vote-img{border-radius:10px;flex-shrink:0;width:48px;height:48px;overflow:hidden}.vote-img img{object-fit:cover;object-position:center 20%;width:100%;height:100%}.vote-info{flex:1;min-width:0}.vote-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.vote-name-en{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;overflow:hidden}.vote-bar-wrap{align-items:center;gap:6px;margin-top:5px;display:flex}.vote-bar{background:var(--border);border-radius:3px;flex:1;height:5px;overflow:hidden}.vote-bar-fill{background:linear-gradient(90deg,#ef4444,#f97316);border-radius:3px;height:100%;transition:width .4s}.vote-percent{color:#ef4444;text-align:right;min-width:28px;font-size:11px;font-weight:600}.vote-heart-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;padding:12px 14px;transition:transform .2s;display:flex}.vote-heart-btn:active{transform:scale(1.2)}.vote-heart{font-size:22px;transition:transform .3s}.vote-heart-active .vote-heart{animation:.4s heartPop}.vote-count{color:var(--text-muted);font-size:12px;font-weight:700}.vote-heart-active .vote-count{color:#ef4444}@keyframes heartPop{0%{transform:scale(1)}30%{transform:scale(1.4)}60%{transform:scale(.9)}to{transform:scale(1)}}.rankings{min-height:100dvh;padding:16px 20px 32px;animation:.3s fadeIn}.rankings-header{margin-bottom:16px}.rankings-title{margin-top:12px;font-size:28px;font-weight:800}.rankings-subtitle{color:var(--text-secondary);margin-top:4px;font-size:15px}.rankings-categories{-webkit-overflow-scrolling:touch;gap:8px;margin-bottom:12px;padding-bottom:12px;display:flex;overflow-x:auto}.rankings-categories::-webkit-scrollbar{display:none}.rankings-cat-btn{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);cursor:pointer;white-space:nowrap;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;min-width:72px;padding:10px 14px;font-family:inherit;transition:all .2s;display:flex}.rankings-cat-btn:active{transform:scale(.95)}.rankings-cat-active{background:#f59e0b0f;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.rankings-cat-emoji{font-size:22px}.rankings-cat-name{color:var(--text-secondary);font-size:11px;font-weight:600}.rankings-cat-active .rankings-cat-name{color:#d97706}.rankings-info{border-radius:var(--radius-sm);background:#f59e0b0f;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;display:flex}.rankings-info-emoji{font-size:20px}.rankings-info-text{color:var(--text);font-size:15px;font-weight:700}.rankings-info-trait{color:var(--text-muted);margin-left:auto;font-size:12px}.rankings-list{flex-direction:column;gap:8px;display:flex}.ranking-card{border-radius:var(--radius);background:var(--card-bg);cursor:pointer;text-align:left;border:none;align-items:center;gap:12px;width:100%;padding:12px;font-family:inherit;transition:all .2s;animation:.3s slideUp;display:flex;box-shadow:0 1px 4px #0000000a}.ranking-card:active{transform:scale(.99);box-shadow:0 2px 8px #00000014}.ranking-card-top{border-left:3px solid #f59e0b;box-shadow:0 2px 8px #f59e0b1a}.ranking-rank{color:var(--text-muted);text-align:center;flex-shrink:0;min-width:28px;font-size:16px;font-weight:700}.ranking-rank-medal{font-size:22px}.ranking-img{border-radius:10px;flex-shrink:0;width:52px;height:52px;overflow:hidden}.ranking-img img{object-fit:cover;object-position:center 20%;width:100%;height:100%}.ranking-info{flex:1;min-width:0}.ranking-name{color:var(--text);font-size:15px;font-weight:700}.ranking-name-en{color:var(--text-muted);margin-top:1px;font-size:11px}.ranking-bar-wrap{align-items:center;gap:8px;margin-top:6px;display:flex}.ranking-bar{background:var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.ranking-bar-fill{background:linear-gradient(90deg,#f59e0b,#f97316);border-radius:3px;height:100%;transition:width .5s}.ranking-score{color:#d97706;text-align:right;min-width:32px;font-size:12px;font-weight:700}.ranking-arrow{color:var(--text-muted);flex-shrink:0;font-size:18px}.breed-list{min-height:100dvh;padding:16px 20px 32px;animation:.3s fadeIn}.breed-list-header{margin-bottom:16px}.breed-list-title{margin-top:12px;font-size:28px;font-weight:800}.breed-list-count{color:var(--text-muted);margin-top:4px;font-size:14px}.breed-search{margin-bottom:12px;position:relative}.breed-search-input{border:2px solid var(--border);border-radius:var(--radius);background:var(--card-bg);width:100%;color:var(--text);outline:none;padding:14px 40px 14px 16px;font-family:inherit;font-size:15px;transition:border-color .2s}.breed-search-input:focus{border-color:var(--primary)}.breed-search-input::placeholder{color:var(--text-muted)}.breed-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.breed-sort{gap:8px;margin-bottom:12px;display:flex}.sort-btn{border:1px solid var(--border);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;border-radius:20px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s}.sort-active{background:var(--primary);color:#fff;border-color:var(--primary)}.breed-groups-filter{-webkit-overflow-scrolling:touch;gap:8px;margin-bottom:12px;padding-bottom:12px;display:flex;overflow-x:auto}.breed-groups-filter::-webkit-scrollbar{display:none}.group-filter-btn{border:1px solid var(--border);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:16px;flex-shrink:0;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:500;transition:all .2s}.group-filter-active{background:var(--text);color:#fff;border-color:var(--text)}.breed-filter-count{color:var(--text-muted);margin-bottom:12px;font-size:13px}.breed-grid{flex-direction:column;gap:10px;display:flex}.breed-list-card{border-radius:var(--radius);background:var(--card-bg);cursor:pointer;text-align:left;border:none;align-items:center;gap:14px;width:100%;padding:12px;font-family:inherit;transition:all .2s;display:flex;box-shadow:0 1px 4px #0000000a}.breed-list-card:active{transform:scale(.99);box-shadow:0 2px 8px #00000014}.breed-list-card-img{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-radius:12px;flex-shrink:0;width:88px;height:68px;overflow:hidden}.breed-list-card-img img{object-fit:cover;object-position:center 20%;width:100%;height:100%}.breed-image-fallback-sm{background:linear-gradient(135deg,#fff3e0,#ffe0b2);justify-content:center;align-items:center;width:100%;height:100%;font-size:28px;display:flex}.breed-list-card-info{flex:1;min-width:0}.breed-list-card-name{color:var(--text);font-size:16px;font-weight:700}.breed-list-card-en{color:var(--text-muted);margin-top:1px;font-size:12px}.breed-list-card-meta{gap:6px;margin-top:6px;display:flex}.breed-tag-sm{color:var(--text-secondary);background:var(--border);border-radius:4px;padding:2px 8px;font-size:11px}.breed-tag-popular{color:var(--primary-dark);background:#ff6b3514;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.breed-list-card-arrow{color:var(--text-muted);flex-shrink:0;font-size:20px}.breed-empty{text-align:center;color:var(--text-muted);padding:48px 0;font-size:15px}.breed-detail-page{min-height:100dvh;animation:.3s fadeIn}.breed-detail-back{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border-radius:20px;padding:8px 14px;position:absolute;top:16px;left:16px}.breed-detail-hero{width:100%;height:260px;position:relative;overflow:hidden}.breed-detail-hero-img{object-fit:cover;object-position:center top;width:100%;height:100%}.breed-detail-hero-overlay{background:linear-gradient(#0000,#000000b3);padding:40px 20px 16px;position:absolute;bottom:0;left:0;right:0}.breed-detail-hero-name{color:#fff;font-size:28px;font-weight:800}.breed-detail-hero-en{color:#fffc;margin-top:2px;font-size:14px}.breed-detail-badges{flex-wrap:wrap;gap:8px;padding:16px 20px;display:flex}.detail-badge{color:var(--text-secondary);background:var(--border);border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600}.breed-detail-tabs{border-bottom:2px solid var(--border);margin:0 20px;display:flex}.detail-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-2px;padding:12px;font-family:inherit;font-size:15px;font-weight:600;transition:all .2s}.detail-tab-active{color:var(--primary);border-bottom-color:var(--primary)}.breed-detail-content{padding:20px}.breed-detail-desc{color:var(--text-secondary);word-break:keep-all;font-size:15px;line-height:1.8}.breed-detail-section{margin-top:24px}.breed-detail-section h3{margin-bottom:12px;font-size:16px;font-weight:700}.radar-wrap{margin-bottom:8px}.radar-svg{width:100%;max-width:320px;margin:0 auto;display:block}.radar-legend{justify-content:center;gap:20px;margin-bottom:8px;display:flex}.radar-legend-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.radar-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.compare-search-wrap{margin-bottom:20px}.compare-label{color:var(--text);margin-bottom:8px;font-size:14px;font-weight:700}.compare-search{position:relative}.compare-dropdown{background:var(--card-bg);border:1px solid var(--border);border-radius:0 0 var(--radius)var(--radius);z-index:20;-webkit-overflow-scrolling:touch;border-top:none;max-height:280px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001a}.compare-dropdown-item{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:none;justify-content:space-between;align-items:center;padding:12px 16px;font-family:inherit;font-size:14px;transition:background .15s;display:flex}.compare-dropdown-item:active{background:var(--border)}.compare-dropdown-en{color:var(--text-muted);font-size:12px}.compare-selected{border-radius:var(--radius-sm);color:#3b82f6;background:#3b82f60f;border:1px solid #3b82f633;justify-content:space-between;align-items:center;margin-top:10px;padding:10px 14px;font-size:14px;font-weight:600;display:flex}.compare-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:16px}.compare-placeholder{text-align:center;color:var(--text-muted);padding:48px 0;font-size:15px}.compare-bars{margin-top:24px}.compare-bars-title{margin-bottom:16px;font-size:15px;font-weight:700}.compare-bar-row{margin-bottom:14px}.compare-bar-label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.compare-bar-group{flex-direction:column;gap:4px;display:flex}.compare-bar-track{background:var(--border);border-radius:4px;height:8px;overflow:hidden}.compare-bar-fill-a{background:#3b82f6;border-radius:4px;height:100%;transition:width .5s}.compare-bar-fill-b{background:#f97316;border-radius:4px;height:100%;transition:width .5s}.compare-bar-values{justify-content:space-between;margin-top:2px;display:flex}.compare-val-a{color:#3b82f6;font-size:11px;font-weight:600}.compare-val-b{color:#f97316;font-size:11px;font-weight:600}.quiz{flex-direction:column;min-height:100dvh;padding:16px 20px 32px;animation:.3s fadeIn;display:flex}.quiz-progress-bar{background:var(--border);border-radius:6px;width:100%;height:12px;overflow:hidden}.quiz-progress-fill{background:linear-gradient(90deg,var(--primary),#e040fb);border-radius:6px;height:100%;transition:width .4s}.quiz-progress-text{text-align:center;color:var(--text-secondary);margin-top:10px;font-size:15px;font-weight:700}.quiz-card{flex-direction:column;flex:1;justify-content:center;padding:32px 0;animation:.3s slideUp;display:flex}.quiz-category{color:var(--primary);background:#ff6b3514;border-radius:20px;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;margin-bottom:16px;padding:8px 16px;font-size:15px;font-weight:700;display:inline-flex}.quiz-category-icon{font-size:24px}.quiz-question{word-break:keep-all;margin-bottom:28px;font-size:24px;font-weight:800;line-height:1.4}.quiz-options{flex-direction:column;gap:12px;display:flex}.quiz-option{border:2px solid var(--border);border-radius:var(--radius);background:var(--card-bg);width:100%;color:var(--text);text-align:left;cursor:pointer;padding:18px 20px;font-family:inherit;font-size:16px;font-weight:500;transition:all .2s}.quiz-option:active{transform:scale(.98)}.quiz-option.selected{border-color:var(--primary);color:var(--primary-dark);background:#ff6b350f;font-weight:600;box-shadow:0 0 0 3px #ff6b351f}.quiz-nav{gap:12px;margin-top:auto;padding-top:16px;display:flex}.btn-nav{border-radius:var(--radius);cursor:pointer;border:none;flex:1;padding:16px;font-family:inherit;font-size:16px;font-weight:600;transition:all .2s}.btn-prev{background:var(--border);color:var(--text-secondary)}.btn-next,.btn-submit{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 4px 12px #ff6b3540}.btn-nav:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-nav:active:not(:disabled){transform:scale(.98)}.results{padding:32px 20px 48px;animation:.5s fadeIn}.results-header{text-align:center;margin-bottom:32px}.results-celebration{font-size:56px;animation:1s bounce}.results-title{background:linear-gradient(135deg,var(--primary),#e040fb);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:8px;font-size:28px;font-weight:800}.results-subtitle{color:var(--text-secondary);margin-top:8px;font-size:15px}.results-section{margin-bottom:28px}.section-title{margin-bottom:16px;padding-left:4px;font-size:18px;font-weight:700}.top3-grid{flex-direction:column;gap:16px;display:flex}.other-grid{flex-direction:column;gap:12px;display:flex}.breed-card{background:var(--card-bg);border-radius:var(--radius);animation:.4s slideUp;overflow:hidden;box-shadow:0 2px 12px #0000000f}.breed-card-top{box-shadow:0 4px 20px #00000014}.breed-card-header{justify-content:space-between;align-items:center;padding:12px 16px 0;display:flex}.breed-rank{font-size:24px}.breed-score{color:#fff;border-radius:20px;padding:4px 12px;font-size:14px;font-weight:700}.breed-image-container{width:100%;height:200px;margin-top:8px;overflow:hidden}.breed-card:not(.breed-card-top) .breed-image-container{height:140px}.breed-image{object-fit:cover;object-position:center top;width:100%;height:100%}.breed-image-fallback{background:linear-gradient(135deg,#fff3e0,#ffe0b2);justify-content:center;align-items:center;width:100%;height:100%;font-size:64px;display:flex}.breed-info{padding:16px}.breed-name-ko{font-size:20px;font-weight:800}.breed-name-en{color:var(--text-muted);margin-top:2px;font-size:13px}.breed-meta{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.breed-tag{color:var(--text-secondary);background:var(--border);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500}.breed-temperament{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.temperament-tag{color:var(--primary-dark);background:#ff6b3514;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:500}.btn-detail-toggle{border:1px dashed var(--border);border-radius:var(--radius-sm);width:100%;color:var(--primary);cursor:pointer;background:0 0;margin-top:12px;padding:10px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s;display:block}.btn-detail-toggle:active{background:#ff6b350a}.btn-breed-detail{border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;cursor:pointer;border:none;width:100%;margin-top:8px;padding:12px;font-family:inherit;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s;display:block;box-shadow:0 2px 8px #ff6b3533}.btn-breed-detail:active{transform:scale(.98)}.breed-detail{margin-top:16px;animation:.3s fadeIn}.breed-description{color:var(--text-secondary);word-break:keep-all;margin-bottom:16px;font-size:14px;line-height:1.7}.breed-traits h4{margin-bottom:10px;font-size:14px;font-weight:700}.trait-bar-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.trait-label{color:var(--text-secondary);flex-shrink:0;min-width:90px;font-size:12px}.trait-bar{background:var(--border);border-radius:4px;flex:1;height:8px;overflow:hidden}.trait-bar-fill{background:linear-gradient(90deg,var(--primary-light),var(--primary));border-radius:4px;height:100%;transition:width .6s}.trait-value{color:var(--text-muted);text-align:right;min-width:28px;font-size:12px;font-weight:600}.results-footer{text-align:center;margin-top:32px}.btn-restart{border:2px solid var(--primary);border-radius:var(--radius);width:100%;color:var(--primary);cursor:pointer;background:0 0;padding:16px;font-family:inherit;font-size:16px;font-weight:700;transition:all .2s}.btn-restart:active{background:#ff6b350f;transform:scale(.98)}.results-disclaimer{color:var(--text-muted);margin-top:16px;font-size:11px;line-height:1.6}.share-buttons{gap:10px;margin-top:16px;padding:0 16px;display:flex}.btn-share{cursor:pointer;color:#374151;background:#f3f4f6;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 14px;font-size:13px;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex}.btn-share:active{transform:scale(.97)}.btn-share-reward{color:#fff;background:linear-gradient(135deg,#ff6b35,#ff8f65);box-shadow:0 2px 8px #ff6b354d}.btn-share-reward:active{box-shadow:0 1px 4px #ff6b3533}.btn-share-icon{font-size:16px;line-height:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.suitability-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.suitability-card{background:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.suitability-icon{font-size:20px;line-height:1}.suitability-label{color:#374151;font-size:12px;font-weight:600}.suitability-dots{gap:4px;margin-top:2px;display:flex}.suitability-dot{border-radius:50%;width:10px;height:10px;transition:background .2s;display:inline-block}.care-tips-list{flex-direction:column;gap:10px;display:flex}.care-tip-item{border-left:3px solid var(--primary);background:#f9fafb;border-radius:0 8px 8px 0;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.care-tip-icon{flex-shrink:0;font-size:18px;line-height:1.4}.care-tip-text{color:#4b5563;word-break:keep-all;margin:0;font-size:13px;line-height:1.6}