*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,sans-serif;background:linear-gradient(180deg,#1a2a4a,#2d6a9f 40%,#87ceeb);min-height:100vh;color:#fff}header{text-align:center;padding:60px 20px 30px}header h1{font-size:3rem;letter-spacing:2px;text-shadow:0 2px 10px rgba(0,0,0,.4)}header p{margin-top:10px;font-size:1.1rem;opacity:.85}.upload-section{max-width:800px;margin:0 auto 40px;padding:0 20px}.upload-box{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px dashed rgba(255,255,255,.4);border-radius:16px;padding:30px;text-align:center;transition:background .2s,border-color .2s;cursor:pointer}.upload-box.drag-over{background:#ffffff38;border-color:#fff}.upload-box input[type=file]{display:none}.upload-label{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px}.upload-icon{font-size:2.5rem}.upload-hint{font-size:.85rem;opacity:.65;margin-top:4px}.preview-area{margin-top:20px}.preview-area img{width:100%;max-height:420px;object-fit:contain;border-radius:12px;border:1px solid rgba(255,255,255,.2);display:block}.preview-meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:.85rem;opacity:.75;flex-wrap:wrap;gap:8px}.clear-btn{background:#ff50504d;border:1px solid rgba(255,100,100,.5);color:#fff;padding:4px 14px;border-radius:12px;cursor:pointer;font-size:.8rem;transition:background .2s}.clear-btn:hover{background:#ff50508c}.identify-btn{display:block;margin:14px auto 0;padding:10px 28px;background:#ffffff2e;border:1px solid rgba(255,255,255,.45);color:#fff;border-radius:20px;cursor:pointer;font-size:.95rem;transition:background .2s}.identify-btn:hover{background:#ffffff4d}.identify-result{margin-top:14px;padding:14px 18px;background:#00000040;border-radius:12px;font-size:.92rem;line-height:1.6}.identify-result strong{color:#a8d8f0}.identify-result .fact{margin-top:10px;font-size:.82rem;opacity:.7;border-top:1px solid rgba(255,255,255,.2);padding-top:10px;border:none}.filter-bar{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:0 20px 30px}.filter-btn{padding:8px 20px;border:2px solid rgba(255,255,255,.6);border-radius:20px;background:transparent;color:#fff;cursor:pointer;font-size:.9rem;transition:all .2s}.filter-btn:hover,.filter-btn.active{background:#ffffff40;border-color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;max-width:1100px;margin:0 auto;padding:0 20px 60px}.card{background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:24px;transition:transform .2s,background .2s}.card:hover{transform:translateY(-4px);background:#fff3}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.icon{font-size:2rem}.card h2{font-size:1.2rem;font-weight:600}.altitude-badge{display:inline-block;font-size:.72rem;padding:2px 8px;border-radius:10px;margin-bottom:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-high{background:#5b6fa8}.badge-mid{background:#3a8a6e}.badge-low{background:#7a5230}.badge-multi{background:#7a3a7a}.badge-special{background:#7a6a20}.card p{font-size:.92rem;line-height:1.6;opacity:.9}.fact{margin-top:12px;font-size:.82rem;opacity:.7;border-top:1px solid rgba(255,255,255,.2);padding-top:10px}footer{text-align:center;padding:20px;font-size:.8rem;opacity:.5}