:root{--bg-primary: #050810;--bg-card: #080d18;--bg-panel: #060b14;--bg-modal: #060c18;--accent: #00e5a0;--accent-dim: #00a871;--accent-glow: rgba(0, 229, 160, .25);--accent-glow-strong: rgba(0, 229, 160, .55);--accent-blue: #00aaff;--text-primary: #b8e8d8;--text-secondary: #5fa888;--text-muted: #2d6650;--border: rgba(0, 229, 160, .15);--border-bright: rgba(0, 229, 160, .5);--font-hud: "Orbitron", "Courier New", monospace;--font-mono: "Share Tech Mono", "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#050810;background-image:linear-gradient(rgba(0,229,160,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,160,.025) 1px,transparent 1px);background-size:44px 44px;color:var(--text-primary);font-family:var(--font-mono);min-height:100vh}.app{max-width:1400px;margin:0 auto;padding:0 1.5rem 3rem}.app-header{text-align:center;padding:2.5rem 0 2rem;margin-bottom:2rem;position:relative}.app-header:after{content:"";display:block;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);margin-top:1.5rem;box-shadow:0 0 16px var(--accent-glow-strong)}.app-header h1{font-family:var(--font-hud);font-size:3rem;font-weight:900;color:var(--accent);text-shadow:0 0 20px var(--accent-glow-strong),0 0 60px var(--accent-glow);letter-spacing:.35em;text-transform:uppercase}.subtitle{color:var(--text-secondary);font-family:var(--font-mono);font-size:.72rem;margin-top:.6rem;letter-spacing:.28em;text-transform:uppercase;opacity:.6}.upload-section{margin-bottom:1.5rem}.upload-location-row{margin-bottom:.6rem;display:flex;gap:.5rem;align-items:center}.upload-location-row .location-input{flex:1}.location-input{width:100%;background:var(--bg-panel);border:1px solid var(--border);color:var(--text-primary);padding:.6rem .9rem;border-radius:3px;font-family:var(--font-mono);font-size:.85rem;transition:border-color .2s,box-shadow .2s}.location-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.location-input::placeholder{color:var(--text-muted)}.upload-zone{border:1px solid var(--border);border-radius:4px;padding:2rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s;background:var(--bg-panel);position:relative;overflow:hidden}.upload-zone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(0,229,160,.03) 0%,transparent 70%);pointer-events:none}.upload-zone:hover,.upload-zone.dragging{border-color:var(--accent);background:#00e5a00a;box-shadow:0 0 24px var(--accent-glow)}.upload-zone.uploading{cursor:not-allowed;border-color:var(--accent-dim)}.upload-icon{font-size:2.5rem;display:block;margin-bottom:.5rem}.upload-prompt p{color:var(--text-secondary);font-family:var(--font-mono);margin-top:.4rem;font-size:.85rem}.upload-hint{font-size:.72rem!important;color:var(--text-muted)!important;margin-top:.3rem!important}.upload-status{display:flex;flex-direction:column;align-items:center;gap:.6rem}.upload-preview{width:100px;height:100px;object-fit:cover;border-radius:3px;border:1px solid var(--accent);box-shadow:0 0 14px var(--accent-glow)}.upload-error{background:#f4433614;border:1px solid rgba(244,67,54,.4);color:#ff6b6b;padding:.75rem 1rem;border-radius:3px;margin-top:.5rem;font-size:.85rem}.upload-camera-row{margin-top:.6rem}.camera-btn{width:100%;padding:.85rem;background:#00e5a012;border:1px solid var(--border-bright);border-radius:4px;color:var(--accent);font-family:var(--font-hud);font-size:.75rem;letter-spacing:.12em;cursor:pointer;transition:background .2s,box-shadow .2s}.camera-btn:hover:not(:disabled){background:#00e5a024;box-shadow:0 0 14px var(--accent-glow)}.camera-btn:disabled{opacity:.4;cursor:not-allowed}.spinner{width:32px;height:32px;border:2px solid rgba(0,229,160,.12);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto;box-shadow:0 0 12px var(--accent-glow)}@keyframes spin{to{transform:rotate(360deg)}}.stats-panel{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:.75rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:3px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.3rem;position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s}.stat-card:before{content:"";position:absolute;top:-1px;left:-1px;width:10px;height:10px;border-top:2px solid var(--accent);border-left:2px solid var(--accent)}.stat-card:after{content:"";position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-bottom:2px solid var(--accent);border-right:2px solid var(--accent)}.stat-card:hover{border-color:var(--border-bright);box-shadow:0 0 12px var(--accent-glow)}.stat-value{font-family:var(--font-hud);font-size:1.1rem;color:var(--accent);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 10px var(--accent-glow)}.stat-label{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em;font-family:var(--font-hud)}.stat-value--danger{color:#ff5c5c;text-shadow:0 0 10px rgba(255,92,92,.4)}.stat-card--danger:before{border-color:#ff5c5c}.stat-card--danger:after{border-color:#ff5c5c}.stat-card--danger:hover{border-color:#ff5c5c80;box-shadow:0 0 12px #ff5c5c33}.rarity-breakdown{display:flex;flex-wrap:wrap;gap:.3rem .6rem}.rarity-pip{font-family:var(--font-hud);font-size:.7rem;font-weight:600}.rarity-pip--common{color:#9e9e9e}.rarity-pip--uncommon{color:#42a5f5}.rarity-pip--rare{color:#ffd54f}.rarity-pip--very-rare{color:#d500f9;text-shadow:0 0 8px rgba(213,0,249,.4)}.rarity-pip--legendary{background:linear-gradient(90deg,gold,#ff8c00,gold);background-size:200% auto;animation:legendary-shimmer 2s linear infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 4px rgba(255,215,0,.5))}.order-tracker{grid-column:1 / -1;background:var(--bg-panel);border:1px solid var(--border);border-radius:3px;padding:.85rem 1rem}.order-tracker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.order-tracker-label{font-family:var(--font-hud);font-size:.65rem;color:var(--accent);letter-spacing:.22em;text-transform:uppercase}.order-tracker-fraction{font-family:var(--font-hud);font-size:.65rem;color:var(--text-muted);letter-spacing:.1em}.order-tracker-bar{height:4px;background:#00e5a01a;border-radius:2px;margin-bottom:.6rem;overflow:hidden}.order-tracker-fill{height:100%;background:linear-gradient(90deg,var(--accent-dim),var(--accent));border-radius:2px;transition:width .6s ease;box-shadow:0 0 8px var(--accent-glow)}.order-tracker-pips{display:flex;gap:.35rem;flex-wrap:wrap}.order-pip{font-family:var(--font-hud);font-size:.62rem;padding:2px 6px;border-radius:2px;letter-spacing:.06em;transition:all .2s}.order-pip--found{background:#00e5a01f;color:var(--accent);border:1px solid rgba(0,229,160,.4);text-shadow:0 0 6px var(--accent-glow)}.order-pip--missing{background:#ffffff05;color:var(--text-muted);border:1px solid rgba(255,255,255,.05)}.achievements-section{margin-bottom:1.5rem}.achievements-toggle{width:100%;display:flex;align-items:center;gap:.75rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:3px;padding:.75rem 1rem;cursor:pointer;color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.achievements-toggle:hover{border-color:var(--border-bright);box-shadow:0 0 10px var(--accent-glow)}.achievements-toggle-label{font-family:var(--font-hud);font-size:.68rem;color:var(--accent);letter-spacing:.22em;text-transform:uppercase;flex-shrink:0}.achievements-mini-bar{flex:1;height:3px;background:#00e5a01a;border-radius:2px;overflow:hidden}.achievements-mini-fill{height:100%;background:linear-gradient(90deg,var(--accent-dim),var(--accent));border-radius:2px;transition:width .5s ease}.achievements-toggle-count{font-family:var(--font-hud);font-size:.68rem;color:var(--accent);letter-spacing:.1em;flex-shrink:0}.achievements-toggle-arrow{font-size:.65rem;color:var(--text-muted);flex-shrink:0}.achievements-body{background:var(--bg-panel);border:1px solid var(--border);border-top:none;border-radius:0 0 3px 3px;padding:1rem;display:flex;flex-direction:column;gap:1rem}.achievements-cat-label{font-family:var(--font-hud);font-size:.62rem;color:var(--text-muted);letter-spacing:.2em;text-transform:uppercase;margin-bottom:.5rem;padding-bottom:.3rem;border-bottom:1px solid var(--border)}.achievements-cat-grid{display:flex;gap:.5rem;flex-wrap:wrap}.achievement-badge{display:flex;flex-direction:column;align-items:center;gap:.3rem;width:110px;padding:.7rem .5rem;border-radius:4px;border:1px solid;text-align:center;transition:transform .15s,box-shadow .2s;cursor:default}.achievement-unlocked{background:#00e5a00f;border-color:#00e5a04d;box-shadow:0 0 8px var(--accent-glow)}.achievement-unlocked:hover{transform:translateY(-2px);box-shadow:0 0 16px var(--accent-glow)}.achievement-locked{background:#ffffff05;border-color:#ffffff0f;opacity:.45;filter:grayscale(.6)}.achievement-icon{font-size:1.6rem;line-height:1}.achievement-name{font-family:var(--font-hud);font-size:.72rem;color:var(--text-primary);letter-spacing:.04em;line-height:1.3;font-weight:700}.achievement-desc{font-family:var(--font-mono);font-size:.68rem;color:var(--text-secondary);line-height:1.45}.consent-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02040eeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:400;display:flex;align-items:center;justify-content:center;padding:1rem}.consent-modal{background:var(--bg-modal);border:1px solid var(--border-bright);border-radius:6px;padding:2rem;max-width:480px;width:100%;box-shadow:0 0 60px var(--accent-glow)}.consent-modal-title{font-family:var(--font-hud);font-size:1rem;color:var(--accent);letter-spacing:.15em;margin-bottom:.85rem}.consent-modal-intro{font-size:.8rem;color:var(--text-secondary);line-height:1.6;margin:0 0 1.25rem}.consent-cookie-list{list-style:none;display:flex;flex-direction:column;gap:.75rem;margin:0 0 1.25rem;padding:0;border:1px solid var(--border);border-radius:4px;overflow:hidden}.consent-cookie-list li{display:flex;flex-direction:column;gap:.2rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:#00e5a005}.consent-cookie-list li:last-child{border-bottom:none}.consent-cookie-name{font-family:var(--font-hud);font-size:.72rem;color:var(--accent);letter-spacing:.08em}.consent-cookie-desc{font-size:.72rem;color:var(--text-muted);line-height:1.5}.consent-modal-footer{font-size:.72rem;color:var(--text-muted);line-height:1.5;margin:0 0 1.5rem}.consent-privacy-link{background:transparent;border:none;color:var(--accent);font-size:.72rem;cursor:pointer;text-decoration:underline;padding:0;font-family:var(--font-mono)}.consent-modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.consent-decline{background:transparent;border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-hud);font-size:.68rem;letter-spacing:.1em;padding:.6rem 1.2rem;border-radius:3px;cursor:pointer;transition:border-color .2s,color .2s}.consent-decline:hover{border-color:#f44336;color:#f44336}.consent-accept{font-family:var(--font-hud);font-size:.68rem;font-weight:700;letter-spacing:.1em;background:var(--accent);color:#000;border:none;border-radius:3px;padding:.6rem 1.5rem;cursor:pointer;transition:opacity .2s;white-space:nowrap}.consent-accept:hover{opacity:.85}.achievement-toast{position:fixed;bottom:1.5rem;right:1.5rem;z-index:200;display:flex;align-items:center;gap:.85rem;background:var(--bg-modal);border:1px solid var(--accent);border-radius:6px;padding:.85rem 1.1rem;box-shadow:0 0 30px var(--accent-glow),0 8px 32px #000000b3;animation:toast-in .4s cubic-bezier(.34,1.56,.64,1);max-width:280px}@keyframes toast-in{0%{transform:translate(120%) scale(.8);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.toast-icon{font-size:2rem;flex-shrink:0}.toast-text{display:flex;flex-direction:column;gap:.15rem}.toast-label{font-family:var(--font-hud);font-size:.48rem;color:var(--accent-dim);letter-spacing:.22em;text-transform:uppercase}.toast-name{font-family:var(--font-hud);font-size:.85rem;color:var(--accent);font-weight:700;letter-spacing:.06em;text-shadow:0 0 10px var(--accent-glow)}.toast-desc{font-family:var(--font-mono);font-size:.72rem;color:var(--text-secondary);line-height:1.4}.filter-bar{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin-bottom:1.5rem;padding:.85rem 1rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:3px;position:relative}.filter-bar:before{content:"FILTER";position:absolute;top:-.6rem;left:.75rem;font-family:var(--font-hud);font-size:.65rem;color:var(--accent);background:var(--bg-panel);padding:0 .4rem;letter-spacing:.18em;opacity:.65}.filter-search,.filter-select{background:#00e5a00a;border:1px solid var(--border);color:var(--text-primary);padding:.5rem .75rem;border-radius:3px;font-family:var(--font-mono);font-size:.82rem;flex:1;min-width:120px;transition:border-color .2s,box-shadow .2s}.filter-search:focus,.filter-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 6px var(--accent-glow)}.filter-select option{background:#060c18;color:var(--text-primary)}.sort-dir-btn{background:#00e5a00d;border:1px solid var(--border);color:var(--accent);padding:.5rem .75rem;border-radius:3px;cursor:pointer;font-size:.9rem;flex-shrink:0;transition:border-color .2s,box-shadow .2s}.sort-dir-btn:hover{border-color:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.filter-count{font-family:var(--font-hud);font-size:.72rem;color:var(--accent);white-space:nowrap;flex-shrink:0;letter-spacing:.12em;opacity:.75}.sc-corner{position:absolute;width:14px;height:14px;border-color:var(--accent);border-style:solid;border-width:0}.sc-corner.tl{top:6px;left:6px;border-top-width:2px;border-left-width:2px}.sc-corner.tr{top:6px;right:6px;border-top-width:2px;border-right-width:2px}.sc-corner.bl{bottom:6px;left:6px;border-bottom-width:2px;border-left-width:2px}.sc-corner.br{bottom:6px;right:6px;border-bottom-width:2px;border-right-width:2px}.sc-corner:after{content:"";position:absolute;width:4px;height:4px;background:var(--accent);border-radius:50%;box-shadow:0 0 6px var(--accent),0 0 12px var(--accent-glow)}.sc-corner.tl:after{top:-2px;left:-2px}.sc-corner.tr:after{top:-2px;right:-2px}.sc-corner.bl:after{bottom:-2px;left:-2px}.sc-corner.br:after{bottom:-2px;right:-2px}.insect-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.1rem}.insect-card{background:var(--bg-card);border:1px solid var(--border);border-radius:3px;overflow:hidden;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease;position:relative}.insect-card:hover{transform:translateY(-5px);box-shadow:0 0 28px var(--accent-glow),0 10px 40px #0009;border-color:var(--border-bright)}.rarity-card-common:hover{border-color:#9e9e9eb3;box-shadow:0 0 30px #9e9e9e59,0 0 60px #9e9e9e1a,0 8px 24px #00000080}.rarity-card-uncommon:hover{border-color:#42a5f5cc;box-shadow:0 0 30px #42a5f573,0 0 60px #42a5f526,0 8px 24px #00000080}.rarity-card-rare:hover{border-color:#ffd54fe6;box-shadow:0 0 35px #ffd54f80,0 0 70px #ffd54f33,0 8px 24px #00000080}.rarity-card-very-rare:hover{border-color:#d500f9;box-shadow:0 0 40px #d500f999,0 0 80px #d500f940,0 8px 24px #00000080}.rarity-card-legendary:hover{border-color:gold;box-shadow:0 0 50px #ffd700b3,0 0 100px #ffd7004d,0 8px 24px #00000080}.card-image-wrapper{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#040810}.card-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease,filter .3s ease;filter:brightness(.92)}.insect-card:hover .card-image{transform:scale(1.05);filter:brightness(1)}.card-image-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(5,8,16,.6) 100%);pointer-events:none;z-index:2}.card-image-wrapper:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(5,8,16,.7),transparent);pointer-events:none;z-index:2}.scan-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:.65;transition:opacity .2s}.insect-card:hover .scan-overlay{opacity:1}.scan-confidence{position:absolute;bottom:8px;left:8px;font-family:var(--font-hud);font-size:1.05rem;font-weight:900;color:var(--accent);text-shadow:0 0 10px var(--accent-glow-strong);line-height:1.1;display:flex;flex-direction:column}.scan-conf-label{font-size:.42rem;letter-spacing:.12em;color:var(--text-secondary);opacity:.85;margin-bottom:1px}.danger-badge{position:absolute;top:8px;right:8px;font-family:var(--font-hud);font-size:.65rem;padding:3px 8px;border-radius:2px;text-transform:uppercase;font-weight:700;letter-spacing:.08em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9);z-index:4}.card-body{padding:.85rem}.card-common-name{font-family:var(--font-hud);font-size:.8rem;font-weight:600;color:var(--accent);margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.05em;text-shadow:0 0 8px var(--accent-glow)}.card-scientific{font-size:.7rem;color:var(--text-secondary);margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta-row{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.35rem}.card-order-badge{display:inline-block;background:#00e5a012;color:var(--accent);border:1px solid rgba(0,229,160,.22);font-family:var(--font-hud);font-size:.65rem;padding:2px 8px;border-radius:2px;text-transform:uppercase;letter-spacing:.08em}.card-rarity-badge{display:inline-block;font-family:var(--font-hud);font-size:.65rem;padding:2px 8px;border-radius:2px;text-transform:uppercase;letter-spacing:.08em;border:1px solid}.rarity-common{color:#9e9e9e;border-color:#9e9e9e4d;background:#9e9e9e12}.rarity-uncommon{color:#42a5f5;border-color:#42a5f54d;background:#42a5f512}.rarity-rare{color:#ffd54f;border-color:#ffd54f4d;background:#ffd54f12}.rarity-very-rare{color:#d500f9;border-color:#d500f94d;background:#d500f912;text-shadow:0 0 6px rgba(213,0,249,.4)}.rarity-legendary{background:linear-gradient(90deg,#7b4f00,gold,#b8860b,gold,#7b4f00)!important;background-size:300% auto!important;animation:legendary-shimmer 2.5s linear infinite!important;color:#1a0800!important;border-color:gold!important;box-shadow:0 0 10px #ffd70080,0 0 20px #ffd70033!important;font-weight:700}@keyframes legendary-shimmer{0%{background-position:0% center}to{background-position:300% center}}.rarity-legendary-text{background:linear-gradient(90deg,gold,#ff8c00,gold);background-size:200% auto;animation:legendary-shimmer 2s linear infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 6px rgba(255,215,0,.6));font-weight:700}.card-date{font-size:.72rem;color:var(--text-muted);margin-top:.35rem}.card-location{font-size:.72rem;color:var(--text-muted);margin-top:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-eco-types,.dex-eco-types{display:flex;gap:.35rem;flex-wrap:wrap}.card-eco-types{margin-top:.3rem}.dex-eco-types{margin-left:auto}.eco-badge{display:inline-block;font-family:var(--font-hud);font-size:.48rem;padding:2px 7px;border-radius:2px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;border:1px solid}.eco-pollinator{color:#ff8fbf;border-color:#ff8fbf59;background:#ff8fbf14}.eco-predator{color:#ff5c5c;border-color:#ff5c5c59;background:#ff5c5c14}.eco-herbivore{color:#66d96e;border-color:#66d96e59;background:#66d96e14}.eco-decomposer{color:#d4a24e;border-color:#d4a24e59;background:#d4a24e14}.eco-parasite{color:#c77dff;border-color:#c77dff59;background:#c77dff14}.eco-scavenger{color:#9e9e9e;border-color:#9e9e9e59;background:#9e9e9e14}.eco-aquatic{color:#42a5f5;border-color:#42a5f559;background:#42a5f514}.eco-nocturnal{color:#7986cb;border-color:#7986cb59;background:#7986cb14}.eco-social{color:#ffd54f;border-color:#ffd54f59;background:#ffd54f14}.eco-builder{color:#4dd0b8;border-color:#4dd0b859;background:#4dd0b814}.eco-badge-lg{display:inline-block;font-family:var(--font-hud);font-size:.6rem;padding:4px 12px;border-radius:3px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;border:1px solid}.eco-badge-lg.eco-pollinator{color:#fff;border-color:#ff8fbf;background:#ff8fbf33;text-shadow:0 0 8px rgba(255,143,191,.5)}.eco-badge-lg.eco-predator{color:#fff;border-color:#ff5c5c;background:#ff5c5c33;text-shadow:0 0 8px rgba(255,92,92,.5)}.eco-badge-lg.eco-herbivore{color:#fff;border-color:#66d96e;background:#66d96e33;text-shadow:0 0 8px rgba(102,217,110,.5)}.eco-badge-lg.eco-decomposer{color:#fff;border-color:#d4a24e;background:#d4a24e33;text-shadow:0 0 8px rgba(212,162,78,.5)}.eco-badge-lg.eco-parasite{color:#fff;border-color:#c77dff;background:#c77dff33;text-shadow:0 0 8px rgba(199,125,255,.5)}.eco-badge-lg.eco-scavenger{color:#fff;border-color:#9e9e9e;background:#9e9e9e33;text-shadow:0 0 8px rgba(158,158,158,.5)}.eco-badge-lg.eco-aquatic{color:#fff;border-color:#42a5f5;background:#42a5f533;text-shadow:0 0 8px rgba(66,165,245,.5)}.eco-badge-lg.eco-nocturnal{color:#fff;border-color:#7986cb;background:#7986cb33;text-shadow:0 0 8px rgba(121,134,203,.5)}.eco-badge-lg.eco-social{color:#fff;border-color:#ffd54f;background:#ffd54f33;text-shadow:0 0 8px rgba(255,213,79,.5)}.eco-badge-lg.eco-builder{color:#fff;border-color:#4dd0b8;background:#4dd0b833;text-shadow:0 0 8px rgba(77,208,184,.5)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02040ef0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-close{position:absolute;top:.75rem;right:.75rem;background:#00e5a012;border:1px solid var(--border);color:var(--text-secondary);font-size:.95rem;cursor:pointer;border-radius:3px;padding:.2rem .55rem;z-index:11;font-family:var(--font-mono);transition:border-color .2s,color .2s,box-shadow .2s}.modal-close:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.dex-modal{background:var(--bg-modal);border:1px solid var(--border-bright);border-radius:6px;max-width:960px;width:100%;max-height:92vh;overflow-y:auto;position:relative;box-shadow:0 0 0 1px #00e5a00f,0 0 60px var(--accent-glow),0 0 120px #00e5a00f}.dex-modal:before{content:"";position:absolute;top:-1px;left:-1px;width:28px;height:28px;border-top:2px solid var(--accent);border-left:2px solid var(--accent);z-index:10;pointer-events:none;border-radius:6px 0 0}.dex-modal:after{content:"";position:absolute;bottom:-1px;right:-1px;width:28px;height:28px;border-bottom:2px solid var(--accent);border-right:2px solid var(--accent);z-index:10;pointer-events:none;border-radius:0 0 6px}.dex-type-strip{height:3px;width:100%;border-radius:6px 6px 0 0}.dex-topbar{display:flex;align-items:center;gap:.75rem;padding:.9rem 3rem .9rem 1.25rem;border-bottom:1px solid var(--border);background:#00e5a006;flex-wrap:wrap}.dex-entry-num{font-family:var(--font-hud);font-size:.7rem;color:var(--accent-dim);letter-spacing:.1em;font-weight:600}.dex-entry-name{font-family:var(--font-hud);font-size:1.3rem;font-weight:900;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;text-shadow:0 0 18px var(--accent-glow)}.dex-entry-species{font-family:var(--font-mono);font-size:.78rem;color:var(--text-secondary);margin-left:auto}.dex-body{display:grid;grid-template-columns:1fr 1fr}.dex-left{display:flex;flex-direction:column}.dex-img-frame{position:relative;overflow:hidden;background:#040810;cursor:zoom-in}.dex-image{width:100%;aspect-ratio:1;object-fit:cover;display:block;filter:brightness(.95)}.dex-image-clickable:hover{filter:brightness(1.05);transition:filter .2s}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02040ef5;z-index:500;display:flex;align-items:center;justify-content:center;padding:1.5rem;cursor:zoom-out;animation:fadeIn .2s ease}.lightbox-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 0 60px #00e5a026}.lightbox-close{position:fixed;top:1rem;right:1rem;background:#00e5a012;border:1px solid var(--border);color:var(--text-secondary);width:44px;height:44px;border-radius:3px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s}.lightbox-close:hover{border-color:var(--accent);color:var(--accent)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dex-img-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(5,8,16,.55) 100%);pointer-events:none;z-index:1}.dex-img-frame:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(to top,rgba(5,8,16,.6),transparent);pointer-events:none;z-index:1}.dex-scan-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.dex-confidence{position:absolute;top:10px;right:10px;z-index:4;display:flex;flex-direction:column;align-items:flex-end}.dex-conf-label{font-family:var(--font-hud);font-size:.42rem;color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase}.dex-conf-value{font-family:var(--font-hud);font-size:1.4rem;font-weight:900;color:var(--accent);text-shadow:0 0 14px var(--accent-glow-strong);line-height:1}.dex-readouts{display:flex;background:#00e5a008;border-top:1px solid var(--border)}.dex-readout{flex:1;display:flex;flex-direction:column;padding:.65rem .8rem;gap:3px;border-right:1px solid var(--border)}.dex-readout:last-child{border-right:none}.dex-readout-label{font-family:var(--font-hud);font-size:.46rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em}.dex-readout-value{font-family:var(--font-hud);font-size:.82rem;font-weight:700;color:var(--text-primary);line-height:1.2}.dex-right{display:flex;flex-direction:column;gap:0;border-left:1px solid var(--border);overflow-y:auto;max-height:calc(92vh - 52px)}.dex-panel{padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.dex-panel:last-of-type{border-bottom:none}.dex-panel-header{font-family:var(--font-hud);font-size:.68rem;color:var(--accent);text-transform:uppercase;letter-spacing:.22em;margin-bottom:.7rem;padding-bottom:.35rem;border-bottom:1px solid rgba(0,229,160,.1);display:flex;align-items:center;gap:.5rem}.dex-panel-header:before{content:"";display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:1px;box-shadow:0 0 6px var(--accent)}.dex-taxonomy{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.dex-tax-row{display:flex;flex-direction:column;gap:2px}.dex-tax-label{font-family:var(--font-hud);font-size:.62rem;color:var(--accent-dim);text-transform:uppercase;letter-spacing:.14em}.dex-tax-value{font-size:.8rem;color:var(--text-primary);font-family:var(--font-mono)}.dex-description{font-size:.8rem;color:var(--text-secondary);line-height:1.75;font-family:var(--font-mono)}.dex-facts{list-style:none;display:flex;flex-direction:column;gap:.4rem}.dex-facts li{font-size:.78rem;color:var(--text-secondary);padding-left:1.2rem;position:relative;line-height:1.6;font-family:var(--font-mono)}.dex-facts li:before{content:"▸";position:absolute;left:0;color:var(--accent);font-size:.7rem;top:.1rem}.dex-related{display:flex;gap:.6rem}.dex-related-card{flex:1;background:#00e5a008;border:1px solid var(--border);border-radius:4px;overflow:hidden;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .15s}.dex-related-card:hover{border-color:var(--accent);box-shadow:0 0 14px var(--accent-glow);transform:translateY(-2px)}.dex-related-img{width:100%;aspect-ratio:1;object-fit:cover;display:block;filter:brightness(.9)}.dex-related-info{padding:.45rem .55rem}.dex-related-name{font-family:var(--font-hud);font-size:.68rem;color:var(--accent);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.04em;font-weight:600}.dex-related-relation{font-family:var(--font-mono);font-size:.62rem;color:var(--text-muted);display:block;margin-top:2px}.card-actions{display:flex;flex-direction:column;gap:.5rem;margin:1rem 1.25rem 0}.share-btn{background:#00e5a00f;border:1px solid rgba(0,229,160,.35);color:var(--accent);padding:.6rem 1rem;border-radius:3px;cursor:pointer;font-family:var(--font-hud);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;transition:background .2s,box-shadow .2s}.share-btn:hover:not(:disabled){background:#00e5a024;box-shadow:0 0 10px #00e5a038}.share-btn:disabled{opacity:.5;cursor:wait}.delete-btn{background:#f443360f;border:1px solid rgba(244,67,54,.35);color:#ff6b6b;padding:.6rem 1rem;border-radius:3px;cursor:pointer;font-family:var(--font-hud);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;transition:background .2s,box-shadow .2s}.delete-btn:hover{background:#f4433624;box-shadow:0 0 10px #f4433638}.report-panel{margin:0 0 .5rem}.report-panel-notable{border-color:gold!important;box-shadow:0 0 8px #ffd70026}.report-panel-notable .dex-panel-header{color:gold}.report-notable-msg{font-size:.65rem;color:var(--text-muted);margin:.4rem 0 .75rem;line-height:1.5}.report-notable-msg strong{color:var(--accent)}.report-links{display:flex;flex-direction:column;gap:.4rem}.report-link-btn{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;background:#00e5a00a;border:1px solid var(--border);border-radius:3px;text-decoration:none;color:var(--text-primary);transition:background .2s,border-color .2s}.report-link-btn:hover{background:#00e5a01a;border-color:var(--accent)}.report-link-icon{font-size:1rem;flex-shrink:0}.report-link-text{display:flex;flex-direction:column;flex:1}.report-link-name{font-family:var(--font-hud);font-size:.72rem;color:var(--accent);letter-spacing:.08em}.report-link-desc{font-size:.68rem;color:var(--text-muted);margin-top:.1rem}.report-link-arrow{font-size:.7rem;color:var(--text-muted);flex-shrink:0}.gps-badge{font-size:.6rem;padding:.2rem .5rem;border-radius:3px;font-family:var(--font-hud);letter-spacing:.08em;white-space:nowrap}.gps-found{background:#00e5a01f;border:1px solid var(--accent);color:var(--accent)}.location-clear-btn{background:transparent;border:1px solid var(--border);color:var(--text-muted);border-radius:3px;width:26px;height:26px;cursor:pointer;font-size:.65rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .2s,color .2s}.location-clear-btn:hover{border-color:#f44336;color:#f44336}.location-hint{font-size:.68rem;color:var(--text-muted);margin:0 0 .6rem;opacity:.7}.location-consent-banner,.gps-warning-banner{background:#0d1525;border:1px solid #1a2940;border-radius:8px;padding:.75rem 1rem;margin-bottom:.75rem;font-size:.78rem;color:var(--text-secondary)}.location-consent-banner p,.gps-warning-banner p{margin:0 0 .5rem;line-height:1.4}.location-consent-actions,.gps-warning-actions{display:flex;gap:.5rem}.consent-allow-btn{background:#00e5a0;color:#050810;border:none;border-radius:6px;padding:.35rem .9rem;font-size:.72rem;font-weight:700;cursor:pointer;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.consent-allow-btn:hover{background:#00ffb3}.consent-dismiss-btn{background:transparent;color:var(--text-muted);border:1px solid #1a2940;border-radius:6px;padding:.35rem .9rem;font-size:.72rem;cursor:pointer;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.consent-dismiss-btn:hover{color:var(--text-primary);border-color:#2a3950}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-muted);font-family:var(--font-mono)}.empty-state-title{font-family:var(--font-hud);font-size:1rem;color:var(--accent);letter-spacing:.12em;margin-bottom:.6rem;text-transform:uppercase}.empty-state-sub{font-size:.78rem;color:var(--text-secondary);line-height:1.7;max-width:360px;margin:0 auto 1.5rem}.empty-scan-frame{position:relative;width:100px;height:100px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center}.empty-scan-icon{font-size:2.5rem}.empty-state-hints{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.7rem;color:var(--text-muted);font-family:var(--font-hud);letter-spacing:.08em}.empty-hint-arrow{color:var(--accent);opacity:.5}.empty-state-icon{font-size:2rem;margin-bottom:1rem}.loading{text-align:center;padding:3rem;color:var(--accent);font-family:var(--font-hud);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;animation:pulse 1.5s ease-in-out infinite;text-shadow:0 0 10px var(--accent-glow)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.landing{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono);min-height:100vh}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 2rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:#050810f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.landing-nav-logo{font-family:var(--font-hud);font-size:1rem;color:var(--accent);letter-spacing:.15em}.landing-nav-links{display:flex;gap:.75rem}.landing-nav-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:.5rem 1.2rem;border-radius:3px;cursor:pointer;font-family:var(--font-hud);font-size:.6rem;letter-spacing:.12em;transition:all .2s}.landing-nav-btn:hover{border-color:var(--accent);color:var(--accent)}.landing-nav-btn.primary{border-color:var(--accent);color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.landing-nav-btn.primary:hover{background:var(--accent);color:#000}.landing-hero{display:flex;align-items:center;justify-content:space-between;gap:3rem;padding:5rem 2rem;max-width:1100px;margin:0 auto}.landing-hero-inner{flex:1}.landing-eyebrow{font-family:var(--font-hud);font-size:.6rem;letter-spacing:.25em;color:var(--accent);margin-bottom:1rem}.landing-title{font-family:var(--font-hud);font-size:2.8rem;line-height:1.15;color:#fff;margin-bottom:1.5rem;text-shadow:0 0 40px var(--accent-glow)}.landing-subtitle{font-size:.95rem;color:var(--text-secondary);line-height:1.7;max-width:520px;margin-bottom:2rem}.landing-hero-btns{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.landing-hero-note{font-size:.7rem;color:var(--text-muted)}.landing-cta-btn{font-family:var(--font-hud);font-size:.65rem;letter-spacing:.15em;padding:.85rem 2rem;border-radius:3px;cursor:pointer;transition:all .2s;border:1px solid}.landing-cta-btn.primary{background:var(--accent);color:#000;border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.landing-cta-btn.primary:hover{box-shadow:0 0 35px var(--accent-glow-strong);transform:translateY(-1px)}.landing-cta-btn.secondary{background:transparent;color:var(--accent);border-color:var(--accent)}.landing-cta-btn.secondary:hover{background:var(--accent-glow)}.landing-cta-btn.large{padding:1rem 2.5rem;font-size:.72rem}.landing-hero-graphic{flex-shrink:0}.hero-device{width:260px;background:var(--bg-modal);border:1px solid var(--border-bright);border-radius:16px;box-shadow:0 0 60px var(--accent-glow),0 0 120px #00e5a00f;overflow:hidden}.hero-device-inner{display:flex;flex-direction:column}.hero-device-img{position:relative;height:180px;background:#040810;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border);overflow:hidden}.hero-scan-line-anim{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 12px var(--accent),0 0 24px var(--accent-glow);animation:scan-sweep 2.5s ease-in-out infinite;pointer-events:none;z-index:5}@keyframes scan-sweep{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.hero-device-bug{font-size:5rem;filter:drop-shadow(0 0 20px rgba(0,229,160,.4))}.hero-device-info{padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.6rem}.hero-device-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.hero-device-name{font-family:var(--font-hud);font-size:.9rem;color:#fff;font-weight:700;letter-spacing:.05em}.hero-device-rarity{font-family:var(--font-hud);font-size:.6rem;letter-spacing:.12em;padding:.2rem .6rem;border-radius:2px}.hero-device-rarity.rare{color:#ffd54f;border:1px solid rgba(255,213,79,.4);background:#ffd54f14}.hero-device-sci{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted)}.hero-device-conf-row{display:flex;align-items:center;gap:.5rem}.hero-device-conf-label{font-family:var(--font-hud);font-size:.55rem;color:var(--accent-dim);letter-spacing:.12em;white-space:nowrap}.hero-device-conf-bar{flex:1;height:3px;background:#00e5a01a;border-radius:2px;overflow:hidden}.hero-device-conf-fill{height:100%;background:linear-gradient(90deg,var(--accent-dim),var(--accent));border-radius:2px;box-shadow:0 0 6px var(--accent-glow)}.hero-device-conf-pct{font-family:var(--font-hud);font-size:.65rem;color:var(--accent);white-space:nowrap}.hero-device-tags{display:flex;gap:.4rem;flex-wrap:wrap}.hero-device-tag{font-family:var(--font-hud);font-size:.58rem;color:var(--text-muted);background:#ffffff08;border:1px solid var(--border);border-radius:2px;padding:.15rem .5rem;letter-spacing:.06em}.landing-showcase-sub{font-size:.9rem;color:var(--text-secondary);line-height:1.7;max-width:600px;margin:-1.5rem 0 2.5rem}.landing-showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;max-width:1100px;margin:0 auto 2rem}.showcase-card{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:1.25rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;transition:transform .2s,box-shadow .2s,border-color .2s}.showcase-card:hover{transform:translateY(-5px)}.showcase-common:hover{border-color:#9e9e9eb3;box-shadow:0 0 30px #9e9e9e59,0 0 60px #9e9e9e1a,0 8px 24px #00000080}.showcase-uncommon:hover{border-color:#42a5f5cc;box-shadow:0 0 30px #42a5f573,0 0 60px #42a5f526,0 8px 24px #00000080}.showcase-rare{border-color:#ffd54f33}.showcase-rare:hover{border-color:#ffd54fe6;box-shadow:0 0 35px #ffd54f80,0 0 70px #ffd54f33,0 8px 24px #00000080}.showcase-very-rare{box-shadow:0 0 16px #d500f926;border-color:#d500f940}.showcase-very-rare:hover{border-color:#d500f9;box-shadow:0 0 40px #d500f999,0 0 80px #d500f940,0 8px 24px #00000080}.showcase-legendary{box-shadow:0 0 20px #ffd70026;border-color:#ffd7004d}.showcase-legendary:hover{border-color:gold;box-shadow:0 0 50px #ffd700b3,0 0 100px #ffd7004d,0 8px 24px #00000080}.showcase-rarity{font-family:var(--font-hud);font-size:.6rem;letter-spacing:.1em;padding:.2rem .6rem;border-radius:2px;border:1px solid;align-self:flex-start}.showcase-icon{font-size:2.5rem;margin:.25rem 0}.showcase-name{font-family:var(--font-hud);font-size:.72rem;font-weight:700;letter-spacing:.04em;line-height:1.3}.showcase-sci{font-family:var(--font-mono);font-size:.62rem;color:var(--text-muted);font-style:italic}.showcase-meta{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem;margin-top:.25rem}.showcase-order{font-family:var(--font-hud);font-size:.58rem;color:var(--accent);background:#00e5a012;border:1px solid rgba(0,229,160,.2);padding:2px 6px;border-radius:2px}.showcase-conf{font-family:var(--font-hud);font-size:.72rem;font-weight:700}.showcase-eco{font-size:.65rem;color:var(--text-muted);font-family:var(--font-mono)}.rarity-legend{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;font-family:var(--font-hud);font-size:.65rem;letter-spacing:.1em;padding-top:1rem;max-width:1100px;margin:0 auto}.rarity-legend-item{display:flex;align-items:center;gap:.5rem}.rarity-legend-dot{color:var(--text-muted)}.hero-badge{font-family:var(--font-hud);font-size:.5rem;letter-spacing:.15em;padding:.3rem .75rem;border-radius:2px}.hero-badge.rare{background:#00aaff26;color:#0af;border:1px solid rgba(0,170,255,.4)}.landing-section{padding:5rem 2rem;max-width:1100px;margin:0 auto}.landing-section.alt{background:var(--bg-panel);max-width:100%;padding:5rem 2rem}.landing-section.alt>*{max-width:1100px;margin-left:auto;margin-right:auto}.landing-section-label{font-family:var(--font-hud);font-size:.55rem;letter-spacing:.3em;color:var(--accent);margin-bottom:.75rem}.landing-section-title{font-family:var(--font-hud);font-size:1.6rem;color:#fff;margin-bottom:3rem}.landing-steps{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.landing-step{flex:1;min-width:200px;background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;padding:2rem;text-align:center}.landing-step:hover{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow);transition:all .3s}.step-number{font-family:var(--font-hud);font-size:.6rem;color:var(--accent);margin-bottom:.75rem;letter-spacing:.2em}.step-icon{font-size:2rem;margin-bottom:.75rem}.landing-step h3{font-family:var(--font-hud);font-size:.8rem;color:#fff;margin-bottom:.75rem;letter-spacing:.1em}.landing-step p{font-size:.8rem;color:var(--text-secondary);line-height:1.6}.landing-step-arrow{font-size:1.5rem;color:var(--accent);flex-shrink:0}.landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1100px;margin:0 auto}.landing-feature{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:1.75rem;transition:all .2s}.landing-feature:hover{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.feature-icon{font-size:1.75rem;margin-bottom:.75rem}.landing-feature h3{font-family:var(--font-hud);font-size:.75rem;color:#fff;margin-bottom:.5rem;letter-spacing:.1em}.landing-feature p{font-size:.8rem;color:var(--text-secondary);line-height:1.6}.landing-pricing{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.landing-plan{flex:1;min-width:220px;max-width:300px;background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;padding:2rem;text-align:center;position:relative}.landing-plan.featured{border-color:var(--accent);box-shadow:0 0 30px var(--accent-glow)}.plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:#000;font-family:var(--font-hud);font-size:.5rem;letter-spacing:.15em;padding:.25rem .75rem;border-radius:2px;white-space:nowrap}.landing-plan h3{font-family:var(--font-hud);font-size:1rem;color:#fff;margin-bottom:1rem;letter-spacing:.1em}.plan-price{font-family:var(--font-hud);font-size:2rem;color:var(--accent);margin-bottom:1.5rem}.plan-price span{font-size:.7rem;color:var(--text-muted)}.landing-plan ul{list-style:none;text-align:left;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.landing-plan ul li{font-size:.8rem;color:var(--text-secondary)}.landing-footer-cta{text-align:center;padding:5rem 2rem;border-top:1px solid var(--border)}.landing-footer-cta h2{font-family:var(--font-hud);font-size:1.6rem;color:#fff;margin-bottom:1rem}.landing-footer-cta p{color:var(--text-secondary);margin-bottom:2rem}.landing-footer{text-align:center;padding:1.5rem;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-muted)}.landing-footer-links{margin-top:.5rem;font-size:.72rem;color:var(--text-muted)}.landing-footer-links span:hover{color:var(--accent)}.landing-footer-links a{color:var(--text-muted);text-decoration:none}.landing-footer-links a:hover{color:var(--accent)}.legal-page{min-height:100vh;background:var(--bg-primary);padding:2rem 1.5rem 4rem}.legal-inner{max-width:760px;margin:0 auto}.legal-back{background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:.4rem 1rem;border-radius:3px;cursor:pointer;font-family:var(--font-hud);font-size:.6rem;letter-spacing:.1em;margin-bottom:2rem;display:inline-block;transition:border-color .2s,color .2s}.legal-back:hover{border-color:var(--accent);color:var(--accent)}.legal-inner h1{font-family:var(--font-hud);font-size:1.8rem;color:var(--accent);letter-spacing:.1em;margin-bottom:.4rem}.legal-date{font-size:.72rem;color:var(--text-muted);margin-bottom:2.5rem;font-family:var(--font-mono)}.legal-inner section{margin-bottom:2rem;border-top:1px solid var(--border);padding-top:1.5rem}.legal-inner h2{font-family:var(--font-hud);font-size:.85rem;color:var(--text-primary);letter-spacing:.1em;margin-bottom:.75rem}.legal-inner p{font-size:.82rem;color:var(--text-secondary);line-height:1.8;margin-bottom:.75rem}.legal-inner ul{padding-left:1.25rem;margin-bottom:.75rem}.legal-inner ul li{font-size:.82rem;color:var(--text-secondary);line-height:1.8;margin-bottom:.3rem}.legal-inner a{color:var(--accent);text-decoration:none}.legal-inner a:hover{text-decoration:underline}.landing-footer-disclaimer{margin-top:.5rem;font-size:.68rem;color:var(--text-muted);opacity:.6;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.5}.landing-ai-disclaimer{margin-top:2rem;font-size:.75rem;color:var(--text-muted);opacity:.75;max-width:640px;margin-left:auto;margin-right:auto;text-align:center;line-height:1.6;border-top:1px solid var(--border);padding-top:1.5rem}@media (max-width: 700px){.landing-hero{flex-direction:column;padding:3rem 1.5rem;text-align:center}.landing-title{font-size:1.8rem}.landing-hero-graphic{display:none}.landing-hero-btns{justify-content:center}.landing-step-arrow{display:none}.landing-steps{flex-direction:column}.landing-nav{padding:1rem}.landing-nav-logo{font-size:.8rem}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-box{background:var(--bg-panel);border:1px solid var(--border-bright);border-radius:6px;padding:2.5rem;max-width:400px;width:100%;position:relative;box-shadow:0 0 60px var(--accent-glow);text-align:center}.login-box:before{content:"";position:absolute;top:-1px;left:-1px;width:20px;height:20px;border-top:2px solid var(--accent);border-left:2px solid var(--accent)}.login-box:after{content:"";position:absolute;bottom:-1px;right:-1px;width:20px;height:20px;border-bottom:2px solid var(--accent);border-right:2px solid var(--accent)}.login-logo{font-size:2.5rem;margin-bottom:.5rem}.login-box h1{font-family:var(--font-hud);font-size:2rem;color:var(--accent);letter-spacing:.3em;text-shadow:0 0 20px var(--accent-glow-strong)}.login-box .subtitle{font-size:.6rem;margin-bottom:1.5rem}.auth-tabs{display:flex;gap:0;margin-bottom:1.5rem;border:1px solid var(--border);border-radius:3px;overflow:hidden}.auth-tab{flex:1;padding:.6rem;background:transparent;border:none;color:var(--text-muted);font-family:var(--font-hud);font-size:.6rem;letter-spacing:.15em;cursor:pointer;transition:background .2s,color .2s}.auth-tab.active{background:#00e5a01a;color:var(--accent)}.auth-tab:hover:not(.active){color:var(--text-secondary)}.login-form{display:flex;flex-direction:column;gap:.75rem;text-align:left}.input-group{display:flex;flex-direction:column;gap:.3rem}.input-group label{font-family:var(--font-hud);font-size:.5rem;color:var(--accent-dim);letter-spacing:.18em}.input-group input{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);padding:.7rem;border-radius:3px;font-family:var(--font-mono);font-size:.9rem;transition:border-color .2s,box-shadow .2s;width:100%}.input-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.login-error{color:#ff6b6b;font-size:.75rem;text-align:center}.login-btn{background:#00e5a014;border:1px solid var(--accent);color:var(--accent);padding:.7rem;border-radius:3px;cursor:pointer;font-family:var(--font-hud);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;transition:background .2s,box-shadow .2s;width:100%;margin-top:.25rem}.login-btn:hover{background:#00e5a026;box-shadow:0 0 16px var(--accent-glow)}.login-btn:disabled{opacity:.5;cursor:not-allowed}.auth-note{font-size:.65rem;color:var(--text-muted);margin-top:1rem;line-height:1.6}.auth-note strong{color:var(--accent)}.confirm-msg{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0}.confirm-msg span{font-size:2rem}.confirm-msg p{color:var(--text-secondary);font-size:.85rem;line-height:1.6}.confirm-msg button{background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:.5rem 1rem;border-radius:3px;cursor:pointer;font-family:var(--font-hud);font-size:.55rem;letter-spacing:.12em}.forgot-btn{background:transparent;border:none;color:var(--text-muted);font-size:.65rem;cursor:pointer;margin-top:.5rem;text-decoration:underline;font-family:var(--font-mono);transition:color .2s;width:100%;text-align:center}.forgot-btn:hover{color:var(--accent)}.reset-intro{font-size:.75rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem;text-align:center}.header-right{display:flex;align-items:center;gap:.75rem;position:absolute;right:0;top:50%;transform:translateY(-50%)}.user-info{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.user-email{font-size:.68rem;color:var(--text-muted);font-family:var(--font-mono)}.user-tier{font-family:var(--font-hud);font-size:.65rem;letter-spacing:.15em;font-weight:700}.scan-count{font-size:.65rem;color:var(--text-secondary);font-family:var(--font-mono)}.upgrade-btn{background:#00e5a01a;border:1px solid var(--accent);color:var(--accent);padding:.4rem .8rem;border-radius:3px;cursor:pointer;font-family:var(--font-hud);font-size:.65rem;letter-spacing:.14em;transition:background .2s,box-shadow .2s}.upgrade-btn:hover{background:#00e5a033;box-shadow:0 0 12px var(--accent-glow)}.upgrade-modal{background:var(--bg-modal);border:1px solid var(--border-bright);border-radius:6px;padding:2rem;max-width:760px;width:95%;position:relative;box-shadow:0 0 60px var(--accent-glow);max-height:90vh;overflow-y:auto}.upgrade-header{text-align:center;margin-bottom:2rem;position:relative;padding-top:.5rem}.modal-close-btn{position:absolute;top:0;right:0;background:transparent;border:1px solid var(--border);color:var(--text-muted);width:28px;height:28px;border-radius:3px;cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center;transition:color .2s,border-color .2s}.modal-close-btn:hover{color:var(--accent);border-color:var(--accent)}.upgrade-header h2{font-family:var(--font-hud);font-size:1.4rem;color:var(--accent);letter-spacing:.2em;margin-bottom:.5rem}.upgrade-header p{color:var(--text-secondary);font-size:.8rem}.upgrade-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.upgrade-tier{background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.75rem;position:relative;transition:border-color .2s,box-shadow .2s}.upgrade-tier.current{border-color:var(--tier-color, var(--accent));box-shadow:0 0 20px #00e5a026}.upgrade-tier:hover{border-color:var(--tier-color, var(--accent))}.current-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--tier-color, var(--accent));color:#000;font-family:var(--font-hud);font-size:.6rem;padding:.2rem .6rem;border-radius:10px;white-space:nowrap;font-weight:700}.tier-name{font-family:var(--font-hud);font-size:1.1rem;font-weight:700;letter-spacing:.1em}.tier-price{display:flex;align-items:baseline;gap:.3rem}.tier-amount{font-family:var(--font-hud);font-size:1.8rem;color:var(--text-primary);font-weight:700}.tier-period{font-size:.7rem;color:var(--text-muted)}.tier-scans{font-size:.75rem;color:var(--accent);font-family:var(--font-mono);padding:.3rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.tier-features{list-style:none;display:flex;flex-direction:column;gap:.4rem;flex:1}.tier-features li{font-size:.72rem;color:var(--text-secondary);display:flex;gap:.5rem}.tier-features li span{color:var(--tier-color, var(--accent))}.tier-btn{margin-top:auto;padding:.6rem;background:transparent;border:1px solid;border-radius:3px;cursor:pointer;font-family:var(--font-hud);font-size:.68rem;letter-spacing:.1em;transition:background .2s,box-shadow .2s}.tier-btn:hover:not(:disabled){background:#ffffff0d;box-shadow:0 0 12px #ffffff1a}.tier-btn:disabled{opacity:.5;cursor:not-allowed}.upgrade-error{color:#ff6b6b;font-size:.8rem;text-align:center;margin-top:.5rem}.upgrade-footer{text-align:center;padding-top:1rem;border-top:1px solid var(--border)}.manage-billing-btn{background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:.5rem 1.2rem;border-radius:3px;cursor:pointer;font-family:var(--font-mono);font-size:.7rem;transition:color .2s,border-color .2s}.manage-billing-btn:hover{color:var(--text-secondary);border-color:var(--text-muted)}@media (max-width: 600px){.upgrade-tiers{grid-template-columns:1fr}}.account-btn-header{background:#00e5a00d;border:1px solid var(--border);color:var(--text-secondary);padding:.4rem .8rem;border-radius:3px;cursor:pointer;font-family:var(--font-hud);font-size:.65rem;letter-spacing:.14em;transition:border-color .2s,color .2s}.account-btn-header:hover{border-color:var(--accent);color:var(--accent)}.account-modal{background:var(--bg-modal);border:1px solid var(--border-bright);border-radius:6px;padding:2rem;max-width:480px;width:95%;position:relative;box-shadow:0 0 60px var(--accent-glow);max-height:90vh;overflow-y:auto}.account-modal-title{font-family:var(--font-hud);font-size:1.1rem;color:var(--accent);letter-spacing:.15em;margin-bottom:.3rem}.account-email{font-size:.72rem;color:var(--text-muted);font-family:var(--font-mono);margin-bottom:1.5rem}.account-sections{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:4px;overflow:hidden}.account-section{border-bottom:1px solid var(--border)}.account-section:last-child{border-bottom:none}.account-section-header{width:100%;background:transparent;border:none;color:var(--text-secondary);padding:.85rem 1rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-family:var(--font-hud);font-size:.65rem;letter-spacing:.1em;transition:background .2s,color .2s;text-align:left}.account-section-header:hover{background:#00e5a00a;color:var(--accent)}.account-section-header.danger:hover{background:#f443360d;color:#f44336}.account-form{padding:0 1rem 1rem;display:flex;flex-direction:column;gap:.6rem}.account-form input{background:var(--bg-panel);border:1px solid var(--border);color:var(--text-primary);padding:.55rem .8rem;border-radius:3px;font-family:var(--font-mono);font-size:.82rem;transition:border-color .2s}.account-form input:focus{outline:none;border-color:var(--accent)}.account-btn{background:#00e5a014;border:1px solid var(--accent);color:var(--accent);padding:.55rem;border-radius:3px;cursor:pointer;font-family:var(--font-hud);font-size:.72rem;letter-spacing:.12em;transition:background .2s}.account-btn:hover:not(:disabled){background:#00e5a026}.account-btn:disabled{opacity:.4;cursor:not-allowed}.account-btn.danger{background:#f4433614;border-color:#f44336;color:#f44336}.account-btn.danger:hover:not(:disabled){background:#f4433626}.account-error{font-size:.72rem;color:#f44336}.account-success{font-size:.72rem;color:var(--accent)}.account-delete-warning{font-size:.72rem;color:var(--text-secondary);line-height:1.6}.logout-btn{background:#00e5a00d;border:1px solid var(--border);color:var(--text-secondary);padding:.4rem .8rem;border-radius:3px;cursor:pointer;font-family:var(--font-hud);font-size:.65rem;letter-spacing:.14em;transition:border-color .2s,color .2s}.logout-btn:hover{border-color:var(--accent);color:var(--accent)}.manage-btn{background:#ffd7000d;border:1px solid rgba(255,215,0,.3);color:gold;padding:.4rem .8rem;border-radius:3px;cursor:pointer;font-family:var(--font-hud);font-size:.65rem;letter-spacing:.14em;transition:all .2s}.manage-btn:hover{background:#ffd7001a;border-color:gold}@media (max-width: 960px){.app{padding:0 .9rem 4rem}.app-header{padding:1.1rem 0 1rem;margin-bottom:1.25rem;text-align:left;display:flex;align-items:center;justify-content:space-between}.app-header:after{display:none}.app-header h1{font-size:1.8rem}.app-header .subtitle{font-size:.72rem;margin-top:.1rem}.header-left{display:flex;flex-direction:column}.header-right{position:static;transform:none;display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;flex-shrink:0}.user-email{display:none}.user-info{gap:.15rem}.logout-btn{position:static;padding:.5rem .9rem;font-size:.68rem}.manage-btn,.upgrade-btn,.account-btn-header{padding:.5rem .9rem;font-size:.68rem;white-space:nowrap}.upload-zone{padding:1.25rem 1rem}.upload-prompt p{font-size:.85rem}.upload-camera-row{display:flex!important}.stats-panel{grid-template-columns:repeat(2,1fr)}.stat-card--rarity,.order-tracker{grid-column:1 / -1}.achievement-badge{width:95px}.achievement-name{font-size:.72rem}.achievement-desc{font-size:.68rem}.insect-grid{grid-template-columns:repeat(2,1fr);gap:.7rem}.card-body{padding:.55rem .6rem}.card-common-name{font-size:.8rem}.card-scientific{font-size:.65rem}.filter-bar{flex-direction:column}.filter-search,.filter-select{min-width:unset;width:100%;font-size:16px}.location-input,.login-input{font-size:16px}.modal-overlay{padding:0;align-items:flex-end}.dex-modal{border-radius:14px 14px 0 0;max-height:96vh;width:100%}.dex-type-strip{border-radius:14px 14px 0 0}.dex-topbar{padding:.75rem 3.5rem .75rem 1rem;gap:.5rem;flex-wrap:wrap}.dex-entry-name{font-size:1.1rem}.dex-entry-species{margin-left:0;font-size:.75rem}.dex-eco-types{gap:.35rem}.eco-badge-lg{font-size:.65rem;padding:.22rem .6rem}.dex-body{grid-template-columns:1fr}.dex-left{flex-direction:row;gap:0}.dex-img-frame{width:42%;flex-shrink:0;min-height:160px;max-height:200px}.dex-image{object-fit:cover;height:100%}.dex-readouts{width:58%;border-top:none;border-left:1px solid var(--border);flex-direction:column}.dex-readout{flex:none;padding:.5rem .7rem;border-right:none;border-bottom:1px solid var(--border)}.dex-readout:last-child{border-bottom:none}.dex-readout-value{font-size:.72rem}.dex-right{border-left:none;border-top:1px solid var(--border);max-height:none}.dex-related{flex-direction:column;gap:.5rem}.dex-taxonomy{grid-template-columns:1fr 1fr}.modal-close{top:.6rem;right:.75rem;width:44px;height:44px;font-size:.9rem;display:flex;align-items:center;justify-content:center;padding:0}.achievement-toast{bottom:auto;top:1rem;right:.75rem;left:.75rem;max-width:none}.toast-label{font-size:.65rem}.toast-name{font-size:.8rem}}@media (max-width: 380px){.insect-grid{grid-template-columns:1fr}.dex-left{flex-direction:column}.dex-img-frame{width:100%;max-height:180px}.dex-readouts{width:100%;border-left:none;border-top:1px solid var(--border)}}