@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800;900&display=swap";*{box-sizing:border-box}body{margin:0;padding:0;font-family:Outfit,sans-serif;background:linear-gradient(135deg,#f5f0ff,#fdf2f8,#f0f9ff);color:#0f172a;min-height:100vh;font-size:16px;-webkit-text-size-adjust:100%}.App{width:100%;max-width:480px;min-height:100vh;margin:0 auto;background:#fff9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px;display:flex;flex-direction:column;box-shadow:0 0 40px #7c3aed1a,0 0 100px #ec48990d;position:relative;overflow:hidden;border-left:1px solid rgba(255,255,255,.7);border-right:1px solid rgba(255,255,255,.7)}body{background:radial-gradient(circle at 10% 10%,#e0c3fc,#8ec5fc);margin:0;padding:0;font-family:Outfit,sans-serif;color:#0f172a;font-size:16px;-webkit-text-size-adjust:100%}.App:before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.06) 0%,transparent 70%);pointer-events:none}.App:after{content:"";position:absolute;bottom:100px;left:-80px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(236,72,153,.05) 0%,transparent 70%);pointer-events:none}.app-header{display:flex;flex-direction:column;gap:16px;background:linear-gradient(135deg,#ede9fe,#f5f3ff,#fce7f3);margin:-20px -20px 30px;padding:20px;border-radius:0 0 28px 28px;border-bottom:1px solid #e9d5ff;box-shadow:0 4px 20px #7c3aed14}.logo-container{display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.logo-icon{font-size:28px;animation:pawBounce 3s ease-in-out infinite}@keyframes pawBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.logo-text{font-size:26px;font-weight:900;background:linear-gradient(135deg,#7c3aed,#ec4899,#7c3aed);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 4s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.logo-badge{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;font-size:10px;font-weight:900;padding:2px 8px;border-radius:6px;margin-left:4px;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 0 #7c3aed66}50%{box-shadow:0 0 8px 3px #7c3aed26}}.header-nav{display:flex;background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:4px;gap:4px}.nav-tab{flex:1;padding:12px 6px;border:none;background:none;font-weight:700;color:#94a3b8;border-radius:12px;cursor:pointer;transition:all .25s ease;font-size:15px;display:flex;align-items:center;justify-content:center;gap:4px}.nav-tab.active{background:#fff;color:#7c3aed;box-shadow:0 4px 15px #7c3aed1f}.tab-icon{font-size:14px}.header-right{display:flex;justify-content:center}.language-selector{position:relative}.lang-btn{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#f5f3ff,#fdf4ff);border:1px solid #e9d5ff;padding:6px 12px;border-radius:10px;font-weight:800;cursor:pointer;font-size:13px;transition:all .2s}.lang-btn:hover{border-color:#a855f7}.lang-flag-img{width:20px;height:14px;border-radius:2px;object-fit:cover}.lang-arrow{font-size:10px;color:#a855f7}.lang-dropdown-overlay{position:absolute;top:100%;right:0;margin-top:8px;z-index:999;animation:popupFade .2s cubic-bezier(.175,.885,.32,1.275)}.lang-dropdown{background:#fff;border-radius:16px;padding:12px;box-shadow:0 10px 40px #00000026;border:1px solid #f1f5f9;width:220px}@keyframes popupFade{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.lang-dropdown-title{font-size:14px;text-align:left;padding:0 4px 8px;color:#64748b}.lang-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.lang-grid-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border:2px solid #f1f5f9;background:#fff;border-radius:10px;cursor:pointer;transition:all .15s}.lang-grid-item:hover{border-color:#a855f7;background:#faf5ff}.lang-grid-item.active{background:linear-gradient(135deg,#7c3aed,#a855f7);border-color:#7c3aed}.lang-grid-item.active .lang-grid-code{color:#fff}.lang-grid-flag-img{width:24px;height:16px;border-radius:2px;object-fit:cover}.lang-grid-code{font-size:10px;font-weight:800;color:#64748b}.tab-pane{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ai-badge{background:linear-gradient(135deg,#f5f3ff,#fdf4ff);color:#7c3aed;padding:6px 16px;border-radius:30px;font-size:12px;font-weight:800;display:inline-block;margin-bottom:16px;border:1px solid #e9d5ff}h1{font-size:34px;line-height:1.15;font-weight:900;margin:0 0 12px}h2{margin:0;font-size:24px;font-weight:800}.highlight{background:linear-gradient(135deg,#7c3aed,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:17px;font-weight:500;color:#475569;margin:0 0 28px;line-height:1.5}.scanner-box{border:3px dashed transparent;border-radius:28px;text-align:center;margin-bottom:24px}.drop-zone{display:block;width:100%;border:3px dashed rgba(124,58,237,.3);border-radius:28px;padding:40px 20px;background:linear-gradient(135deg,#fff6,#ffffff80),url(/phone_pets.png);background-size:cover;background-position:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 40px #7c3aed14,inset 0 0 20px #fff9;animation:floatZone 4s ease-in-out infinite;cursor:pointer;transition:all .3s ease}.drop-zone:hover{border-color:#a855f7}@keyframes floatZone{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.preview-img{width:100%;border-radius:20px;max-height:300px;object-fit:cover}.drop-icon{font-size:52px;margin-bottom:12px;filter:drop-shadow(0 4px 10px rgba(255,255,255,.8))}.drop-title{font-weight:900;font-size:22px;color:#1e1b4b;margin:0 0 8px;text-shadow:0 2px 15px rgba(255,255,255,1),0 0 5px rgba(255,255,255,.8)}.drop-text-helper{display:inline-block;font-size:15px;font-weight:800;color:#0f172a;background:#fff6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.5);padding:6px 18px;border-radius:20px;box-shadow:0 4px 15px #fff3}.action-btns{display:flex;gap:12px;margin-bottom:28px}.btn-primary{flex:1;padding:16px;border-radius:16px;border:none;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;font-weight:800;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s,box-shadow .2s;box-shadow:0 6px 20px #7c3aed40;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);animation:btnShine 3s ease-in-out infinite}@keyframes btnShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #7c3aed59}.btn-secondary{flex:1;padding:16px;border-radius:16px;background:#fff;border:2px solid #e2e8f0;color:#475569;font-weight:800;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn-secondary:hover{border-color:#a855f7;color:#7c3aed;transform:translateY(-2px)}.btn-full{width:100%}.hero-image-wrap{position:relative;border-radius:24px;overflow:hidden;margin-bottom:20px;box-shadow:0 12px 40px #7c3aed1f}.hero-image{width:100%;height:200px;object-fit:cover;display:block}.hero-image-badge{position:absolute;top:14px;right:14px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 14px;border-radius:20px;font-size:12px;font-weight:800;color:#7c3aed;box-shadow:0 4px 12px #0000001a}.floating-animals{position:relative;height:0;overflow:visible;pointer-events:none}.float-animal{position:absolute;font-size:24px;opacity:.15;animation:floatAnim 6s ease-in-out infinite}.a1{top:20px;left:5%;animation-delay:0s}.a2{top:10px;right:8%;animation-delay:1s}.a3{top:60px;left:70%;animation-delay:2s;font-size:18px}.a4{top:40px;left:30%;animation-delay:3s;font-size:20px}.a5{top:50px;right:20%;animation-delay:4s;font-size:16px}@keyframes floatAnim{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(8deg)}}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.feature-card{display:flex;align-items:center;gap:8px;padding:14px 10px;border-radius:16px;transition:transform .2s}.feature-card:hover{transform:translateY(-3px)}.fc1{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0}.fc2{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d}.fc3{background:linear-gradient(135deg,#fce7f3,#fbcfe8);border:1px solid #f9a8d4}.fc4{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd}.feature-icon{font-size:28px;flex-shrink:0}.feature-card div{flex-grow:1}.feature-card strong{font-size:14px;color:#1e1b4b;display:block;margin-bottom:2px;line-height:1.2;word-break:break-word}.feature-card p{margin:0;font-size:11.5px;color:#64748b;line-height:1.3}.trust-section{display:flex;justify-content:center;gap:16px;padding:16px 0;margin-top:4px}.trust-item{font-size:13px;font-weight:700;color:#94a3b8;display:flex;align-items:center;gap:4px}.loader-wrap{text-align:center;padding:24px 0}.loader-ring{display:inline-block;position:relative;width:50px;height:50px}.loader-ring div{box-sizing:border-box;position:absolute;width:44px;height:44px;margin:3px;border:4px solid transparent;border-radius:50%;border-top-color:#7c3aed;animation:spin 1s ease-in-out infinite}.loader-ring div:nth-child(2){border-top-color:#ec4899;animation-delay:-.15s}.loader-ring div:nth-child(3){border-top-color:#a855f7;animation-delay:-.3s}@keyframes spin{to{transform:rotate(360deg)}}.loader-text{font-weight:700;color:#7c3aed;margin-top:12px;font-size:15px}.result-container{animation:fadeIn .5s ease}.my-pet-photo-wrap{position:relative;border-radius:24px;overflow:hidden;margin-bottom:20px;box-shadow:0 10px 40px #0000001a}.my-pet-photo{width:100%;height:260px;object-fit:cover;display:block}.my-pet-label{position:absolute;bottom:12px;left:12px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 14px;border-radius:12px;font-size:14px;font-weight:800;color:#7c3aed}.result-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #f1f5f9;border-radius:20px;padding:20px;margin-bottom:14px;box-shadow:0 4px 20px #0000000a;transition:transform .2s}.result-card:hover{transform:translateY(-2px)}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.card-icon{font-size:24px}.card-header h2{font-size:22px}.conf-wrap{margin-bottom:14px}.conf-label{font-size:14px;font-weight:700;color:#64748b}.conf-bar{height:8px;background:#e2e8f0;border-radius:8px;margin-top:6px;overflow:hidden}.conf-fill{height:100%;border-radius:8px;transition:width 1s ease}.breed-desc{color:#64748b;line-height:1.6;margin:0 0 14px;font-size:16px}.traits{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.trait{background:linear-gradient(135deg,#f5f3ff,#fdf4ff);color:#7c3aed;padding:5px 14px;border-radius:20px;font-size:12px;font-weight:700;border:1px solid #e9d5ff}.facts-box{background:#fffbeb;border-radius:14px;padding:16px;margin-top:10px}.facts-title{font-weight:800;font-size:17px;margin-bottom:10px;color:#92400e}.fact-item{font-size:15px;color:#78716c;padding:4px 0;line-height:1.5}.health-row{display:flex;gap:12px;padding:12px;border-radius:12px;margin-bottom:8px;align-items:flex-start}.health-row.ok{background:#f0fdf4}.health-row.attention{background:#fffbeb}.health-status{font-size:20px}.health-row strong{font-size:16px;color:#1e1b4b;display:block}.health-row p{margin:2px 0 0;font-size:15px;color:#64748b}.disclaimer{margin-top:12px;padding:10px;background:#f8fafc;border-radius:10px;font-size:11px;color:#94a3b8;text-align:center}.compat-row{display:flex;gap:12px;padding:10px;border-radius:12px;margin-bottom:6px;align-items:center}.compat-row.good{background:#f0fdf4}.compat-row.neutral{background:#f8fafc}.compat-row.bad{background:#fef2f2}.compat-emoji{font-size:22px}.compat-row strong{font-size:15px;color:#1e1b4b;display:block}.compat-row p{margin:2px 0 0;font-size:14px;color:#64748b}.fun-card{background:linear-gradient(135deg,#faf5ff,#fdf4ff)!important;border-color:#f3e8ff!important}.celeb-row{display:flex;align-items:center;gap:14px;margin-bottom:14px}.celeb-img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid #e9d5ff}.celeb-label{font-size:13px;color:#a78bfa;font-weight:700;display:block}.celeb-name{font-size:19px;font-weight:800;color:#7c3aed}.cuteness{font-size:17px;padding:10px 0;color:#475569}.fun-text{font-size:16px;color:#64748b;line-height:1.5;margin:8px 0}.btn-vet{display:block;width:100%;padding:14px;margin-top:10px;background:#fff;color:#7c3aed;border:2px solid #e9d5ff;border-radius:16px;font-weight:800;font-size:15px;text-align:center;text-decoration:none;transition:all .2s}.btn-vet:hover{background:#f5f3ff;border-color:#7c3aed}.clinic-btn{display:flex;align-items:center;gap:12px;width:100%;padding:22px;border-radius:20px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;text-decoration:none;font-weight:800;font-size:16px;margin-bottom:24px;box-shadow:0 10px 30px #7c3aed40,0 0 40px #7c3aed1a;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.clinic-btn:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:btnShine 3s ease-in-out infinite}.clinic-btn:hover{transform:translateY(-3px);box-shadow:0 14px 40px #7c3aed59}.clinic-btn-icon{font-size:26px}.clinic-btn-arrow{margin-left:auto;font-size:20px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-card{display:flex;align-items:flex-start;gap:10px;padding:16px;border-radius:16px;background:#fcfbff;border:1px solid #f1efff}.info-card span{font-size:22px}.info-card strong{font-size:14px;color:#1e1b4b;display:block;margin-bottom:2px}.info-card p{margin:0;font-size:12px;color:#94a3b8}.guides-list{display:flex;flex-direction:column;gap:16px}.guide-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #f1f5f9;padding:24px;border-radius:20px;box-shadow:0 8px 30px #00000008;transition:transform .2s,box-shadow .2s}.guide-card:hover{transform:translateY(-3px);box-shadow:0 12px 35px #7c3aed14}.guide-icon{font-size:32px;margin-bottom:12px}.guide-card h3{margin:0 0 10px;color:#7c3aed;font-size:18px;font-weight:800}.guide-card p{margin:0;color:#64748b;line-height:1.6;font-size:14px}.app-footer{padding:30px 0 16px;text-align:center;color:#cbd5e1;font-size:13px;margin-top:auto}.legal-disclaimer{margin-top:16px}.social-icons{display:flex;justify-content:center;gap:16px;margin:20px 0 10px}.social-btn{display:inline-flex;align-items:center;justify-content:center;transition:transform .2s,filter .2s;cursor:pointer}.social-btn:hover{transform:translateY(-3px) scale(1.05);filter:brightness(1.1)}.legal-disclaimer p{font-size:12px;color:#94a3b8;line-height:1.5;margin:0 0 8px}.legal-disclaimer p:last-child{margin:0}.legal-disclaimer strong{color:#64748b}.legal-links{font-size:11px;color:#a855f7;font-weight:700}.update-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:440px;background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(124,58,237,.2);border-radius:20px;padding:16px;box-shadow:0 15px 50px #7c3aed26;z-index:9999;animation:toastSlideUp .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes toastSlideUp{0%{bottom:-100px;opacity:0}to{bottom:20px;opacity:1}}.update-content{display:flex;align-items:center;gap:12px;position:relative}.update-icon{font-size:28px;background:linear-gradient(135deg,#ede9fe,#f5f3ff);width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px}.update-text{flex:1}.update-text strong{display:block;font-size:15px;color:#1e1b4b;margin-bottom:2px}.update-text p{margin:0;font-size:12px;color:#64748b}.update-btn{background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;border:none;padding:10px 16px;border-radius:12px;font-weight:800;font-size:13px;cursor:pointer;transition:transform .2s;box-shadow:0 4px 12px #7c3aed33}.update-btn:hover{transform:scale(1.05)}.update-close{background:none;border:none;color:#94a3b8;font-size:16px;cursor:pointer;padding:4px;margin-left:4px}.header-right{display:flex;justify-content:center;align-items:center;gap:10px}.premium-btn{padding:6px 14px;border-radius:10px;border:2px solid #f59e0b;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;font-weight:800;font-size:13px;cursor:pointer;transition:all .2s;white-space:nowrap}.premium-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #f59e0b4d}.premium-btn.premium-active{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-color:#d97706;box-shadow:0 4px 15px #f59e0b66;animation:goldPulse 2s ease-in-out infinite}@keyframes goldPulse{0%,to{box-shadow:0 4px 15px #f59e0b66}50%{box-shadow:0 4px 25px #f59e0bb3}}.premium-card{position:relative;border:1px solid #fcd34d!important;background:linear-gradient(135deg,#fffbebf2,#fff3c7f2)!important;box-shadow:0 4px 20px #f59e0b1a!important}.premium-card-badge{position:absolute;top:-1px;right:16px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:10px;font-weight:900;padding:3px 10px;border-radius:0 0 10px 10px;letter-spacing:.5px}.bcs-score{text-align:center;margin:12px 0}.bcs-number{font-size:36px;font-weight:900;color:#92400e;line-height:1}.bcs-bar{display:flex;gap:6px;justify-content:center;margin:10px 0}.bcs-dot{width:22px;height:22px;border-radius:50%;background:#e5e7eb;transition:all .3s}.bcs-dot.active.low{background:#ef4444}.bcs-dot.active.ideal{background:#22c55e}.bcs-dot.active.high{background:#f59e0b}.bcs-dot.active.obese{background:#ef4444}.bcs-category{font-size:16px;font-weight:800;color:#92400e;margin-top:6px}.premium-row{display:flex;gap:12px;align-items:flex-start}.premium-status-icon{font-size:20px;flex-shrink:0;margin-top:2px}.premium-row strong{font-size:14px;color:#1e1b4b;display:block;line-height:1.4}.premium-row p{margin:2px 0 0;font-size:13px;color:#64748b}.premium-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.premium-tag{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;background:#f59e0b1a;color:#92400e;border:1px solid #fcd34d}.risk-card{background:linear-gradient(135deg,#fff7ed,#ffedd5)!important;border-color:#fed7aa!important}.risk-row{display:flex;gap:12px;padding:10px;border-radius:12px;margin-bottom:8px;background:#fff9;align-items:flex-start}.risk-icon{font-size:18px;flex-shrink:0;margin-top:2px}.risk-row strong{font-size:14px;color:#9a3412;display:block;margin-bottom:2px}.risk-row p{margin:0;font-size:13px;color:#78716c;line-height:1.4}.premium-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;height:100%;height:100dvh;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:overlayFade .3s ease;padding:20px}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.premium-modal{position:relative;width:100%;max-width:420px;background:linear-gradient(135deg,#1e1b4b,#312e81,#1e1b4b);border-radius:24px;padding:24px 20px 28px;color:#fff;max-height:calc(100dvh - 40px);overflow-y:auto;margin:auto;animation:modalSlideUp .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalSlideUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.premium-modal-glow{position:absolute;top:-80px;right:-80px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.3) 0%,transparent 70%);pointer-events:none}.premium-modal-close{position:absolute;top:12px;right:12px;background:#ffffff1a;border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.premium-modal-header{text-align:center;margin-bottom:28px}.premium-crown{font-size:48px;margin-bottom:8px;animation:crownBounce 2s ease-in-out infinite}@keyframes crownBounce{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(5deg)}}.premium-modal-header h2{font-size:28px;font-weight:900;margin:0 0 8px}.premium-pro-text{background:linear-gradient(135deg,#f59e0b,#fbbf24);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.premium-modal-header p{margin:0;font-size:15px;color:#fff9}.premium-features{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.premium-feature-item{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:16px;background:#ffffff12;border:1px solid rgba(255,255,255,.1)}.premium-feature-item>span{font-size:24px;flex-shrink:0}.premium-feature-item strong{font-size:14px;font-weight:800;color:#fbbf24;display:block;margin-bottom:2px}.premium-feature-item p{margin:0;font-size:12px;color:#ffffff8c}.premium-activate-btn{width:100%;padding:18px;border-radius:16px;border:none;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:17px;font-weight:900;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-bottom:12px;box-shadow:0 8px 25px #f59e0b66}.premium-activate-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #f59e0b80}.premium-active-badge{text-align:center;padding:16px;border-radius:16px;margin-bottom:12px;background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#86efac;font-weight:800;font-size:16px}.premium-disclaimer{text-align:center;font-size:11px;color:#ffffff4d;margin:0}.doc-header-card{position:relative;background:linear-gradient(135deg,#eff6fff2,#dbeafef2)!important;border:1px solid #bfdbfe!important}.doc-badge{position:absolute;top:-1px;right:16px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-size:10px;font-weight:900;padding:3px 10px;border-radius:0 0 10px 10px;letter-spacing:.5px}.doc-type-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.doc-type-label{font-size:13px;font-weight:700;color:#3b82f6}.doc-type-value{font-size:14px;font-weight:800;color:#1e3a8a;background:#3b82f61a;padding:3px 12px;border-radius:20px}.doc-normal-count{font-size:13px;font-weight:700;color:#16a34a;background:#f0fdf4;padding:6px 14px;border-radius:10px;display:inline-block;margin-top:4px}.doc-abnorm-row{border-radius:14px;padding:14px;margin-bottom:10px;border:1px solid transparent}.doc-warning{background:#fffbeb;border-color:#fcd34d}.doc-critical{background:#fff1f2;border-color:#fca5a5}.doc-abnorm-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.doc-severity-icon{font-size:18px;flex-shrink:0}.doc-param{font-size:15px;color:#1e1b4b}.doc-value{font-size:14px;font-weight:800;color:#dc2626;background:#dc262614;padding:2px 10px;border-radius:8px}.doc-critical .doc-value{color:#b91c1c;background:#b91c1c1f}.doc-ref{font-size:12px;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:6px}.doc-explanation{margin:0;font-size:14px;color:#374151;line-height:1.5;padding-left:26px}.doc-no-issues{text-align:center;padding:20px;font-size:16px;font-weight:700;color:#16a34a}.doc-questions-card{background:linear-gradient(135deg,#f0fdf4f2,#dcfce7f2)!important;border:1px solid #86efac!important}.doc-question-row{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid rgba(134,239,172,.3)}.doc-question-row:last-child{border-bottom:none}.doc-q-num{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.doc-question-row p{margin:0;font-size:14px;color:#166534;line-height:1.5;font-weight:600}.doc-disclaimer{background:#0000000a;border-radius:14px;padding:14px 16px;margin-bottom:14px;font-size:13px;color:#475569;line-height:1.5;border:1px solid rgba(0,0,0,.06)}.history-btn{background:#ffffff26;border:none;color:#fff;border-radius:20px;padding:6px 12px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-save-report{background:#fff;border:2px solid #8b5cf6;color:#8b5cf6;width:100%;border-radius:16px;padding:16px;font-size:16px;font-weight:800;margin-bottom:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.btn-save-report:hover{background:#f5f3ff}.history-modal{max-width:480px;padding:24px}.history-empty{text-align:center;padding:40px 20px;color:#ffffff80;font-size:16px}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{background:#ffffff14;border-radius:16px;border:1px solid rgba(255,255,255,.1);padding:12px;display:flex;gap:14px;align-items:center;cursor:pointer;transition:.2s ease}.history-item:active{transform:scale(.98);background:#ffffff1f}.history-thumb{width:50px;height:50px;border-radius:10px;object-fit:cover;flex-shrink:0;background:#0003}.history-item-info{flex-grow:1;min-width:0}.history-item-type{font-weight:700;font-size:15px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-date{font-size:12px;color:#ffffff80}.history-item-abnorm{font-size:11px;color:#fca5a5;background:#dc262633;display:inline-block;padding:2px 8px;border-radius:6px;margin-top:4px}.history-delete-btn{background:#ef44441a;border:none;color:#fff;border-radius:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer}.history-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.history-back-btn{background:none;border:none;color:#a78bfa;font-weight:700;font-size:15px;cursor:pointer;padding:0}.history-detail-meta{text-align:right;font-size:12px;color:#ffffff80;display:flex;flex-direction:column}.history-preview-img{width:100%;height:160px;object-fit:cover;border-radius:16px;margin-bottom:16px;border:1px solid rgba(255,255,255,.1)}.history-detail-type{font-size:20px;font-weight:800;margin-bottom:8px}.history-section-title{font-size:15px;font-weight:700;color:#fbbf24;margin-bottom:8px;border-top:1px solid rgba(255,255,255,.1);padding-top:12px}.history-abnorm-row{background:#ffffff0d;border-radius:12px;padding:10px 12px;margin-bottom:8px;display:flex;gap:10px;align-items:flex-start}.history-abnorm-row strong{color:#fff;display:inline-block;margin-right:6px}.history-abnorm-row span{color:#fca5a5;font-weight:700}.history-abnorm-row p{margin:4px 0 0;font-size:13px;color:#ffffffb3;line-height:1.4}.history-question-row{display:flex;gap:12px;align-items:flex-start;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}.history-question-row:last-child{border-bottom:none}.history-question-row p{margin:0;font-size:13px;color:#ffffffd9;line-height:1.4}