.analysis-intro{padding-bottom:14px}.animal-selector{display:grid;grid-template-columns:repeat(12,1fr);gap:7px;overflow:auto;margin-bottom:18px}.animal-button{border:1px solid #e1e7ed;background:#fff;border-radius:12px;padding:10px 4px;color:#536476;min-width:58px}.animal-button span{display:block;font-size:22px}.animal-button b{display:block;font-size:13px;margin-top:2px}.animal-button.active{background:#112b46;border-color:#112b46;color:#fff;box-shadow:0 5px 14px #112b4628}.analysis-title{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #e5eaf0;border-radius:16px;padding:15px;margin-bottom:11px}.analysis-title>div{display:flex;align-items:center;gap:12px}.analysis-title>div>span{font-size:38px}.analysis-title h2{margin:0;font-size:20px}.analysis-title p{margin:3px 0 0;color:#78889a;font-size:12px}.analysis-title select{height:40px;border:1px solid #dfe5eb;border-radius:10px;background:#f8fafb;padding:0 9px;color:#405468}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:11px}.metric-card{background:#fff;border:1px solid #e5eaf0;border-radius:14px;padding:14px}.metric-card b{display:block;color:#b87817;font-size:22px}.metric-card span{display:block;color:#78889a;font-size:12px;margin-top:3px}.analysis-card{background:#fff;border:1px solid #e5eaf0;border-radius:16px;padding:16px;margin-bottom:11px;box-shadow:0 3px 18px #20364d0b}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-head h3{margin:0;font-size:17px}.card-head p{margin:3px 0 0;color:#78889a;font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:620px}th,td{text-align:left;padding:10px;border-bottom:1px solid #edf0f3;font-size:13px}th{color:#78889a;font-weight:600}td:first-child{font-weight:850;color:#2278e5}.analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.bars{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:48px 1fr 38px;align-items:center;gap:8px;font-size:13px}.bar-track{height:9px;background:#eef2f5;border-radius:6px;overflow:hidden}.bar-track i{display:block;height:100%;background:linear-gradient(90deg,#2278e5,#eba83c);border-radius:6px}.findings{display:grid;gap:8px}.finding{padding:11px 12px;border-radius:11px;background:#f6f8fa;color:#526376;font-size:13px}.finding strong{color:#172536}.recent-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.recent-item{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;background:#f7f9fb;border-radius:11px}.recent-item b{color:#b87817}.recent-item span{font-size:12px;color:#78889a}.caution{padding:15px 17px;background:#fff8e9;border-left:3px solid #eba83c;border-radius:10px;margin:14px 0 30px}.caution p{margin:5px 0 0;color:#76591e;font-size:13px;line-height:1.7}@media(max-width:760px){.animal-selector{grid-template-columns:repeat(6,1fr)}.metrics{grid-template-columns:1fr 1fr}.analysis-grid{grid-template-columns:1fr}.recent-list{grid-template-columns:1fr 1fr}}@media(max-width:480px){.animal-selector{gap:6px}.animal-button{min-width:0;padding:8px 2px}.analysis-title{align-items:flex-start}.analysis-title>div>span{font-size:32px}.analysis-title h2{font-size:18px}.analysis-title select{max-width:112px}.metric-card{padding:12px}.metric-card b{font-size:19px}.analysis-card{padding:13px}.recent-list{grid-template-columns:1fr}}
.insight-hero{background:linear-gradient(135deg,#112b46,#1a4567);color:#fff;border-radius:18px;padding:20px;margin-bottom:11px;box-shadow:0 10px 28px #112b4630}.insight-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.insight-heading span:first-child{font-size:12px;color:#aec7dc}.insight-heading h2{font-size:23px;margin:4px 0 0}.level-badge{flex:0 0 auto;padding:7px 12px;border-radius:999px;font-size:13px;font-weight:800;background:#ffffff17;color:#fff}.level-badge.high{background:#ffe9d0;color:#a55e00}.level-badge.low{background:#dfeeff;color:#1a65ae}.level-badge.near{background:#def6e9;color:#19764b}.compare-track{margin-top:18px}.compare-label{display:flex;justify-content:space-between;color:#bcd0e0;font-size:12px;margin-bottom:7px}.compare-label b{color:#fff;font-size:14px}.compare-bar{height:11px;background:#ffffff1c;border-radius:9px;position:relative;overflow:visible}.compare-bar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#28c4ba,#f0b84c);transition:.35s}.compare-bar em{position:absolute;top:-4px;width:2px;height:19px;background:#fff;border-radius:2px;box-shadow:0 0 0 2px #112b46}.key-insights{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:17px}.key-insight{background:#ffffff0f;border:1px solid #ffffff16;border-radius:13px;padding:12px}.key-insight strong{display:block;color:#fff;font-size:21px;line-height:1.15}.key-insight span{display:block;color:#b7cddd;font-size:11px;margin-top:6px}.key-insight.featured{background:#f0b84c;color:#302105;border-color:#f0b84c}.key-insight.featured strong,.key-insight.featured span{color:#302105}.insight-note{margin:13px 0 0;color:#9db7cd;font-size:11px;text-align:right}@media(max-width:760px){.key-insights{grid-template-columns:repeat(2,1fr)}.key-insight:first-child{grid-column:1/-1}.insight-heading h2{font-size:20px}}@media(max-width:480px){.insight-hero{padding:16px 13px}.insight-heading{align-items:flex-start}.insight-heading h2{font-size:18px}.level-badge{padding:6px 9px}.key-insights{gap:7px}.key-insight{padding:11px}.key-insight strong{font-size:19px}.insight-note{text-align:left}}
.prediction-card{background:#fff;border:1px solid #e5eaf0;border-radius:18px;padding:18px;margin-bottom:11px;box-shadow:0 3px 18px #20364d0b}.prediction-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.prediction-top>div:first-child>span{color:#2278e5;font-size:12px;font-weight:750}.prediction-top h2{margin:3px 0 2px;color:#172536;line-height:1}.prediction-top h2 b{font-size:38px;color:#b87817}.prediction-top h2 small{font-size:14px;color:#8b98a6;margin-left:3px}.prediction-top p{margin:7px 0 0;color:#526376;font-size:13px}.score-ring{--score:0;width:78px;height:78px;border-radius:50%;background:conic-gradient(#eba83c calc(var(--score)*1%),#edf1f4 0);display:grid;place-items:center;flex:0 0 auto}.score-ring:before{content:"";width:59px;height:59px;border-radius:50%;background:#fff}.prediction-factors{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.factor{padding:11px;background:#f6f8fa;border-radius:11px}.factor b{display:block;color:#172536;font-size:15px}.factor span{display:block;color:#78889a;font-size:11px;margin-top:4px}.ranking-head{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #edf0f3;padding-top:14px;margin-bottom:9px}.ranking-head small{color:#8a98a6}.prediction-ranking{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.rank-item{position:relative;padding:10px 5px;text-align:center;background:#f6f8fa;border:1px solid transparent;border-radius:11px}.rank-item.selected{background:#fff7e8;border-color:#eccd92}.rank-item em{position:absolute;top:4px;left:5px;font-style:normal;color:#9aa6b1;font-size:9px}.rank-item span{display:block;font-size:18px}.rank-item b{display:block;margin-top:2px;font-size:13px}.rank-item small{display:block;color:#b87817;margin-top:2px}.prediction-warning{margin:13px 0 0;padding:10px 12px;background:#fff8e9;border-radius:9px;color:#76591e;font-size:11px;line-height:1.6}@media(max-width:620px){.prediction-factors{grid-template-columns:1fr 1fr}.prediction-ranking{grid-template-columns:repeat(4,1fr)}}@media(max-width:420px){.prediction-card{padding:14px}.prediction-top h2 b{font-size:40px}.score-ring{width:68px;height:68px}.score-ring:before{width:51px;height:51px}.prediction-ranking{grid-template-columns:repeat(3,1fr)}.ranking-head{display:block}.ranking-head small{display:block;margin-top:3px}}