*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f7f5f0;--surface: #ffffff;--primary: #2d6a4f;--primary-light: #52b788;--text-dark: #1a2e1c;--text-mid: #4a5568;--text-light: #718096;--border: #e2e8f0;--shadow: 0 2px 12px rgba(0,0,0,.08);--shadow-hover: 0 8px 24px rgba(0,0,0,.14);--radius: 12px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text-dark);min-height:100vh}.trust-strip{background:#f0f7f2;border-bottom:1px solid #d4e9dc;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem .75rem;padding:.55rem 1.25rem}.trust-item{font-size:.78rem;color:#2d6a4f;font-weight:500;white-space:nowrap}.trust-divider{color:#aacfba;font-size:.9rem}@media (max-width: 480px){.trust-strip{padding:.5rem .75rem}.trust-item{font-size:.73rem}}.today-bar{background:var(--primary);color:#fff;display:flex;align-items:center;gap:.85rem;padding:.65rem 1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none}.today-bar:hover{background:#245a42}.today-bar-label{font-size:.58rem;font-weight:800;letter-spacing:.14em;background:#ffffff2e;border-radius:4px;padding:2px 7px;flex-shrink:0;white-space:nowrap}.today-bar-text{font-size:.85rem;flex:1;line-height:1.4}.today-bar-cta{font-size:.72rem;opacity:.7;white-space:nowrap;flex-shrink:0;font-weight:600}@media (max-width: 600px){.today-bar-cta{display:none}.today-bar{padding:.6rem 1rem}.today-bar-text{font-size:.8rem}}.pre-grid-nudge{display:flex;align-items:center;justify-content:space-between;background:#f0faf4;border:1px solid #c6e8d5;border-radius:8px;padding:.6rem 1rem;margin-bottom:.75rem;font-size:.83rem;color:var(--text-mid)}.pre-grid-nudge-link{font-size:.83rem;font-weight:700;color:var(--primary);text-decoration:none;white-space:nowrap;margin-left:1rem}.pre-grid-nudge-link:hover{text-decoration:underline}@media (max-width: 500px){.pre-grid-nudge{flex-direction:column;gap:.4rem;text-align:center}.pre-grid-nudge-link{margin-left:0}}.navbar{background:var(--surface);border-bottom:1px solid var(--border);padding:0 2rem;height:60px;display:flex;align-items:center;position:sticky;top:0;z-index:100;box-shadow:0 1px 8px #0000000f}.navbar-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--primary)}.navbar-logo{font-size:1.6rem}.navbar-name{font-size:1.2rem;font-weight:700;letter-spacing:-.3px}.navbar-tagline{font-size:.75rem;color:var(--text-light);font-weight:400;margin-left:4px;align-self:flex-end;margin-bottom:3px}.main{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.hero{text-align:center;padding:3rem 1rem 2rem}.hero h1{font-size:2.4rem;font-weight:800;color:var(--primary);letter-spacing:-.5px;margin-bottom:.6rem}.hero p{font-size:1.05rem;color:var(--text-mid)}.hero-sub{max-width:560px;margin:0 auto 1.5rem;font-size:1rem;color:#ffffffe0;line-height:1.6}.hero-cta-identify{background:#4ade80;color:#0f3d2a;border:none;border-radius:10px;padding:.85rem 1.75rem;font-size:1rem;font-weight:800;cursor:pointer;transition:background .15s,transform .1s;letter-spacing:.01em;margin-bottom:1.5rem}.hero-cta-identify:hover{background:#22c55e;transform:translateY(-1px)}.hero-cta-single{padding:.95rem 2.75rem;font-size:1.05rem}.hero-upload-zone{display:flex;align-items:center;gap:1rem;background:#ffffff1a;border:2px dashed rgba(255,255,255,.45);border-radius:14px;padding:1.1rem 1.75rem;color:#fff;cursor:pointer;transition:background .2s,border-color .2s;max-width:420px;width:100%;margin:0 auto 1.5rem;text-align:left}.hero-upload-zone:hover,.hero-dragging .hero-upload-zone{background:#fff3;border-color:#ffffffbf}.hero-upload-icon{font-size:1.75rem;flex-shrink:0}.hero-upload-text-wrap{display:flex;flex-direction:column;gap:.15rem}.hero-upload-label{font-size:.98rem;font-weight:700}.hero-upload-sub{font-size:.78rem;opacity:.72}.hero-stats{display:flex;align-items:center;justify-content:center;gap:0;margin-top:1.75rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem 2rem;max-width:520px;margin-left:auto;margin-right:auto}.hero-stat{text-align:center;padding:0 1.5rem}.hero-stat-num{display:block;font-size:1.5rem;font-weight:800;color:var(--primary)}.hero-stat-label{display:block;font-size:.75rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.hero-stat-divider{width:1px;height:40px;background:var(--border);flex-shrink:0}.home-content{max-width:1200px;margin:0 auto;padding:0 1.5rem 2rem}.hero-with-image{background-size:cover;background-position:center 30%;min-height:500px;padding:5rem 1rem 3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.hero-with-image h1{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.4)}.hero-with-image .hero-sub{color:#ffffffeb}.hero-with-image .search-wrap{background:#fff}.hero-with-image .hero-stats{background:#ffffff26;border-color:#ffffff40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-with-image .hero-stat-num{color:#fff}.hero-with-image .hero-stat-label{color:#ffffffbf}.hero-with-image .hero-stat-divider{background:#ffffff4d}.hero-attribution{font-size:.68rem;color:#fff6;margin-top:.75rem;align-self:flex-end;padding-right:.5rem}.search-wrap{max-width:520px;margin:1.5rem auto 0;position:relative}.search-wrap-inline{margin:1rem 0 0;max-width:100%}.search-input{width:100%;padding:.75rem 1.2rem .75rem 3rem;font-size:.95rem;border:1.5px solid var(--border);border-radius:50px;background:var(--surface);outline:none;transition:border-color .2s;color:var(--text-dark)}.search-input:focus{border-color:var(--primary-light)}.search-icon{position:absolute;left:1.1rem;top:50%;transform:translateY(-50%);color:var(--text-light);font-size:1rem}.filter-bar{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin:2rem 0 1.5rem}.filter-btn{padding:.45rem 1.1rem;border-radius:50px;border:1.5px solid var(--border);background:var(--surface);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .18s;color:var(--text-mid);display:flex;align-items:center;gap:6px}.filter-btn:hover{border-color:var(--primary-light);color:var(--primary)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.species-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.2rem}.species-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;position:relative}.species-card .card-photo,.species-card .card-photo-placeholder{border-radius:var(--radius) var(--radius) 0 0}.species-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.species-card-link{display:block;text-decoration:none;color:inherit;cursor:pointer}.card-save-btn{position:absolute;top:8px;right:8px;z-index:2;background:#ffffffe0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;border-radius:50%;width:32px;height:32px;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background .15s;line-height:1;padding:0}.species-card:hover .card-save-btn{opacity:1}.card-save-btn:hover{background:#fff}.card-save-btn.saved{opacity:1;color:#e53e3e}.card-save-btn.saving{opacity:1}@media (hover: none){.card-save-btn{opacity:.7}}.card-footer-row{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.card-safari-btn{background:var(--primary);color:#fff;border:none;border-radius:20px;height:22px;padding:0 .5rem;font-size:.68rem;font-weight:800;letter-spacing:.02em;display:inline-flex;align-items:center;cursor:pointer;transition:background .15s;line-height:1;white-space:nowrap;flex-shrink:0}.card-safari-btn:hover{background:#1a5c3f}.card-safari-btn.logged{background:#22c55e}.card-photo{width:100%;aspect-ratio:1;object-fit:cover;background:var(--bg);display:block}.card-photo-placeholder{width:100%;aspect-ratio:1;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);display:flex;align-items:center;justify-content:center;font-size:3rem}.card-body{padding:.85rem 1rem}.card-common{font-size:.95rem;font-weight:600;color:var(--text-dark);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-scientific{font-size:.78rem;color:var(--text-light);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px}.card-badge{display:inline-block;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:50px;text-transform:uppercase;letter-spacing:.4px}.badge-Aves{background:#dbeafe;color:#1d4ed8}.badge-Mammalia{background:#fef3c7;color:#92400e}.badge-Reptilia{background:#d1fae5;color:#065f46}.badge-Amphibia{background:#ede9fe;color:#5b21b6}.badge-Insecta{background:#fee2e2;color:#991b1b}.badge-Plantae{background:#dcfce7;color:#166534}.badge-default{background:#f1f5f9;color:#475569}.state-center{text-align:center;padding:4rem 1rem;color:var(--text-light)}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.load-more{display:block;margin:2rem auto 0;padding:.75rem 2.5rem;background:var(--primary);color:#fff;border:none;border-radius:50px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s}.load-more:hover{background:#1f4f39}.load-more:disabled{background:var(--border);cursor:not-allowed}.results-count{text-align:center;font-size:.85rem;color:var(--text-light);margin-bottom:1.2rem}.detail-back{display:inline-flex;align-items:center;gap:6px;color:var(--primary);text-decoration:none;font-weight:500;font-size:.9rem;margin-bottom:1.5rem}.detail-back:hover{text-decoration:underline}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start}.detail-photo{width:100%;border-radius:var(--radius);object-fit:cover;aspect-ratio:4/3;box-shadow:var(--shadow)}.detail-attribution{font-size:.72rem;color:var(--text-light);margin-top:6px}.detail-info h1{font-size:2rem;font-weight:800;color:var(--primary);margin-bottom:4px}.detail-scientific{font-size:1rem;font-style:italic;color:var(--text-mid);margin-bottom:1rem}.detail-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:1.5rem}.detail-summary{font-size:.95rem;line-height:1.7;color:var(--text-mid);margin-bottom:1.5rem}.detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.stat-box{background:var(--bg);border-radius:10px;padding:.85rem 1rem}.stat-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);margin-bottom:4px}.stat-value{font-size:1rem;font-weight:700;color:var(--text-dark)}.detail-wiki{display:inline-flex;align-items:center;gap:6px;background:var(--primary);color:#fff;padding:.6rem 1.4rem;border-radius:50px;text-decoration:none;font-size:.88rem;font-weight:600;transition:background .2s}.detail-wiki:hover{background:#1f4f39}.wiki-extract p{margin-bottom:.85rem;font-size:.95rem;line-height:1.75;color:var(--text-mid)}.wiki-extract b{color:var(--text-dark);font-weight:600}.wiki-extract i{font-style:italic}.wiki-extract a{color:var(--primary);text-decoration:none}.wiki-extract a:hover{text-decoration:underline}.wiki-extract sup{display:none}.navbar{justify-content:space-between;position:relative}.navbar-right{display:flex;align-items:center;gap:.75rem}.navbar-desktop{display:flex}.navbar-mobile{display:none;align-items:center;gap:.6rem}.navbar-user{font-size:.85rem;color:var(--text-mid)}.navbar-quiz{font-size:.85rem;color:var(--primary);font-weight:600;text-decoration:none;padding:4px 10px;border-radius:20px;background:#f0faf4}.navbar-quiz:hover{background:#dcfce7}.navbar-about{font-size:.85rem;color:var(--text-mid);font-weight:500;text-decoration:none}.navbar-about:hover{color:var(--primary)}.navbar-login{font-size:.85rem;color:var(--primary);font-weight:500;text-decoration:none}.navbar-login:hover{text-decoration:underline}.navbar-register{font-size:.85rem;background:var(--primary);color:#fff;padding:.35rem .9rem;border-radius:50px;font-weight:600;text-decoration:none;transition:background .2s}.navbar-register:hover{background:#1f4f39}.navbar-logout{font-size:.85rem;background:none;border:1px solid var(--border);color:var(--text-mid);padding:.3rem .8rem;border-radius:50px;cursor:pointer;transition:all .18s}.navbar-logout:hover{border-color:var(--primary);color:var(--primary)}.auth-page{min-height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:var(--bg)}.auth-card{background:var(--surface);border-radius:16px;box-shadow:var(--shadow-hover);padding:2.5rem 2rem;width:100%;max-width:420px}.auth-brand{display:flex;align-items:center;gap:8px;justify-content:center;margin-bottom:1.5rem;color:var(--primary)}.auth-title{font-size:1.5rem;font-weight:800;color:var(--text-dark);text-align:center;margin-bottom:4px}.auth-sub{font-size:.88rem;color:var(--text-light);text-align:center;margin-bottom:.75rem}.auth-benefits{list-style:none;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.45rem}.auth-benefits li{font-size:.85rem;color:var(--text-mid);padding:.35rem .6rem;background:#f0faf4;border-radius:6px}.auth-error{background:#fee2e2;color:#991b1b;border-radius:8px;padding:.65rem 1rem;font-size:.875rem;margin-bottom:1rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:.82rem;font-weight:600;color:var(--text-mid)}.field input{padding:.65rem .9rem;border:1.5px solid var(--border);border-radius:8px;font-size:.95rem;outline:none;transition:border-color .2s;color:var(--text-dark);background:var(--surface)}.field input:focus{border-color:var(--primary-light)}.auth-btn{margin-top:.5rem;padding:.75rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.auth-btn:hover{background:#1f4f39}.auth-btn:disabled{background:var(--border);cursor:not-allowed}.auth-switch{text-align:center;font-size:.875rem;color:var(--text-light);margin-top:1.25rem}.auth-switch a{color:var(--primary);font-weight:600;text-decoration:none}.google-btn-wrap{display:flex;justify-content:center;margin:.25rem 0 .5rem}.auth-divider{display:flex;align-items:center;gap:.75rem;margin:1rem 0;color:var(--text-light);font-size:.82rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-switch a:hover{text-decoration:underline}.home-top-bar{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.identify-btn{display:flex;align-items:center;gap:8px;background:var(--surface);border:1.5px dashed var(--primary-light);color:var(--primary);padding:.6rem 1.4rem;border-radius:50px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;margin:0}.identify-btn:hover{background:#f0faf4;border-style:solid}.pillar2-hint{font-size:.82rem;font-weight:600;color:var(--primary);text-decoration:none;background:#f0faf4;border:1px solid var(--primary-light);padding:.5rem 1rem;border-radius:50px;white-space:nowrap}.pillar2-hint:hover{background:#dcfce7}.pillar3-hint{font-size:.78rem;color:var(--text-light);text-align:center;margin:-.5rem 0 1rem}.sanctuary-bar{display:flex;gap:8px;overflow-x:auto;padding:.5rem 1.5rem .75rem;margin:0 -1.5rem;scroll-padding-inline:1.5rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sanctuary-bar::-webkit-scrollbar{height:4px}.sanctuary-bar::-webkit-scrollbar-track{background:transparent}.sanctuary-bar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.sanctuary-btn{display:flex;flex-direction:column;align-items:center;gap:3px;background:var(--surface);border:1.5px solid var(--border);border-radius:12px;padding:10px 14px;cursor:pointer;transition:all .18s;flex-shrink:0;min-width:80px}.sanctuary-btn:hover{border-color:var(--primary-light);background:#f0faf4}.sanctuary-btn.active{border-color:var(--primary);background:#f0faf4}.sanctuary-emoji{font-size:1.4rem;line-height:1}.sanctuary-name{font-size:.72rem;font-weight:700;color:var(--text-dark);white-space:nowrap}.sanctuary-state{font-size:.62rem;color:var(--text-light);white-space:nowrap}.identify-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}.identify-modal{background:var(--surface);border-radius:16px;padding:2rem;width:100%;max-width:480px;box-shadow:var(--shadow-hover);position:relative}.modal-close-btn{position:absolute;top:.85rem;right:.85rem;background:none;border:none;font-size:1.4rem;line-height:1;color:var(--text-light);cursor:pointer;padding:.15rem .4rem;border-radius:6px;transition:background .15s,color .15s}.modal-close-btn:hover{background:var(--bg);color:var(--text-dark)}.identify-modal h3{font-size:1.2rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem}.identify-modal p{font-size:.875rem;color:var(--text-light);margin-bottom:1.5rem}.drop-zone{border:2px dashed var(--border);border-radius:12px;padding:2.5rem 1rem;text-align:center;cursor:pointer;transition:all .2s;position:relative}.drop-zone:hover,.drop-zone.dragging{border-color:var(--primary-light);background:#f0faf4}.drop-zone input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.drop-zone-icon{font-size:2.5rem;margin-bottom:.75rem}.drop-zone p{margin:0;font-size:.9rem;color:var(--text-mid)}.drop-zone small{font-size:.78rem;color:var(--text-light)}.drop-preview-wrap{position:relative;margin-bottom:1rem;border-radius:8px;overflow:hidden}.drop-preview{width:100%;max-height:220px;object-fit:contain;border-radius:8px;display:block}.drop-preview-wrap.scanning .drop-preview{opacity:.85}.scan-line{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,#2d6a4f 40%,#52b788 60%,transparent 100%);box-shadow:0 0 8px #2d6a4f99;animation:scan-sweep 1.6s ease-in-out infinite;pointer-events:none}@keyframes scan-sweep{0%{top:0;opacity:0}5%{opacity:1}90%{top:calc(100% - 3px);opacity:1}to{top:calc(100% - 3px);opacity:0}}.scan-msg{text-align:center;font-size:.85rem;color:var(--primary);font-weight:500;margin:0 0 1rem;animation:scan-fade-in .35s ease}@keyframes scan-fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.identify-single-result{display:flex;align-items:center;gap:1rem;margin-top:1.25rem;padding:1rem;border-radius:12px;background:var(--bg);border:1.5px solid var(--border);text-decoration:none;color:inherit;transition:border-color .15s}.identify-single-result:hover{border-color:var(--primary)}.identify-result-photo{width:80px;height:80px;border-radius:10px;object-fit:cover;flex-shrink:0;background:#eee}.identify-result-photo-empty{display:flex;align-items:center;justify-content:center;font-size:1.8rem}.identify-result-body{flex:1;min-width:0}.identify-result-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);margin-bottom:.25rem}.identify-result-name{font-size:1.15rem;font-weight:700;color:var(--text-dark)}.identify-result-sci{font-size:.8rem;color:var(--text-light);font-style:italic;margin-bottom:.5rem}.identify-result-cta{font-size:.8rem;font-weight:600;color:var(--primary)}.identify-result-wrap{margin-top:1.25rem}.identify-result-wrap .identify-single-result{margin-top:0}.identify-save-row{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.65rem 0 .25rem;flex-wrap:wrap}.identify-save-btn{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:.55rem 1.4rem;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s}.identify-save-btn:hover{background:#245a42}.identify-save-btn:disabled{opacity:.6;cursor:default}.identify-saved-confirm{font-size:.88rem;font-weight:600;color:var(--primary)}.identify-signup-nudge{margin-top:.85rem;padding:.9rem 1rem;background:linear-gradient(135deg,#f0faf4,#dcfce7);border:1px solid #bbf7d0;border-radius:12px;text-align:center}.identify-signup-nudge p{margin:0 0 .7rem;font-size:.86rem;color:#166534;font-weight:600;line-height:1.4}.identify-join-btn{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:.6rem 1.6rem;font-size:.9rem;font-weight:800;cursor:pointer;transition:background .15s}.identify-join-btn:hover{background:#245a42}.identify-share-btn{display:inline-flex;align-items:center;gap:.3rem;background:#25d366;color:#fff;border:none;border-radius:8px;padding:.55rem 1.1rem;font-size:.88rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background .15s}.identify-share-btn:hover:not(:disabled){background:#1ebe5d}.identify-share-btn:disabled{opacity:.7;cursor:default}.identify-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem}.btn-secondary{background:none;border:1.5px solid var(--border);color:var(--text-mid);padding:.5rem 1.2rem;border-radius:8px;font-size:.875rem;cursor:pointer}.btn-primary{background:var(--primary);color:#fff;border:none;padding:.5rem 1.2rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer}.fg-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.fg-nav-right{display:flex;align-items:center;gap:.75rem}.fg-views{font-size:.8rem;color:var(--text-light)}.save-btn{display:flex;align-items:center;gap:5px;padding:.4rem 1rem;border-radius:50px;border:1.5px solid var(--border);background:var(--surface);font-size:.85rem;font-weight:600;cursor:pointer;color:var(--text-mid);transition:all .2s}.save-btn:hover{border-color:#e91e8c;color:#e91e8c}.save-btn.saved{background:#fff0f6;border-color:#e91e8c;color:#e91e8c}.detail-safari-btn{display:flex;align-items:center;gap:5px;padding:.4rem 1rem;border-radius:50px;border:1.5px solid var(--primary);background:var(--primary);color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s}.detail-safari-btn:hover:not(:disabled){background:#1a5c3f;border-color:#1a5c3f}.detail-safari-btn.logged{background:#22c55e;border-color:#22c55e;cursor:default}.fg-card{background:var(--surface);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.fg-header{display:flex;align-items:flex-start;justify-content:space-between;padding:2rem 2rem 1.5rem}.fg-header-left{flex:1}.fg-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:.85rem}.fg-title{font-size:2.2rem;font-weight:900;color:var(--text-dark);letter-spacing:-.5px;line-height:1.1;margin-bottom:6px}.fg-scientific{font-size:1rem;font-style:italic;color:var(--text-light)}.fg-icon{font-size:3.5rem;opacity:.15;margin-left:1rem;flex-shrink:0;line-height:1}.fg-divider{height:1px;background:var(--border);margin:0 2rem}.fg-body{display:grid;grid-template-columns:1.2fr 1fr;gap:0}.fg-photo-col{padding:1.75rem 1.5rem 1.75rem 2rem}.fg-photo{width:100%;border-radius:10px;aspect-ratio:4/3;object-fit:cover;display:block;box-shadow:0 2px 12px #0000001a}.fg-photo-empty{display:flex;align-items:center;justify-content:center;font-size:5rem;background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.fg-attribution{font-size:.72rem;color:var(--text-light);margin-top:8px}.fg-specs-col{padding:1.75rem 2rem 1.75rem 1.5rem;border-left:1px solid var(--border)}.fg-specs{width:100%;border-collapse:collapse}.fg-specs tr{border-bottom:1px solid var(--border)}.fg-specs tr:last-child{border-bottom:none}.spec-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-light);padding:.65rem 1rem .65rem 0;width:40%;vertical-align:top}.spec-value{font-size:.92rem;color:var(--text-dark);padding:.65rem 0;font-weight:500}.spec-italic{font-style:italic}.fg-count{font-weight:700;color:var(--primary)}.fg-description{padding:1.75rem 2rem .5rem}.fg-desc-collapsed{max-height:160px;overflow:hidden;mask-image:linear-gradient(to bottom,black 60%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 60%,transparent 100%)}.fg-read-more-wrap{padding:.75rem 2rem 1.5rem}.fg-read-more{background:none;border:none;color:var(--primary);font-size:.88rem;font-weight:600;cursor:pointer;padding:0}.fg-read-more:hover{text-decoration:underline}.wiki-extract h2{font-size:1rem;font-weight:700;color:var(--text-dark);margin:1.25rem 0 .4rem;text-transform:uppercase;letter-spacing:.4px;font-size:.8rem;color:var(--text-light)}.wiki-extract p{margin-bottom:.75rem;line-height:1.7;font-size:.95rem;color:var(--text-mid)}.wiki-extract p:last-child{margin-bottom:0}.fg-audio{padding:1.75rem 2rem}.fg-audio-list{display:flex;flex-direction:column;gap:10px}.fg-audio-item{display:flex;align-items:center;gap:12px;background:var(--bg);border-radius:8px;padding:10px 14px;border:1px solid var(--border)}.fg-audio-num{font-size:.75rem;font-weight:700;color:var(--primary);width:20px;flex-shrink:0}.fg-audio-player{flex:1;height:36px;min-width:0}.fg-audio-attr{font-size:.68rem;color:var(--text-light);flex-shrink:0;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fg-photo-strip{display:flex;gap:6px;margin-top:10px;overflow-x:auto;padding-bottom:2px}.fg-thumb{width:56px;height:56px;object-fit:cover;border-radius:6px;cursor:pointer;opacity:.65;transition:opacity .15s,outline .15s;flex-shrink:0}.fg-thumb:hover{opacity:1}.fg-thumb-active{opacity:1;outline:2px solid var(--primary)}.fg-funfact{display:flex;align-items:flex-start;gap:.85rem;padding:1.25rem 2rem;background:#f0faf4}.fg-funfact-icon{font-size:1.4rem;flex-shrink:0;margin-top:.1rem}.fg-funfact-text{font-size:.95rem;color:var(--text-mid);line-height:1.65;margin:0;font-style:italic}.fg-local-names{padding:1.5rem 2rem}.fg-local-names-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem;margin-top:.75rem}.fg-local-name-item{background:#f0faf4;border-radius:8px;padding:.6rem .85rem}.fg-local-lang{display:block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary)}.fg-local-name{display:block;font-size:1.05rem;color:var(--text-dark);font-weight:500;margin-top:.1rem}.fg-wiki-intro{font-size:.92rem;color:var(--text-mid);line-height:1.7;padding:0 2rem 1rem;margin:0}.fg-wiki-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1px;background:var(--border);margin:0}.fg-wiki-card{background:var(--surface);padding:1.1rem 1.4rem}.fg-wiki-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.45rem}.fg-wiki-icon{font-size:1.1rem}.fg-wiki-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary)}.fg-wiki-summary{font-size:.875rem;color:var(--text-mid);line-height:1.6;margin:0}@media (max-width: 500px){.fg-wiki-grid{grid-template-columns:1fr}.fg-wiki-intro{padding:0 1rem .75rem}.fg-wiki-card{padding:.9rem 1rem}}.results-count-wrap{text-align:center;margin-bottom:1.2rem}.results-sparse-note{font-size:.8rem;color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;padding:.5rem 1rem;margin-top:.5rem;display:inline-block;max-width:600px;line-height:1.5}.fg-bullets{padding:1.5rem 2rem}.fg-bullet-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.fg-bullet-item{font-size:.9rem;color:var(--text-mid);line-height:1.6;padding-left:1.4rem;position:relative}.fg-bullet-item:before{content:"🔹";position:absolute;left:0;top:0;font-size:.75rem;line-height:1.8}.fg-top-spots{font-size:.8rem;color:var(--primary);font-weight:600;margin-bottom:.9rem}.fg-sightings{padding:1.75rem 2rem}.fg-section-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-light);margin-bottom:1rem}.fg-sightings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.fg-sighting-card{border-radius:8px;overflow:hidden;background:var(--bg);border:1px solid var(--border)}.fg-sighting-photo{width:100%;aspect-ratio:1;object-fit:cover;display:block}.fg-sighting-empty{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:2rem;background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.fg-sighting-info{padding:6px 8px 8px}.fg-sighting-place{font-size:.75rem;font-weight:600;color:var(--text-dark);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fg-sighting-date{font-size:.7rem;color:var(--text-light);display:block;margin-top:2px}.conservation-section{padding:3rem 2rem 4rem;max-width:1200px;margin:0 auto}.conservation-heading{font-size:1.5rem;font-weight:800;color:var(--text-dark);margin-bottom:.35rem}.conservation-sub{font-size:.9rem;color:var(--text-light);margin-bottom:2rem}.conservation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.conservation-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:1.4rem;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:.55rem;transition:box-shadow .18s,transform .18s}.conservation-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.conservation-card-top{display:flex;align-items:center;justify-content:space-between}.conservation-icon{font-size:1.6rem}.conservation-tag{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:20px}.conservation-tag-project{background:#dbeafe;color:#1e40af}.conservation-tag-person{background:#dcfce7;color:#166534}.conservation-tag-org{background:#fef3c7;color:#92400e}.conservation-title{font-size:.97rem;font-weight:700;color:var(--text-dark);line-height:1.35}.conservation-desc{font-size:.83rem;color:var(--text-mid);line-height:1.6;flex:1}.conservation-link{font-size:.78rem;font-weight:600;color:var(--primary);margin-top:auto}@media (max-width: 860px){.conservation-grid{grid-template-columns:1fr 1fr}}@media (max-width: 500px){.conservation-grid{grid-template-columns:1fr}.conservation-section{padding:2rem 1rem 3rem}}.stats-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.stats-card{background:var(--surface);border-radius:12px;padding:1.25rem;box-shadow:var(--shadow);text-align:center}.stats-num{font-size:2rem;font-weight:800;color:var(--primary)}.stats-lbl{font-size:.8rem;color:var(--text-light);margin-top:4px}.stats-section-title{font-size:1rem;font-weight:700;color:var(--text-dark);margin:1.5rem 0 .75rem}.stats-table-wrap{background:var(--surface);border-radius:10px;overflow:hidden;box-shadow:var(--shadow);margin-bottom:1.5rem}.stats-table{width:100%;border-collapse:collapse;font-size:.88rem}.stats-table th{text-align:left;padding:.7rem 1rem;background:var(--bg);font-size:.75rem;text-transform:uppercase;letter-spacing:.4px;color:var(--text-light);font-weight:700}.stats-table td{padding:.65rem 1rem;border-top:1px solid var(--border);color:var(--text-dark)}.stats-table tr:hover td{background:var(--bg)}.signup-cta-section{display:flex;align-items:center;justify-content:space-between;gap:2rem;background:linear-gradient(135deg,#1a3a2a,#2d6a4f);color:#fff;padding:2.5rem;margin:2rem 0;border-radius:var(--radius)}.signup-cta-title{font-size:1.25rem;font-weight:800;margin-bottom:.4rem}.signup-cta-desc{font-size:.88rem;opacity:.85;margin-bottom:1.2rem;line-height:1.5}.signup-cta-btns{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.signup-cta-primary{background:#fff;color:var(--primary);font-size:.9rem;font-weight:700;padding:.6rem 1.4rem;border-radius:50px;text-decoration:none}.signup-cta-primary:hover{background:#f0faf4}.signup-cta-secondary{color:#ffffffd9;font-size:.85rem;font-weight:600;text-decoration:none;border:1px solid rgba(255,255,255,.4);padding:.55rem 1.1rem;border-radius:50px}.signup-cta-secondary:hover{background:#ffffff1a}.signup-cta-features{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.signup-cta-features span{font-size:.82rem;opacity:.9;white-space:nowrap}@media (max-width: 700px){.signup-cta-section{flex-direction:column;padding:1.75rem 1.25rem}.signup-cta-features{flex-direction:row;flex-wrap:wrap;gap:.4rem}}.quiz-page{min-height:calc(100vh - 60px);background:var(--bg)}.quiz-page-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh}.quiz-page-play{max-width:680px;margin:0 auto;padding:0 0 3rem}.quiz-start-wrap{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1000px;margin:0 auto;padding:3rem 2rem}.quiz-date-badge{font-size:.78rem;font-weight:600;color:var(--primary);background:#f0faf4;border:1px solid #a7f3d0;display:inline-block;padding:4px 12px;border-radius:20px;margin-bottom:.75rem}.quiz-start-h1{font-size:2.2rem;font-weight:900;color:var(--text-dark);margin-bottom:.6rem;line-height:1.15}.quiz-start-sub{font-size:.92rem;color:var(--text-mid);line-height:1.65;margin-bottom:1.75rem}.quiz-cat-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.75rem}.quiz-cat-btn{padding:.45rem 1.1rem;border-radius:50px;border:1.5px solid var(--border);background:var(--surface);font-size:.85rem;cursor:pointer;font-weight:500;color:var(--text-mid);transition:all .15s}.quiz-cat-btn.active,.quiz-cat-btn:hover{border-color:var(--primary);color:var(--primary);background:#f0faf4;font-weight:700}.quiz-play-btn{background:var(--primary);color:#fff;border:none;border-radius:50px;padding:.85rem 2.5rem;font-size:1rem;font-weight:700;cursor:pointer;display:block;width:100%;max-width:280px;margin-bottom:1rem}.quiz-play-btn:hover{background:#245a42}.quiz-back-link{font-size:.82rem;color:var(--text-light);text-decoration:none;display:inline-block}.quiz-back-link:hover{color:var(--primary)}.quiz-start-right,.quiz-done-right{display:flex;flex-direction:column;gap:1.5rem}.quiz-board-section{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:1.25rem}.quiz-board-title{font-size:.9rem;font-weight:800;color:var(--text-dark);margin-bottom:.9rem}.quiz-board-list{display:flex;flex-direction:column;gap:0}.quiz-board-row{display:flex;align-items:center;gap:.6rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.quiz-board-row:last-child{border-bottom:none}.quiz-board-me{background:#f0faf4;border-radius:6px;padding:.5rem .4rem}.quiz-board-rank{font-size:.95rem;width:28px;flex-shrink:0}.quiz-board-name{flex:1;font-size:.85rem;font-weight:600;color:var(--text-dark)}.quiz-board-score{font-size:.85rem;font-weight:700;color:var(--primary)}.quiz-board-attempts{font-size:.72rem;color:var(--text-light);margin-left:4px}.quiz-board-empty{font-size:.82rem;color:var(--text-light);font-style:italic}.quiz-board-hint{font-size:.78rem;color:var(--primary);margin-top:.5rem}.quiz-topbar{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem .75rem;background:var(--surface);border-bottom:1px solid var(--border)}.quiz-topbar-left{display:flex;align-items:center;gap:.75rem;flex:1}.quiz-q-num{font-size:.8rem;font-weight:700;color:var(--text-light);white-space:nowrap}.quiz-bar-wrap{flex:1;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.quiz-bar-fill{height:100%;background:var(--primary);border-radius:3px;transition:width .4s}.quiz-live-score{font-size:.82rem;font-weight:700;color:var(--primary);background:#f0faf4;padding:3px 12px;border-radius:20px;white-space:nowrap}.quiz-photo-frame{position:relative;width:100%;aspect-ratio:4/3;max-height:55vh;overflow:hidden;background:#1a1a1a}.quiz-big-photo{width:100%;height:100%;object-fit:cover;display:block}.quiz-photo-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000a6);color:#fff;font-size:1rem;font-weight:700;padding:1.5rem 1.25rem .9rem}.quiz-verdict-overlay{position:absolute;top:0;left:0;right:0;padding:.75rem 1.25rem;font-size:1.1rem;font-weight:800}.verdict-right{background:#16a34ae6;color:#fff}.verdict-wrong{background:#dc2626d9;color:#fff}.quiz-opts-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;padding:1rem 1.25rem;background:var(--surface)}.quiz-opt-btn{padding:.85rem 1rem;border:2px solid var(--border);border-radius:10px;background:var(--bg);font-size:.9rem;font-weight:600;cursor:pointer;text-align:left;color:var(--text-dark);transition:all .15s;line-height:1.35}.quiz-opt-btn:hover{border-color:var(--primary-light);background:#f0faf4}.quiz-opts-revealed .quiz-opt-btn{opacity:.55;cursor:default}.opt-correct{border-color:#16a34a!important;background:#dcfce7!important;color:#15803d!important;opacity:1!important;font-weight:700}.opt-wrong{border-color:#dc2626!important;background:#fee2e2!important;color:#991b1b!important;opacity:1!important}.quiz-species-card{background:var(--surface);border-top:1px solid var(--border);padding:1.25rem 1.5rem}.quiz-species-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:.6rem}.quiz-species-cat-badge{font-size:.78rem;font-weight:700;background:#f0faf4;color:var(--primary);padding:3px 10px;border-radius:20px}.quiz-species-obs{font-size:.78rem;color:var(--text-light)}.quiz-species-name{font-size:1.5rem;font-weight:800;color:var(--text-dark);margin-bottom:.2rem}.quiz-species-sci{font-size:.88rem;color:var(--text-light);font-style:italic;margin-bottom:.75rem}.quiz-species-link{font-size:.85rem;font-weight:600;color:var(--primary);text-decoration:none}.quiz-species-link:hover{text-decoration:underline}.quiz-next-btn{display:block;width:calc(100% - 2.5rem);margin:0 1.25rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:50px;padding:.85rem;font-size:1rem;font-weight:700;cursor:pointer}.quiz-next-btn:hover{background:#245a42}@media (max-width: 500px){.quiz-opts-grid{grid-template-columns:1fr}}.quiz-done-wrap{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1000px;margin:0 auto;padding:3rem 2rem}.quiz-done-left{display:flex;flex-direction:column;gap:1.5rem}.quiz-done-score-box{background:var(--surface);border-radius:var(--radius);padding:2rem;text-align:center;box-shadow:var(--shadow)}.quiz-done-big{font-size:4rem;font-weight:900;color:var(--primary);line-height:1}.quiz-done-of{font-size:2rem;font-weight:700;color:var(--text-light)}.quiz-done-grade{font-size:1.1rem;font-weight:600;color:var(--text-mid);margin-top:.4rem}.quiz-rank-msg{font-size:.85rem;color:var(--primary);font-weight:600;margin-top:.4rem}.quiz-login-cta{background:linear-gradient(135deg,#1a3a2a,#2d6a4f);color:#fff;border-radius:var(--radius);padding:1.5rem}.quiz-login-cta-title{font-size:.98rem;font-weight:700;margin-bottom:.6rem!important;opacity:1!important}.quiz-login-cta-list{list-style:none;margin-bottom:1rem;display:flex;flex-direction:column;gap:.3rem}.quiz-login-cta-list li{font-size:.82rem;opacity:.88;padding-left:1.1rem;position:relative}.quiz-login-cta-list li:before{content:"✓";position:absolute;left:0;opacity:.7}.quiz-login-cta-btns{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.quiz-cta-join{background:#fff;color:var(--primary);font-size:.9rem;font-weight:700;padding:.55rem 1.4rem;border-radius:50px;text-decoration:none}.quiz-cta-signin{color:#fffc;font-size:.82rem;font-weight:600;text-decoration:none}.quiz-cta-signin:hover{color:#fff}.quiz-summary-title{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--text-light)}.quiz-summary-list{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.quiz-summary-row{display:flex;align-items:flex-start;gap:.75rem;padding:.65rem 1rem;border-bottom:1px solid var(--border)}.quiz-summary-row:last-child{border-bottom:none}.quiz-summary-row.row-right{background:#f0fdf4}.quiz-summary-row.row-wrong{background:#fff7f7}.quiz-summary-icon{font-size:.85rem;font-weight:800;flex-shrink:0;margin-top:3px}.quiz-summary-row.row-right .quiz-summary-icon{color:#16a34a}.quiz-summary-row.row-wrong .quiz-summary-icon{color:#dc2626}.quiz-summary-info{display:flex;flex-direction:column;gap:2px}.quiz-summary-name{font-size:.88rem;font-weight:600;color:var(--primary);text-decoration:none}.quiz-summary-name:hover{text-decoration:underline}.quiz-summary-chosen{font-size:.76rem;color:var(--text-light)}.quiz-done-btns{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}@media (max-width: 700px){.quiz-start-wrap,.quiz-done-wrap{grid-template-columns:1fr;padding:1.5rem 1rem}.quiz-start-right{order:-1}.quiz-play-btn{max-width:100%}}@media (max-width: 700px){.detail-layout{grid-template-columns:1fr}.hero-with-image{min-height:420px;padding:4rem 1rem 2rem}.hero-with-image h1{font-size:1.9rem}.hero-sub{font-size:.9rem}.hero-stats{flex-wrap:wrap;max-width:100%;padding:.75rem 1rem;gap:0}.hero-stat{flex:1 1 40%;padding:.5rem .75rem}.hero-stat-divider{display:none}.hero-stat-num{font-size:1.2rem}.hero-stat:nth-child(odd){border-right:1px solid rgba(255,255,255,.2)}.hero-stat:nth-child(1),.hero-stat:nth-child(2){border-bottom:1px solid rgba(255,255,255,.2)}.species-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.navbar-tagline,.navbar-desktop{display:none}.navbar-mobile{display:flex}.fg-header{padding:1.25rem 1.25rem 1rem}.fg-title{font-size:1.6rem}.fg-body{grid-template-columns:1fr}.fg-photo-col{padding:1.25rem}.fg-specs-col{padding:1.25rem;border-left:none;border-top:1px solid var(--border)}.fg-specs tr{display:block;border-bottom:1px solid var(--border);padding:.5rem 0}.fg-specs tr:last-child{border-bottom:none}.fg-specs td{display:block;width:100%!important;padding:0}.spec-label{padding-bottom:.15rem}.spec-value{font-size:.95rem}.fg-funfact,.fg-bullets,.fg-local-names{padding:1.25rem}.fg-local-names-grid{grid-template-columns:repeat(2,1fr)}.fg-divider{margin:0 1.25rem}.fg-description,.fg-audio{padding:1.25rem}.fg-audio-attr{display:none}.fg-sightings{padding:1.25rem}.fg-sightings-grid{grid-template-columns:repeat(2,1fr)}.stats-summary{grid-template-columns:1fr}.safari-panel-top{flex-direction:column}.safari-book-btn{width:100%;justify-content:center}.fg-saved-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.fg-page-title{font-size:1.4rem}}.navbar-fieldguide{font-size:.85rem;color:var(--primary);font-weight:600;text-decoration:none;display:flex;align-items:center;gap:4px}.navbar-fieldguide:hover{text-decoration:underline}.navbar-hamburger{background:none;border:none;cursor:pointer;padding:6px;display:flex;flex-direction:column;gap:5px;border-radius:6px;transition:background .15s}.navbar-hamburger:hover{background:var(--bg)}.navbar-hamburger span{display:block;width:22px;height:2px;background:var(--text-dark);border-radius:2px;transition:all .2s;transform-origin:center}.navbar-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar-hamburger.open span:nth-child(2){opacity:0}.navbar-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar-dropdown{position:absolute;top:60px;right:0;left:0;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 8px 24px #0000001a;z-index:200;display:flex;flex-direction:column;padding:.5rem 0}.navbar-dd-item{display:block;padding:.85rem 1.5rem;font-size:.95rem;color:var(--text-dark);text-decoration:none;font-weight:500;border:none;background:none;text-align:left;cursor:pointer;width:100%;transition:background .12s}.navbar-dd-item:hover{background:var(--bg)}.navbar-dd-divider{height:1px;background:var(--border);margin:.35rem 0}.navbar-dd-join{color:var(--primary);font-weight:700}.navbar-dd-logout{color:#dc2626}.navbar-mobile-join{padding:.3rem .75rem;font-size:.82rem}.safari-panel{background:var(--surface);border:1.5px solid var(--border);border-radius:14px;padding:1.25rem 1.5rem;margin:.75rem 0 0}.safari-panel-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem}.safari-panel-left{flex:1;min-width:0}.safari-title-row{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.6rem}.safari-park-name{font-size:1.05rem;font-weight:700;color:var(--text-dark)}.safari-state{font-size:.8rem;color:var(--text-light)}.safari-meta-row{display:flex;align-items:center;gap:0;margin-bottom:.9rem}.safari-meta-item{display:flex;flex-direction:column}.safari-meta-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-light);font-weight:600}.safari-meta-value{font-size:.88rem;font-weight:600;color:var(--primary)}.safari-meta-divider{width:1px;height:30px;background:var(--border);margin:0 1.2rem;flex-shrink:0}.safari-highlights{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:.85rem}.safari-tag{font-size:.75rem;background:#f0faf4;border:1px solid #b7e3c8;color:#1a5c35;padding:3px 10px;border-radius:50px;font-weight:500}.safari-tag-btn{cursor:pointer;transition:background .15s,border-color .15s}.safari-tag-btn:hover{background:#d1fae5;border-color:#2d6a4f}.safari-tip{font-size:.82rem;color:var(--text-mid);line-height:1.5;border-left:3px solid var(--primary-light);padding-left:.75rem;margin-top:.25rem}.safari-panel-right{flex-shrink:0}.safari-book-btn{display:inline-flex;align-items:center;gap:6px;background:var(--primary);color:#fff;padding:.6rem 1.2rem;border-radius:50px;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .2s;white-space:nowrap}.safari-book-btn:hover{background:#1f4f39}.fg-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem}.fg-page-title{font-size:1.8rem;font-weight:800;color:var(--text-dark)}.fg-page-sub{font-size:.88rem;color:var(--text-light);margin-top:4px}.fg-explore-link{font-size:.88rem;font-weight:600;color:var(--primary);text-decoration:none;border:1.5px solid var(--primary);padding:.4rem 1rem;border-radius:50px;flex-shrink:0}.fg-explore-link:hover{background:#f0faf4}.fg-empty-state{text-align:center;padding:5rem 1rem;max-width:440px;margin:0 auto}.fg-empty-icon{font-size:3.5rem;margin-bottom:1rem;display:block}.fg-empty-state h2{font-size:1.4rem;font-weight:700;color:var(--text-dark);margin-bottom:.6rem}.fg-empty-state p{color:var(--text-mid);line-height:1.65;margin-bottom:1.5rem}.fg-empty-actions{display:flex;gap:.75rem;justify-content:center}.fg-category-section{margin-bottom:2.25rem}.fg-category-heading{font-size:1rem;font-weight:700;color:var(--text-dark);display:flex;align-items:center;gap:8px;margin-bottom:.9rem;padding-bottom:.5rem;border-bottom:2px solid var(--border)}.fg-category-count{font-size:.78rem;font-weight:600;background:var(--bg);color:var(--text-light);padding:2px 8px;border-radius:50px;margin-left:auto}.fg-saved-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.fg-saved-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;position:relative;transition:transform .18s,box-shadow .18s}.fg-saved-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.fg-saved-link{display:block;text-decoration:none;color:inherit}.fg-saved-photo{width:100%;aspect-ratio:1;object-fit:cover;display:block}.fg-saved-placeholder{width:100%;aspect-ratio:1;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);display:flex;align-items:center;justify-content:center;font-size:2.5rem}.fg-saved-info{padding:.75rem .9rem .85rem}.fg-saved-common{font-size:.9rem;font-weight:600;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fg-saved-sci{font-size:.75rem;color:var(--text-light);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.fg-remove-btn{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:#00000073;color:#fff;border:none;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;line-height:1}.fg-saved-card:hover .fg-remove-btn{opacity:1}.fg-remove-btn:hover{background:#dc2626d9}.fg-tabs{display:flex;gap:0;margin-bottom:1.75rem;border-bottom:2px solid var(--border)}.fg-tab-btn{background:none;border:none;padding:.65rem 1.25rem;font-size:.92rem;font-weight:600;color:var(--text-mid);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s;display:flex;align-items:center;gap:.5rem}.fg-tab-btn:hover{color:var(--primary)}.fg-tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.fg-tab-count{font-size:.75rem;font-weight:700;background:var(--border);color:var(--text-mid);padding:1px 7px;border-radius:99px}.fg-tab-btn.active .fg-tab-count{background:#d1fae5;color:var(--primary)}.fg-journey-meta{font-size:.82rem;color:var(--text-light);margin-bottom:1.25rem}.fg-journey-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.fg-journey-card{display:block;background:var(--surface);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);text-decoration:none;color:inherit;transition:box-shadow .18s,transform .18s}.fg-journey-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.fg-journey-photo{width:100%;aspect-ratio:1;object-fit:cover;display:block}.fg-journey-placeholder{width:100%;aspect-ratio:1;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);display:flex;align-items:center;justify-content:center;font-size:2.5rem}.fg-journey-info{padding:.65rem .75rem .75rem}.fg-journey-common{font-size:.85rem;font-weight:600;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fg-journey-sci{font-size:.72rem;color:var(--text-light);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.fg-journey-footer{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.fg-journey-date{font-size:.7rem;color:var(--text-light)}.fg-journey-saved-badge{font-size:.65rem;font-weight:700;background:#fee2e2;color:#b91c1c;padding:1px 6px;border-radius:99px}@media (max-width: 600px){.fg-journey-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}}.about-page{max-width:720px;margin:0 auto;padding:2rem 1rem 4rem}.about-hero{text-align:center;padding:2.5rem 1rem 2rem}.about-icon{font-size:3rem;display:block;margin-bottom:.75rem}.about-hero h1{font-size:2rem;font-weight:800;color:var(--text-dark);margin-bottom:.5rem}.about-tagline{color:var(--text-mid);font-size:1.05rem}.about-section{margin-bottom:2.25rem}.about-section h2{font-size:1.15rem;font-weight:700;color:var(--primary);margin-bottom:.75rem;border-bottom:2px solid var(--border);padding-bottom:.4rem}.about-section p{color:var(--text-mid);line-height:1.7;margin-bottom:.6rem}.about-features{display:flex;flex-direction:column;gap:1rem}.about-feature{display:flex;gap:1rem;align-items:flex-start}.about-feature>span{font-size:1.5rem;flex-shrink:0;margin-top:.1rem}.about-feature strong{display:block;color:var(--text-dark);font-size:.95rem;margin-bottom:.2rem}.about-feature p{margin:0;font-size:.9rem;color:var(--text-mid);line-height:1.5}.about-section-highlight{background:#f0faf4;border-radius:var(--radius);padding:1.5rem;border:1px solid #c3e6cb}.about-section-highlight h2{border-bottom-color:#a8d5b5}.about-diff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.25rem}.about-diff-card{background:#fff;border-radius:10px;padding:1rem;border:1px solid #d4edda}.about-diff-icon{font-size:1.4rem;display:block;margin-bottom:.4rem}.about-diff-card strong{display:block;color:var(--text-dark);font-size:.9rem;margin-bottom:.3rem}.about-diff-card p{margin:0;font-size:.82rem;color:var(--text-mid);line-height:1.5}.about-contact{display:flex;flex-direction:column;gap:.75rem}.about-contact-item{display:flex;align-items:center;gap:.6rem;color:var(--primary);text-decoration:none;font-weight:500}.about-contact-item:hover{text-decoration:underline}.about-cta{text-align:center;margin-top:2.5rem}.btn-primary{display:inline-block;background:var(--primary);color:#fff;padding:.75rem 2rem;border-radius:50px;font-weight:600;text-decoration:none;font-size:1rem;transition:background .2s}.btn-primary:hover{background:#1f4f39}.auth-consent{font-size:.75rem;color:var(--text-light);text-align:center;margin-top:1rem;line-height:1.5}.auth-consent a{color:var(--primary);text-decoration:none}.auth-consent a:hover{text-decoration:underline}.guide-page{max-width:1200px;margin:0 auto;padding-bottom:4rem}.guide-breadcrumb{padding:1rem 1.5rem 0;font-size:.82rem;color:var(--text-light)}.guide-breadcrumb a{color:var(--primary);text-decoration:none}.guide-breadcrumb a:hover{text-decoration:underline}.guide-hero{background:linear-gradient(135deg,#1a3a2a,#2d6a4f);color:#fff;padding:2.5rem 1.5rem 2rem;margin-bottom:0}.guide-hero-inner{max-width:760px}.guide-hero-badge{display:inline-block;background:#ffffff26;border-radius:20px;font-size:.78rem;font-weight:600;padding:3px 12px;margin-bottom:.75rem;letter-spacing:.04em}.guide-hero-title{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:900;margin-bottom:.75rem;line-height:1.2}.guide-hero-desc{font-size:.95rem;opacity:.88;line-height:1.7;margin-bottom:1.25rem;max-width:640px}.guide-hero-meta{display:flex;gap:.75rem;flex-wrap:wrap}.guide-meta-chip{background:#ffffff1f;border-radius:20px;padding:5px 14px;font-size:.82rem}.guide-meta-chip strong{font-weight:700}.guide-body{padding:1.5rem;display:flex;flex-direction:column;gap:2rem}.guide-safari-box{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;display:flex;gap:2rem;align-items:flex-start;flex-wrap:wrap}.guide-safari-left{flex:1;min-width:260px}.guide-safari-title{font-size:1.1rem;font-weight:800;color:var(--text-dark);margin-bottom:.75rem}.guide-highlights-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-light);margin-bottom:.5rem}.guide-highlights{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem}.guide-highlight-tag{background:#e8f5e9;color:var(--primary);border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:600}.guide-tip{font-size:.85rem;color:var(--text-mid);line-height:1.6;background:#fffbeb;border-left:3px solid #f59e0b;padding:.5rem .75rem;border-radius:0 6px 6px 0}.guide-safari-right{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.guide-book-btn{display:inline-block;background:var(--primary);color:#fff;border-radius:8px;padding:.65rem 1.25rem;font-size:.88rem;font-weight:600;text-decoration:none;white-space:nowrap}.guide-book-btn:hover{background:#1f4f39}.guide-species-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.guide-species-title{font-size:1.2rem;font-weight:800;color:var(--text-dark);display:flex;align-items:center;gap:.6rem}.guide-species-count{background:var(--primary);color:#fff;border-radius:20px;padding:2px 10px;font-size:.78rem;font-weight:700}.guide-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.5rem}.guide-filter-bar{display:flex;flex-wrap:wrap;gap:.4rem;flex:1}.guide-month-select{border:1.5px solid var(--border);border-radius:8px;padding:.35rem .6rem;font-size:.82rem;color:var(--text-dark);background:#fff;cursor:pointer;flex-shrink:0}.guide-month-select:focus{outline:2px solid var(--primary);border-color:var(--primary)}.guide-month-label{color:var(--primary);font-size:.9rem;font-weight:600}.guide-other-title{font-size:1.1rem;font-weight:800;color:var(--text-dark);margin-bottom:.85rem}.guide-other-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.6rem}.guide-other-card{display:flex;align-items:center;gap:.6rem;background:var(--surface);border-radius:10px;padding:.75rem;text-decoration:none;color:var(--text-dark);box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}.guide-other-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.guide-other-emoji{font-size:1.4rem;flex-shrink:0}.guide-other-name{font-size:.85rem;font-weight:700;color:var(--text-dark)}.collections-strip{max-width:1100px;margin:0 auto 2rem;padding:0 1.5rem}.collections-strip-title{font-size:1.1rem;font-weight:800;color:var(--text-dark);margin-bottom:.85rem}.collections-strip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.collections-strip-card{display:flex;align-items:center;gap:.75rem;background:var(--surface);border-radius:12px;padding:1rem 1.25rem;text-decoration:none;color:var(--text-dark);box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}.collections-strip-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.collections-strip-emoji{font-size:1.6rem;flex-shrink:0}.collections-strip-name{font-size:.95rem;font-weight:700;color:var(--text-dark)}.guide-other-state{font-size:.72rem;color:var(--text-light)}.safari-guide-link{display:block;color:var(--primary);font-size:.82rem;font-weight:600;text-decoration:none;text-align:center;margin-top:.25rem}.safari-guide-link:hover{text-decoration:underline}.safari-zones{border-top:1px solid var(--border);padding:.9rem 1.25rem .75rem}.safari-zones-label{font-size:.75rem;font-weight:700;color:var(--text-mid);letter-spacing:.04em;margin-bottom:.6rem;text-transform:uppercase}.safari-zones-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.55rem}.safari-zone-chip{display:flex;flex-direction:column;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:.4rem .7rem;min-width:140px}.safari-zone-best{font-size:.78rem;font-weight:700;color:#166534;line-height:1.3}.safari-zone-gate{font-size:.7rem;color:var(--text-light);margin-top:.1rem}.safari-zones-more{font-size:.75rem;color:var(--primary);text-decoration:none;font-weight:600}.safari-zones-more:hover{text-decoration:underline}.safari-recent{border-top:1px solid var(--border);padding:.9rem 1.25rem .85rem}.safari-recent-label{font-size:.75rem;font-weight:700;color:var(--text-mid);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.65rem;display:flex;align-items:center;gap:.4rem}.safari-live-dot{font-size:.65rem}.safari-recent-scroll{display:flex;gap:.65rem;overflow-x:auto;padding-bottom:.4rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.safari-recent-scroll::-webkit-scrollbar{height:3px}.safari-recent-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.safari-sighting-card{display:flex;flex-direction:column;flex-shrink:0;width:120px;text-decoration:none;scroll-snap-align:start}.safari-sighting-photo{width:120px;height:85px;object-fit:cover;border-radius:8px;background:var(--bg);margin-bottom:.3rem}.safari-sighting-name{font-size:.73rem;font-weight:600;color:var(--text-dark);line-height:1.3}.safari-sighting-meta{font-size:.65rem;color:var(--text-light)}.safari-sighting-disclaimer{font-size:.72rem;color:var(--text-light);margin-top:.65rem;font-style:italic;line-height:1.5}@media (max-width: 600px){.safari-zones{padding:.75rem 1rem .6rem}.safari-zone-chip{min-width:120px}.safari-recent{padding:.75rem 1rem .7rem}}.safari-start-btn{display:block;width:100%;text-align:center;background:#f0fdf4;border:1.5px solid #bbf7d0;color:#166534;padding:.5rem 1rem;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;margin-top:.5rem}.safari-start-btn:hover{background:#dcfce7;border-color:#86efac}.safari-active-indicator{display:block;text-align:center;font-size:.78rem;font-weight:600;color:#166534;padding:.4rem 0;margin-top:.5rem}.safari-banner{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);z-index:150;display:flex;align-items:center;gap:.85rem;background:#14532d;color:#fff;border-radius:50px;padding:.55rem .65rem .55rem 1rem;box-shadow:0 4px 20px #00000040;white-space:nowrap}.safari-banner-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;flex-shrink:0;animation:safari-pulse 1.8s ease-in-out infinite}@keyframes safari-pulse{0%,to{opacity:1}50%{opacity:.4}}.safari-banner-info{display:flex;flex-direction:column;line-height:1.3;min-width:0;flex:1}.safari-banner-park{font-size:.85rem;font-weight:700;overflow:hidden;text-overflow:ellipsis}.safari-banner-count{font-size:.72rem;opacity:.8}.safari-banner-end{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:50px;padding:.35rem .9rem;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s;flex-shrink:0}.safari-banner-end:hover{background:#ffffff40}.safari-banner-add{background:#4ade80;border:none;color:#14532d;border-radius:50px;padding:.35rem .85rem;font-size:.78rem;font-weight:800;cursor:pointer;transition:background .15s;flex-shrink:0}.safari-banner-add:hover{background:#22c55e}@media (max-width: 480px){.safari-banner{bottom:.6rem;left:.6rem;right:.6rem;transform:none;max-width:none;gap:.4rem;padding:.45rem .5rem .45rem .7rem}.safari-banner-add,.safari-banner-end{padding:.35rem .55rem;font-size:.7rem}.safari-banner-park{font-size:.76rem}.safari-banner-count{font-size:.66rem}}.safari-summary-modal{max-height:80vh;overflow-y:auto}.safari-summary-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.safari-summary-big-emoji{font-size:2.2rem;line-height:1;flex-shrink:0}.safari-summary-header h3{margin-bottom:.15rem}.safari-summary-sub{font-size:.82rem;color:var(--text-light);margin-bottom:0}.safari-summary-empty{font-size:.88rem;color:var(--text-mid);line-height:1.6;margin-top:.5rem}.safari-summary-list{display:flex;flex-direction:column;gap:.5rem;margin:.25rem 0 .5rem;max-height:320px;overflow-y:auto}.safari-summary-item{display:flex;align-items:center;gap:.75rem;padding:.55rem .6rem;border-radius:10px;background:var(--bg);border:1px solid var(--border);text-decoration:none;color:inherit;transition:border-color .15s}.safari-summary-item:hover{border-color:var(--primary)}.safari-summary-photo{width:46px;height:46px;border-radius:8px;object-fit:cover;flex-shrink:0;background:#eee}.safari-summary-photo-empty{display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:#f0faf4}.safari-summary-name{font-size:.88rem;font-weight:700;color:var(--text-dark)}.safari-summary-sci{font-size:.75rem;color:var(--text-light);font-style:italic}.safari-summary-actions{margin-top:.75rem}.identify-safari-tag{font-size:.78rem;color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:.3rem .7rem;margin-top:.75rem;font-weight:500}.guide-signup-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem;background:linear-gradient(135deg,#f0faf5,#e6f7ee);border:1.5px solid #a7f3d0;border-radius:16px;padding:1.75rem 2rem;margin:1rem 0}.guide-cta-left{flex:1}.guide-cta-title{font-size:1.05rem;font-weight:800;color:var(--text-dark);margin-bottom:.85rem}.guide-cta-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.4rem}.guide-cta-list li{font-size:.88rem;color:var(--text-mid);padding-left:1.4rem;position:relative}.guide-cta-list li:before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:700}.guide-cta-right{display:flex;flex-direction:column;gap:.65rem;align-items:center;flex-shrink:0}.guide-cta-join{background:var(--primary);color:#fff;font-weight:700;font-size:.95rem;padding:.7rem 1.75rem;border-radius:8px;text-decoration:none;white-space:nowrap;transition:background .15s}.guide-cta-join:hover{background:#245a42}.guide-cta-signin{color:var(--primary);font-size:.85rem;font-weight:500;text-decoration:none}.guide-cta-signin:hover{text-decoration:underline}@media (max-width: 640px){.guide-signup-cta{flex-direction:column;padding:1.25rem}.guide-cta-right{flex-direction:row;width:100%}.guide-cta-join{flex:1;text-align:center}}.quiz-board-empty-wrap{padding:.5rem 0}.quiz-board-empty-sub{font-size:.78rem;color:var(--text-light);margin-top:.25rem}.legal-page{max-width:720px;margin:0 auto;padding:2rem 1.5rem 4rem}.legal-content h1{font-size:2rem;font-weight:800;color:var(--text-dark);margin:1.25rem 0 .35rem}.legal-date{font-size:.82rem;color:var(--text-light);margin-bottom:1.5rem}.legal-content h2{font-size:1.05rem;font-weight:700;color:var(--primary);margin:1.75rem 0 .6rem}.legal-content p{color:var(--text-mid);line-height:1.7;margin-bottom:.75rem;font-size:.95rem}.legal-content ul{padding-left:1.5rem;color:var(--text-mid);line-height:1.8;font-size:.95rem;margin-bottom:.75rem}.legal-content ul li{margin-bottom:.35rem}.legal-content a{color:var(--primary);text-decoration:none}.legal-content a:hover{text-decoration:underline}.home-feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;padding:1rem 1.5rem 0}.home-feature-card{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:1.5px solid var(--border);border-radius:12px;padding:.9rem 1rem;text-decoration:none;color:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s;text-align:left}.home-feature-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow)}.home-feature-card-highlight{background:linear-gradient(135deg,#f0faf5,#e6f7ee);border-color:var(--primary-light)}.home-feature-card-highlight:hover{background:linear-gradient(135deg,#e6f7ee,#d1fae5);border-color:var(--primary)}.home-feature-emoji{font-size:1.6rem;flex-shrink:0}.home-feature-title{font-size:.85rem;font-weight:700;color:var(--text-dark);margin-bottom:2px}.home-feature-sub{font-size:.72rem;color:var(--text-light);line-height:1.3}@media (max-width: 700px){.home-feature-strip{grid-template-columns:repeat(2,1fr);padding:.75rem 1rem 0;gap:.5rem}.home-feature-card{padding:.7rem .75rem}.home-feature-emoji{font-size:1.3rem}}.plan-auth-cta{display:flex;align-items:center;gap:2rem;background:linear-gradient(135deg,#f0faf5,#e6f7ee);border:1.5px solid #a7f3d0;border-radius:14px;padding:1.5rem 1.75rem}.plan-auth-left{flex:1}.plan-auth-title{font-size:1rem;font-weight:800;color:var(--text-dark);margin-bottom:.4rem}.plan-auth-sub{font-size:.85rem;color:var(--text-mid);line-height:1.55}.plan-auth-btns{display:flex;flex-direction:column;gap:.6rem;align-items:center;flex-shrink:0}.plan-auth-join{background:var(--primary);color:#fff;font-weight:700;font-size:.92rem;padding:.65rem 1.5rem;border-radius:8px;text-decoration:none;white-space:nowrap;transition:background .15s}.plan-auth-join:hover{background:#245a42}.plan-auth-signin{color:var(--primary);font-size:.82rem;font-weight:500;text-decoration:none}.plan-auth-signin:hover{text-decoration:underline}@media (max-width: 600px){.plan-auth-cta{flex-direction:column;padding:1.25rem}.plan-auth-btns{flex-direction:row;width:100%}.plan-auth-join{flex:1;text-align:center}}.navbar-plan,.navbar-learn,.navbar-safaris{color:var(--text-dark);text-decoration:none;font-size:.87rem;font-weight:500;opacity:.8;transition:opacity .15s}.navbar-plan:hover,.navbar-learn:hover,.navbar-safaris:hover{opacity:1}.learn-page{max-width:860px;margin:0 auto;padding:0 1.25rem 4rem}.learn-hero{text-align:center;padding:3rem 1rem 2.5rem}.learn-hero-badge{font-size:.72rem;font-weight:800;letter-spacing:.12em;color:var(--primary);text-transform:uppercase;margin-bottom:.75rem}.learn-hero-title{font-size:2.2rem;font-weight:900;color:var(--text-dark);margin-bottom:.75rem}.learn-hero-sub{font-size:1rem;color:var(--text-mid);max-width:560px;margin:0 auto;line-height:1.6}.learn-paths{display:flex;flex-direction:column;gap:3rem}.learn-path-section{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem}.learn-path-header{display:flex;align-items:center;gap:1rem;margin-bottom:.85rem}.learn-path-emoji{font-size:2.2rem}.learn-path-title{font-size:1.35rem;font-weight:800;color:var(--text-dark);margin-bottom:.25rem}.learn-level-badge{font-size:.65rem;font-weight:700;letter-spacing:.08em;padding:2px 10px;border-radius:99px;text-transform:uppercase}.learn-level-beginner{background:#d1fae5;color:#065f46}.learn-level-intermediate{background:#fef3c7;color:#92400e}.learn-path-desc{font-size:.95rem;color:var(--text-mid);margin-bottom:1.5rem;line-height:1.6}.learn-tips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.85rem;margin-bottom:1.5rem}.learn-tip-card{display:flex;gap:.85rem;background:var(--bg);border-radius:10px;padding:1rem;align-items:flex-start}.learn-tip-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}.learn-tip-title{font-size:.88rem;font-weight:700;color:var(--text-dark);margin-bottom:.3rem}.learn-tip-text{font-size:.82rem;color:var(--text-mid);line-height:1.55}.learn-browse-link{display:inline-block;color:var(--primary);font-size:.9rem;font-weight:600;text-decoration:none}.learn-browse-link:hover{text-decoration:underline}.learn-footer-cta{margin-top:3rem;background:linear-gradient(135deg,#1a3c2b,#2d6a4f);color:#fff;border-radius:16px;padding:2.5rem;text-align:center}.learn-footer-cta h3{font-size:1.4rem;font-weight:800;margin-bottom:.6rem}.learn-footer-cta p{font-size:.95rem;opacity:.85;margin-bottom:1.5rem;line-height:1.6}.learn-footer-btn{display:inline-block;background:#fff;color:var(--primary);font-weight:700;font-size:.95rem;padding:.75rem 1.75rem;border-radius:8px;text-decoration:none;transition:opacity .15s}.learn-footer-btn:hover{opacity:.9}@media (max-width: 600px){.learn-hero-title{font-size:1.6rem}.learn-path-section{padding:1.25rem}.learn-tips-grid{grid-template-columns:1fr}}.plan-page{max-width:900px;margin:0 auto;padding:0 1.25rem 4rem}.plan-hero{text-align:center;padding:3rem 1rem 2.5rem}.plan-hero-badge{font-size:.72rem;font-weight:800;letter-spacing:.12em;color:var(--primary);text-transform:uppercase;margin-bottom:.75rem}.plan-hero-title{font-size:2.2rem;font-weight:900;color:var(--text-dark);margin-bottom:.75rem}.plan-hero-sub{font-size:1rem;color:var(--text-mid);max-width:520px;margin:0 auto;line-height:1.6}.plan-body{display:flex;flex-direction:column;gap:2rem}.plan-step{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.5rem}.plan-step-label{font-size:1rem;font-weight:700;color:var(--text-dark);margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.plan-step-num{width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;font-size:.85rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.plan-step-hint{font-size:.8rem;font-weight:400;color:var(--text-light)}.plan-parks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem}.plan-park-btn{position:relative;background:var(--bg);border:2px solid var(--border);border-radius:10px;padding:.7rem .65rem;cursor:pointer;text-align:left;transition:border-color .15s,background .15s;display:flex;flex-direction:column;gap:2px}.plan-park-btn:hover:not(.disabled){border-color:var(--primary-light)}.plan-park-btn.selected{border-color:var(--primary);background:#f0faf5}.plan-park-btn.disabled{opacity:.4;cursor:not-allowed}.plan-park-emoji{font-size:1.35rem}.plan-park-name{font-size:.82rem;font-weight:700;color:var(--text-dark);line-height:1.3}.plan-park-state{font-size:.68rem;color:var(--text-light)}.plan-park-check{position:absolute;top:6px;right:8px;color:var(--primary);font-weight:800;font-size:.85rem}.plan-month-row{display:flex;flex-wrap:wrap;gap:.5rem}.plan-month-btn{background:var(--bg);border:1.5px solid var(--border);border-radius:7px;padding:.45rem .75rem;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s;color:var(--text-mid)}.plan-month-btn:hover{border-color:var(--primary-light);color:var(--primary)}.plan-month-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.plan-dur-row{display:flex;gap:.75rem;flex-wrap:wrap}.plan-dur-btn{background:var(--bg);border:2px solid var(--border);border-radius:10px;padding:.75rem 1.1rem;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:90px}.plan-dur-btn:hover{border-color:var(--primary-light)}.plan-dur-btn.active{border-color:var(--primary);background:#f0faf5}.plan-dur-label{font-size:.9rem;font-weight:700;color:var(--text-dark)}.plan-dur-tag{font-size:.68rem;color:var(--text-light)}.plan-dur-btn.active .plan-dur-label{color:var(--primary)}.plan-generate-btn{background:var(--primary);color:#fff;border:none;border-radius:10px;padding:.9rem 2rem;font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s;align-self:flex-start}.plan-generate-btn:hover{background:#245a42}.plan-hint{font-size:.88rem;color:var(--text-light);text-align:center;padding:.5rem 0}.plan-result{display:flex;flex-direction:column;gap:1.25rem}.plan-result-header{background:linear-gradient(135deg,#1a3c2b,#2d6a4f);color:#fff;border-radius:14px;padding:1.75rem 2rem}.plan-result-title{font-size:1.5rem;font-weight:800;margin-bottom:.3rem}.plan-result-sub{font-size:.88rem;opacity:.8}.plan-overall-tip{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:.85rem 1.1rem;font-size:.88rem;color:#065f46}.plan-park-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.plan-park-card-head{display:flex;align-items:center;gap:.85rem}.plan-park-card-emoji{font-size:2rem;flex-shrink:0}.plan-park-card-info{flex:1}.plan-park-card-name{font-size:1.15rem;font-weight:800;color:var(--text-dark)}.plan-park-card-state{font-size:.78rem;color:var(--text-light)}.plan-season-badge{font-size:.78rem;font-weight:700;padding:4px 12px;border-radius:99px;white-space:nowrap}.season-peak{background:#d1fae5;color:#065f46}.season-good{background:#fef3c7;color:#78350f}.season-off{background:#fee2e2;color:#991b1b}.plan-season-tip{font-size:.83rem;color:var(--text-mid);line-height:1.5}.plan-park-meta-row{display:flex;gap:.6rem;flex-wrap:wrap}.plan-meta-chip{background:var(--bg);border-radius:8px;padding:.5rem .85rem;display:flex;flex-direction:column;gap:2px}.plan-meta-key{font-size:.65rem;font-weight:700;letter-spacing:.06em;color:var(--text-light);text-transform:uppercase}.plan-meta-val{font-size:.85rem;font-weight:600;color:var(--text-dark)}.plan-highlights-label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-light);margin-bottom:.5rem}.plan-highlights-row{display:flex;flex-wrap:wrap;gap:.4rem}.plan-highlight-chip{background:#e8f5e9;color:#2d6a4f;font-size:.78rem;font-weight:600;padding:3px 10px;border-radius:99px}.plan-park-tip{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:.75rem 1rem;font-size:.83rem;color:#78350f;line-height:1.5}.plan-park-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding-top:.25rem}.plan-guide-link{color:var(--primary);font-size:.85rem;font-weight:600;text-decoration:none}.plan-guide-link:hover{text-decoration:underline}.plan-book-btn{background:var(--primary);color:#fff;font-size:.82rem;font-weight:600;padding:.5rem 1rem;border-radius:7px;text-decoration:none;transition:background .15s}.plan-book-btn:hover{background:#245a42}.plan-schedule-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.5rem}.plan-schedule-title{font-size:1rem;font-weight:800;color:var(--text-dark);margin-bottom:.3rem}.plan-schedule-note{font-size:.78rem;color:var(--text-light);margin-bottom:1rem}.plan-schedule-list{display:flex;flex-direction:column;gap:.5rem}.plan-schedule-row{display:flex;align-items:center;gap:.75rem;padding:.55rem .75rem;background:var(--bg);border-radius:8px}.plan-schedule-day-num{font-size:.7rem;font-weight:700;color:var(--text-light);min-width:36px;text-transform:uppercase;letter-spacing:.04em}.plan-schedule-icon{font-size:1rem;flex-shrink:0}.plan-schedule-text{font-size:.83rem;color:var(--text-mid);line-height:1.4}.plan-tips-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.5rem}.plan-tips-title{font-size:1rem;font-weight:800;color:var(--text-dark);margin-bottom:1rem}.plan-tips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.plan-tip-item{display:flex;gap:.65rem;font-size:.83rem;color:var(--text-mid);line-height:1.5;align-items:flex-start}.plan-tip-icon{font-size:1.1rem;flex-shrink:0;margin-top:1px}.plan-result-actions{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.plan-reset-btn{background:none;border:1.5px solid var(--border);border-radius:8px;padding:.65rem 1.25rem;font-size:.88rem;font-weight:600;color:var(--text-mid);cursor:pointer;transition:border-color .15s}.plan-reset-btn:hover{border-color:var(--primary);color:var(--primary)}.plan-browse-links{display:flex;flex-wrap:wrap;gap:.6rem}.plan-browse-btn{background:var(--primary);color:#fff;font-size:.88rem;font-weight:600;padding:.65rem 1.25rem;border-radius:8px;text-decoration:none;transition:background .15s}.plan-browse-btn:hover{background:#245a42}@media (max-width: 640px){.plan-hero-title{font-size:1.6rem}.plan-parks-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.plan-dur-row{gap:.5rem}.plan-dur-btn{min-width:75px;padding:.6rem .75rem}.plan-park-card-head{flex-wrap:wrap}.plan-tips-grid{grid-template-columns:1fr}}.plan-save-row{display:flex;justify-content:flex-end;margin-bottom:1rem}.plan-save-btn{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:.65rem 1.4rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s}.plan-save-btn:hover:not(:disabled){background:#245a42}.plan-save-btn:disabled{opacity:.7;cursor:default}.plan-save-btn.saved{background:#16a34a}.plan-saved-section{background:var(--surface);border:1.5px solid var(--border);border-radius:14px;padding:1.25rem 1.5rem;margin-bottom:1.5rem}.plan-saved-title{font-size:.95rem;font-weight:700;color:var(--text);margin:0 0 .9rem}.plan-saved-list{display:flex;flex-direction:column;gap:.5rem}.plan-saved-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fff;border:1px solid var(--border);border-radius:8px;padding:.6rem .9rem}.plan-saved-name{font-size:.88rem;font-weight:500;color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-saved-actions{display:flex;gap:.4rem;flex-shrink:0}.plan-saved-load{background:var(--primary);color:#fff;border:none;border-radius:6px;padding:.35rem .75rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s}.plan-saved-load:hover{background:#245a42}.plan-saved-delete{background:none;border:1px solid #e5e7eb;border-radius:6px;padding:.35rem .6rem;font-size:.75rem;color:#9ca3af;cursor:pointer;transition:border-color .15s,color .15s}.plan-saved-delete:hover{border-color:#ef4444;color:#ef4444}.home-more-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;padding:2rem 0 1rem;border-top:1px solid var(--border);margin-top:2rem}.home-more-card{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:1.5px solid var(--border);border-radius:12px;padding:.9rem 1rem;text-decoration:none;color:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s;text-align:left}.home-more-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow)}.home-more-card-cta{background:linear-gradient(135deg,#f0faf5,#e6f7ee);border-color:var(--primary-light)}.home-more-card-cta:hover{background:linear-gradient(135deg,#e6f7ee,#d1fae5);border-color:var(--primary)}.home-more-emoji{font-size:1.4rem;flex-shrink:0}.home-more-title{font-size:.88rem;font-weight:700;color:var(--text);margin:0 0 .15rem}.home-more-sub{font-size:.76rem;color:var(--text-light);margin:0}@media (max-width: 700px){.home-more-strip{grid-template-columns:repeat(2,1fr)}}.nl-strip{background:linear-gradient(135deg,#0f3d2a,#1a5c3f);padding:2.5rem 1.5rem;margin-top:3rem}.nl-strip-inner{max-width:720px;margin:0 auto;display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.nl-strip-text{flex:1;min-width:220px}.nl-strip-title{color:#fff;font-size:1.05rem;font-weight:700;margin:0 0 .3rem}.nl-strip-sub{color:#a7f3d0;font-size:.88rem;margin:0}.nl-strip-form{display:flex;gap:.5rem;flex-shrink:0;flex-wrap:wrap}.nl-strip-input{background:#ffffff1f;border:1.5px solid rgba(255,255,255,.25);border-radius:8px;padding:.6rem 1rem;font-size:.9rem;color:#fff;width:220px;outline:none;transition:border-color .15s}.nl-strip-input::placeholder{color:#ffffff80}.nl-strip-input:focus{border-color:#fff9}.nl-strip-btn{background:#4ade80;color:#0f3d2a;border:none;border-radius:8px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:700;cursor:pointer;transition:background .15s;white-space:nowrap}.nl-strip-btn:hover:not(:disabled){background:#22c55e}.nl-strip-btn:disabled{opacity:.7;cursor:default}.nl-strip-done{color:#86efac;font-size:.95rem;font-weight:600;margin:0}.nl-strip-error{color:#fca5a5;font-size:.85rem;margin:.4rem 0 0;width:100%}@media (max-width: 600px){.nl-strip-inner{flex-direction:column;align-items:stretch;gap:1rem}.nl-strip-form{width:100%}.nl-strip-input{flex:1;width:auto}}.zone-guide{padding:2rem 0;border-top:1px solid var(--border)}.zone-guide-title{font-size:1.2rem;font-weight:700;color:var(--text-dark);margin:0 0 .4rem}.zone-guide-sub{font-size:.88rem;color:var(--text-light);margin:0 0 1.5rem}.zone-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.zone-card{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;padding:1.1rem 1.2rem}.zone-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.zone-card-name{font-size:.95rem;font-weight:700;color:var(--text-dark);margin-bottom:.2rem}.zone-card-gate{font-size:.78rem;color:var(--text-light)}.zone-best-badge{font-size:.7rem;font-weight:700;background:#dcfce7;color:#166534;border-radius:20px;padding:.25rem .65rem;white-space:nowrap;flex-shrink:0;text-align:center}.zone-species-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem}.zone-species-tag{font-size:.72rem;background:var(--bg);border:1px solid var(--border);color:var(--text-mid);border-radius:20px;padding:.2rem .55rem}.zone-tip{font-size:.8rem;color:var(--text-mid);margin:0;line-height:1.5;border-top:1px solid var(--border);padding-top:.75rem}@media (max-width: 600px){.zone-cards{grid-template-columns:1fr}}.park-sightings{padding:1.75rem 0;border-top:1px solid var(--border)}.park-sightings-header{display:flex;align-items:center;gap:.65rem;margin-bottom:1rem}.park-sightings-live{font-size:.6rem;font-weight:800;letter-spacing:.1em;background:#dcfce7;color:#166534;border-radius:4px;padding:.15rem .45rem}.park-sightings-title{font-size:1.1rem;font-weight:700;color:var(--text-dark);margin:0}.park-sightings-scroll{display:flex;gap:.85rem;overflow-x:auto;padding-bottom:.5rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.park-sightings-scroll::-webkit-scrollbar{height:4px}.park-sightings-scroll::-webkit-scrollbar-track{background:var(--bg)}.park-sightings-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.park-sighting-card{display:flex;flex-direction:column;text-decoration:none;background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;flex-shrink:0;width:150px;scroll-snap-align:start;transition:box-shadow .15s,transform .15s}.park-sighting-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.park-sighting-photo{width:150px;height:110px;object-fit:cover;background:var(--bg)}.park-sighting-info{padding:.55rem .65rem}.park-sighting-name{font-size:.8rem;font-weight:600;color:var(--text-dark);line-height:1.3;margin-bottom:.2rem}.park-sighting-meta{font-size:.7rem;color:var(--text-light)}.safari-history-card{background:var(--surface);border:1.5px solid var(--border);border-radius:14px;padding:1.1rem 1.2rem}.safari-history-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem;flex-wrap:wrap}.safari-history-park{display:flex;align-items:center;gap:.75rem}.safari-history-emoji{font-size:1.75rem;flex-shrink:0}.safari-history-name{font-size:1rem;font-weight:700;color:var(--text-dark);margin-bottom:.15rem}.safari-history-meta{font-size:.78rem;color:var(--text-light)}.safari-history-empty-badge{font-size:.72rem;background:var(--bg);border:1px solid var(--border);color:var(--text-light);border-radius:20px;padding:.2rem .65rem;flex-shrink:0}.safari-history-species{display:flex;flex-wrap:wrap;gap:.4rem}.safari-history-chip{display:inline-flex;align-items:center;gap:.15rem;background:#dcfce7;color:#166534;border:1px solid #86efac;border-radius:20px;padding:.25rem .3rem .25rem .35rem;font-size:.78rem;font-weight:600;transition:background .15s}.safari-history-chip:hover{background:#bbf7d0}.safari-history-chip-manual{background:var(--bg);color:var(--text-mid);border-color:var(--border)}.safari-history-chip-body{display:inline-flex;align-items:center;gap:.35rem;color:inherit;text-decoration:none}.safari-history-chip-img{width:20px;height:20px;border-radius:50%;object-fit:cover}.safari-history-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:#00000014;color:inherit;border-radius:50%;font-size:.85rem;line-height:1;cursor:pointer;padding:0;flex-shrink:0}.safari-history-chip-remove:hover{background:#ef4444;color:#fff}.safari-history-chip-count{font-size:.66rem;font-weight:800;background:#0000001f;border-radius:10px;padding:1px 5px;margin-left:1px}.safari-history-actions{display:flex;gap:.4rem;flex-shrink:0}.safari-history-addphotos{flex-shrink:0;border:1.5px solid var(--primary);background:var(--surface);color:var(--primary);font-size:.76rem;font-weight:700;border-radius:20px;padding:.3rem .7rem;cursor:pointer;white-space:nowrap;transition:all .15s}.safari-history-addphotos:hover{background:var(--primary);color:#fff}.safari-history-continue{flex-shrink:0;border:1.5px solid var(--border);background:var(--surface);color:var(--text-mid);font-size:.76rem;font-weight:700;border-radius:20px;padding:.3rem .7rem;cursor:pointer;white-space:nowrap;transition:all .15s}.safari-history-continue:hover{border-color:var(--primary);color:var(--primary)}.safari-history-msg{background:#fef3c7;color:#92400e;border:1px solid #fde68a;border-radius:8px;padding:.6rem .85rem;font-size:.83rem;font-weight:600;margin-bottom:1rem}.safari-history-nudge{display:block;width:100%;text-align:left;margin:.5rem 0 .2rem;padding:.55rem .75rem;border:1px dashed #86efac;background:#f0faf4;color:#166534;border-radius:10px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s}.safari-history-nudge:hover{background:#dcfce7}.batch-modal{max-width:560px}.batch-sub{font-size:.85rem;color:var(--text-light);margin:.25rem 0 1rem}.batch-drop{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:2rem 1rem;border:2px dashed var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text-mid);transition:border-color .15s,background .15s}.batch-drop:hover{border-color:var(--primary);background:#f0faf4}.batch-drop-icon{font-size:2rem}.batch-drop-hint{font-size:.78rem;color:var(--text-light)}.batch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.5rem;max-height:50vh;overflow-y:auto;padding:.2rem}.batch-cell{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--bg)}.batch-cell-img{width:100%;height:100%;object-fit:cover;display:block}.batch-cell-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding:4px;background:linear-gradient(to top,rgba(0,0,0,.6),transparent 55%)}.batch-cell-name{color:#fff;font-size:.66rem;font-weight:700;text-align:center;line-height:1.1;text-shadow:0 1px 2px rgba(0,0,0,.5)}.batch-cell-fail{color:#fff;font-size:.64rem;font-weight:600;background:#ef4444d9;padding:1px 5px;border-radius:8px}.batch-cell-pending{color:#fff;font-size:.64rem;opacity:.8}.batch-identifying .batch-cell-overlay{background:#00000059;align-items:center}.batch-spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.batch-result-line{font-size:.85rem;color:var(--text-dark);margin:.9rem 0 0;text-align:center}.safari-grid-hint{background:#dcfce7;border:1.5px solid #86efac;border-radius:10px;padding:.6rem 1rem;font-size:.84rem;color:#166534;margin-bottom:1rem}.park-checklist{padding:1.75rem 0;border-top:1px solid var(--border)}.park-checklist-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.park-checklist-title{font-size:1.15rem;font-weight:700;color:var(--text-dark);margin:0 0 .2rem}.park-checklist-sub{font-size:.82rem;color:var(--text-light);margin:0}.park-checklist-score{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;flex-shrink:0}.park-checklist-count{font-size:1.5rem;font-weight:800;color:var(--primary);line-height:1}.park-checklist-count span{font-size:1rem;font-weight:600;color:var(--text-light)}.park-checklist-label{font-size:.7rem;color:var(--text-light);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.park-checklist-reset{font-size:.7rem;color:var(--text-light);background:none;border:1px solid var(--border);border-radius:20px;padding:.15rem .55rem;cursor:pointer;transition:color .15s,border-color .15s;margin-top:.3rem}.park-checklist-reset:hover{color:#ef4444;border-color:#ef4444}.park-checklist-bar-wrap{height:8px;background:var(--bg);border-radius:8px;overflow:hidden;margin-bottom:1rem}.park-checklist-bar{height:100%;background:var(--primary);border-radius:8px;transition:width .4s ease}.park-checklist-bar.complete{background:#22c55e}.park-checklist-complete{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1.5px solid #86efac;border-radius:10px;padding:.75rem 1rem;font-size:.9rem;font-weight:700;color:#166534;margin-bottom:1rem;text-align:center}.park-checklist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.5rem}.park-checklist-item{display:flex;align-items:center;gap:.5rem;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;padding:.6rem .75rem;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;text-align:left;width:100%}.park-checklist-item:hover{border-color:var(--primary-light);background:#f0faf5}.park-checklist-item:active{transform:scale(.97)}.park-checklist-item.checked{background:#dcfce7;border-color:var(--primary)}.park-checklist-emoji{font-size:1.2rem;flex-shrink:0}.park-checklist-name{font-size:.82rem;font-weight:600;color:var(--text-dark);flex:1;line-height:1.3}.park-checklist-item.checked .park-checklist-name{color:var(--primary)}.park-checklist-tick{font-size:.85rem;font-weight:700;color:var(--primary);flex-shrink:0;width:1rem;text-align:center}.park-checklist-note{font-size:.72rem;color:var(--text-light);margin:.75rem 0 0;text-align:center}@media (max-width: 480px){.park-checklist-grid{grid-template-columns:repeat(2,1fr)}.park-checklist-header{flex-direction:column;align-items:stretch}.park-checklist-score{flex-direction:row;align-items:center;gap:.5rem}.park-checklist-label{margin:0}}