*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-serif: Georgia, "Times New Roman", serif;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", monospace;--bg: #fafaf8;--surface: #ffffff;--surface-hover: #f7f6f3;--border: #e8e6e1;--border-subtle: #f0eeea;--text: #1a1a18;--text-2: #6b6962;--text-3: #7a766d;--text-inv: #fafaf8;--accent: #2d5a27;--accent-light: #e8f0e7;--accent-hover: #234a1e;--accent-wave: rgba(45, 90, 39, .25);--accent-secondary: #6b9e64;--highlight: #c4956a;--highlight-light: #faf3ec;--highlight-bright: #e8c547;--highlight-soft: #d4a574;--highlight-pale: #f0d87a;--danger: #b84233;--danger-light: #fbeae7;--info: #4a6fa5;--info-light: #eaf0f7;--info-soft: #7b9dc4;--focus-ring: rgba(45, 90, 39, .18);--focus-ring-strong: rgba(45, 90, 39, .3);--validated: #2d5a27;--pending: #c4956a;--rejected: #b84233;--unidentified: #4a6fa5;--recording: #ef4444;--surface-ink: #1a1a18;--surface-tint-moss: #dde8db;--surface-tint-sand: #e8e4de;--surface-tint-sand-strong: #e4e0d8;--conservation-cr: #8c1414;--conservation-ew: #3c3c3c;--conservation-ex: #1e1e1e;--species-gradient-passeriformes: linear-gradient(145deg, #4a6741 0%, #8fb585 100%);--species-gradient-strigiformes: linear-gradient(145deg, #3d3d5c 0%, #7a7aad 100%);--species-gradient-accipitriformes: linear-gradient(145deg, #6b4423 0%, #c4956a 100%);--species-gradient-pelecaniformes: linear-gradient(145deg, #2d5a6b 0%, #6ba5b8 100%);--species-gradient-piciformes: linear-gradient(145deg, #7a4423 0%, #c47a4a 100%);--species-gradient-apodiformes: linear-gradient(145deg, #2d6b45 0%, #5cc48a 100%);--species-gradient-default: linear-gradient(145deg, #4a5568 0%, #a0aec0 100%);--sp-xs: 4px;--sp-sm: 8px;--sp-md: 12px;--sp-base: 16px;--sp-lg: 24px;--sp-xl: 32px;--sp-2xl: 48px;--sp-3xl: 64px;--sp-4xl: 96px;--r: 10px;--r-card: 20px;--r-card-lg: 28px;--r-media: 24px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(26,26,24,.04);--shadow: 0 1px 3px rgba(26,26,24,.04), 0 6px 16px rgba(26,26,24,.03);--shadow-lg: 0 4px 12px rgba(26,26,24,.06), 0 12px 32px rgba(26,26,24,.04);--shadow-media: 0 8px 24px rgba(26,26,24,.1);--bottomnav-h: 72px;--topbar-h: 52px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--keyboard-offset: 0px;--fab-base-offset: calc(var(--bottomnav-h) + var(--safe-bottom))}html{height:100%;-webkit-text-size-adjust:100%;overscroll-behavior-y:none}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100%;overscroll-behavior-y:none}a{color:inherit;text-decoration:none}:where(a,button,input,textarea,select,summary,[role=button],.drop-zone){-webkit-tap-highlight-color:transparent}:where(a,button,select,summary,[role=button],.drop-zone){touch-action:manipulation}:where(a,button,input,textarea,select){transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .2s ease,transform .2s ease}:where(button){font:inherit}:where(button):active:not(:disabled){transform:scale(.97)}:where(input,textarea,select){border-radius:var(--r)}:where(input,textarea,select):focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--focus-ring)}:where(a,button,input,textarea,select):focus-visible{outline:none;box-shadow:0 0 0 3px var(--surface),0 0 0 6px var(--focus-ring-strong)}h1,.h1{font-family:var(--font-serif);font-size:2rem;font-weight:700;letter-spacing:-.025em;line-height:1.12}h2,.h2{font-family:var(--font-serif);font-size:1.35rem;font-weight:600;letter-spacing:-.015em;line-height:1.2}h3,.h3{font-family:var(--font-sans);font-size:1rem;font-weight:600;letter-spacing:-.01em;line-height:1.3}.meta{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.mono{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.03em}.app-shell{min-height:100vh;display:flex;flex-direction:column;overscroll-behavior-y:none}.app-main{flex:1;max-width:600px;width:100%;margin:0 auto;padding:calc(var(--topbar-h) + var(--safe-top) + var(--sp-base)) var(--sp-base) calc(var(--bottomnav-h) + var(--safe-bottom) + var(--sp-lg) + var(--keyboard-offset))}.app-connectivity-bar{position:fixed;top:calc(var(--topbar-h) + var(--safe-top));left:0;right:0;z-index:95;display:flex;align-items:center;justify-content:center;gap:var(--sp-sm);padding:8px 12px;background:#4a6fa51f;border-bottom:1px solid rgba(74,111,165,.18);color:var(--info);font-size:.72rem;font-weight:600;letter-spacing:.04em;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.app-connectivity-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.topbar{position:fixed;top:0;left:0;right:0;z-index:100;height:calc(var(--topbar-h) + var(--safe-top));display:flex;align-items:center;justify-content:space-between;padding:var(--safe-top) var(--sp-lg) 0;background:#fafaf8d9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(232,230,225,.6)}.topbar-brand{font-family:var(--font-serif);font-size:1.3rem;font-weight:700;letter-spacing:-.03em;color:var(--text)}.topbar-brand:hover{color:var(--accent)}.topbar-nav{display:none;gap:var(--sp-lg)}.topbar-nav-link{font-size:.8rem;color:var(--text-3);font-weight:450;min-height:44px;display:inline-flex;align-items:center;transition:color .15s ease}.topbar-nav-link:hover{color:var(--text)}.topbar-nav-active{color:var(--text);font-weight:600}.topbar-link{font-size:.8rem;color:var(--text-3);background:none;border:none;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;font-family:var(--font-sans)}.topbar-link:hover{color:var(--text)}.bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:100;height:calc(var(--bottomnav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:flex;align-items:center;justify-content:space-around;background:#ffffffeb;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid rgba(232,230,225,.5);transition:transform .2s ease,opacity .2s ease;overscroll-behavior:none;backface-visibility:hidden}.bottomnav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 16px;color:var(--text-3);font-size:.6rem;font-weight:500;letter-spacing:.04em;transition:color .15s ease}.bottomnav-item:hover{color:var(--text)}.bottomnav-item svg{transition:transform .15s ease}.bottomnav-active{color:var(--accent)}.bottomnav-active svg{transform:scale(1.08)}.bottomnav-spacer{width:56px}.fab{position:fixed;bottom:calc(max(var(--fab-base-offset),var(--keyboard-offset)) + 16px);left:50%;transform:translate(-50%);z-index:101;width:52px;height:52px;border-radius:50%;background:var(--accent);color:var(--text-inv);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #2d5a2759;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.fab:hover{transform:translate(-50%) scale(1.08);box-shadow:0 6px 24px #2d5a2766}.fab:active{transform:translate(-50%) scale(.97)}.app-shell-keyboard-open .bottomnav,.app-shell-keyboard-open .fab{opacity:0;pointer-events:none}.app-shell-keyboard-open .bottomnav{transform:translateY(120%)}.app-shell-keyboard-open .fab{transform:translate(-50%,16px)}.app-shell-keyboard-open .app-main{padding-bottom:calc(var(--sp-2xl) + var(--keyboard-offset))}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--r);border:none;cursor:pointer;font-size:.85rem;font-weight:500;font-family:var(--font-sans);transition:all .2s ease;letter-spacing:.01em}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--text-inv)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--text-2);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.btn-sm{padding:8px 16px;font-size:.8rem}.btn-lg{padding:16px 32px;font-size:.95rem;border-radius:var(--r-card)}.onboarding{padding:var(--sp-2xl) 0 var(--sp-4xl)}.onboarding-hero{text-align:center;padding:var(--sp-3xl) 0 var(--sp-2xl)}.onboarding-title{font-family:var(--font-serif);font-size:2.75rem;font-weight:700;letter-spacing:-.035em;line-height:1.05;margin-bottom:var(--sp-lg)}.onboarding-sub{font-size:1.05rem;color:var(--text-2);letter-spacing:.01em}.onboarding-features{display:flex;flex-direction:column;gap:0;margin:var(--sp-2xl) 0}.onboarding-feature{padding:var(--sp-lg) 0;border-bottom:1px solid var(--border-subtle);display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;gap:0 var(--sp-base)}.onboarding-feature:first-child{border-top:1px solid var(--border-subtle)}.onboarding-num{grid-row:1 / -1;font-family:var(--font-sans);font-size:.8rem;color:var(--text-3);padding-top:2px}.onboarding-feature h3{font-family:var(--font-serif);font-size:1.15rem;font-weight:600;margin-bottom:4px}.onboarding-feature p{font-size:.85rem;color:var(--text-2);line-height:1.5}.onboarding-cta{display:flex;flex-direction:column;gap:var(--sp-md);align-items:center;margin-top:var(--sp-2xl)}.feed-stream{display:flex;flex-direction:column;gap:var(--sp-lg)}.feed-stream>.fcard,.feed-list>.fcard{content-visibility:auto;contain-intrinsic-size:520px;opacity:0;transform:translateY(14px);animation:fcardIn .48s cubic-bezier(.2,.8,.2,1) forwards}.feed-stream>.fcard:nth-child(6n+1),.feed-list>.fcard:nth-child(6n+1){animation-delay:.04s}.feed-stream>.fcard:nth-child(6n+2),.feed-list>.fcard:nth-child(6n+2){animation-delay:.1s}.feed-stream>.fcard:nth-child(6n+3),.feed-list>.fcard:nth-child(6n+3){animation-delay:.16s}.feed-stream>.fcard:nth-child(6n+4),.feed-list>.fcard:nth-child(6n+4){animation-delay:.22s}.feed-stream>.fcard:nth-child(6n+5),.feed-list>.fcard:nth-child(6n+5){animation-delay:.28s}.feed-stream>.fcard:nth-child(6n+6),.feed-list>.fcard:nth-child(6n+6){animation-delay:.34s}.fcard{display:block;border-radius:var(--r-card-lg);overflow:hidden;background:var(--surface);box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease;will-change:transform}.fcard:active{transform:scale(.985)}@keyframes fcardIn{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.fcard-media{position:relative;aspect-ratio:4/3;background:linear-gradient(145deg,var(--surface-tint-moss) 0%,var(--surface-tint-sand) 100%);overflow:hidden}.fcard-media img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.fcard:hover .fcard-media img{transform:scale(1.02)}.fcard-media-empty{display:flex;align-items:center;justify-content:center}.fcard-media-icon{color:var(--accent);opacity:.2;font-family:var(--font-serif);font-size:3rem;font-weight:700}.fcard-media-icon svg{stroke:var(--accent);opacity:.25}.fcard-status{position:absolute;top:var(--sp-md);left:var(--sp-md);display:flex;gap:6px}.fcard-pill{font-size:.6rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:var(--r-pill);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.fcard-pill-pending{background:#c4956ad9;color:#fff}.fcard-pill-validated{background:#2d5a27d9;color:#fff}.fcard-pill-rejected{background:#b84233d9;color:#fff}.fcard-pill-unidentified{background:#4a6fa5d9;color:#fff}.fcard-pill-active{background:#2d5a27e6;color:#fff}.fcard-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--sp-2xl) var(--sp-lg) var(--sp-lg);background:linear-gradient(transparent 0%,#0000008c);color:#fff}.fcard-species{font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.8;display:block;margin-bottom:4px}.fcard-title{font-family:var(--font-serif);font-size:1.2rem;font-weight:600;letter-spacing:-.01em;line-height:1.25}.fcard-meta{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-md) var(--sp-lg);font-size:.75rem;color:var(--text-2)}.fcard-meta-left{display:flex;align-items:center;gap:6px}.fcard-author{font-weight:600;color:var(--text)}.fcard-dot{width:3px;height:3px;border-radius:50%;background:var(--border)}.fcard-time-hot{color:var(--accent);font-weight:600}.fcard-engagement{display:flex;gap:var(--sp-base);padding:0 var(--sp-lg) var(--sp-md);font-size:.7rem;color:var(--text-3);letter-spacing:.02em}.fcard-type-tag{padding:2px 8px;background:var(--accent-light);color:var(--accent);border-radius:var(--r-pill);font-weight:600;font-size:.6rem}.feed-skeleton{display:flex;flex-direction:column;gap:var(--sp-lg)}.skeleton-card{aspect-ratio:4/3;border-radius:var(--r-card-lg);background:linear-gradient(110deg,var(--border-subtle) 30%,var(--bg) 50%,var(--border-subtle) 70%);background-size:200% 100%;animation:shimmer 1.5s ease infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.feed-empty{text-align:center;padding:var(--sp-4xl) var(--sp-lg);color:var(--text-3)}.feed-empty-icon{margin-bottom:var(--sp-lg);opacity:.2}.feed-empty h3{font-family:var(--font-serif);color:var(--text);margin-bottom:var(--sp-sm)}.feed-empty p{font-size:.9rem}.species-directory{padding-top:var(--sp-sm)}.page-header{margin-bottom:var(--sp-xl)}.page-header h1{margin-bottom:var(--sp-xs)}.page-header p{color:var(--text-2);font-size:.9rem}.species-search{display:flex;gap:var(--sp-sm);margin-bottom:var(--sp-xl)}.search-input{flex:1;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);color:var(--text);font-size:.85rem;font-family:var(--font-sans)}.search-input:focus{outline:none;border-color:var(--accent)}.search-input:hover{border-color:var(--text-3)}.search-input::placeholder{color:var(--text-3)}.sort-select{padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);color:var(--text-2);font-size:.8rem;font-family:var(--font-sans);cursor:pointer}.sort-select:hover{border-color:var(--text-3);color:var(--text)}.species-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-md)}.scard{display:block;border-radius:var(--r-card);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease;will-change:transform}.scard:active{transform:scale(.97)}.scard-visual{position:relative;aspect-ratio:3/4;overflow:hidden;background:linear-gradient(160deg,var(--accent-light) 0%,var(--surface-tint-sand-strong) 100%)}.scard-visual img{width:100%;height:100%;object-fit:cover}.scard-initial{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.scard-initial-letter{font-family:var(--font-serif);font-size:2.2rem;font-weight:700;color:#fff3;letter-spacing:-.02em}.scard-badges{position:absolute;top:var(--sp-sm);left:var(--sp-sm);display:flex;gap:4px}.scard-badge{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:var(--r-pill);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.scard-badge-member{background:#2d5a27d9;color:#fff}.scard-badge-NT{background:#c4956ad9;color:#fff}.scard-badge-VU{background:#b84233d9;color:#fff}.scard-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--sp-2xl) var(--sp-md) var(--sp-md);background:linear-gradient(transparent 0%,#0009);color:#fff}.scard-overlay h3{font-family:var(--font-serif);font-size:.95rem;font-weight:600;letter-spacing:-.01em;line-height:1.2}.scard-sci{font-style:italic;font-size:.72rem;opacity:.75;display:block;margin-top:2px}.scard-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-sm);padding:var(--sp-sm) var(--sp-md);font-size:.72rem;color:var(--text-3)}.scard-footer-meta{display:flex;align-items:center;gap:6px;min-width:0}.scard-dot{width:3px;height:3px;border-radius:50%;background:var(--border)}.scard-observers{display:flex;align-items:center;padding-left:var(--sp-sm)}.scard-observer{width:24px;height:24px;margin-left:-6px;border-radius:50%;border:2px solid var(--surface);background:linear-gradient(145deg,var(--accent-light),var(--border-subtle));display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:.62rem;font-weight:700;color:var(--accent);box-shadow:0 2px 8px #1a1a1814}.scard-observer:first-child{margin-left:0}.scard-observer img{width:100%;height:100%;object-fit:cover}.species-detail{padding-top:0}.species-hero{margin-bottom:var(--sp-lg)}.species-hero-meta{display:block;margin-bottom:var(--sp-sm)}.species-hero-title{margin-bottom:var(--sp-xs)}.species-hero-scientific{font-style:italic;color:var(--text-3);font-size:.9rem;margin-bottom:var(--sp-lg)}.species-hero-desc{color:var(--text-2);font-size:.9rem;line-height:1.6;margin-bottom:var(--sp-xl)}.species-hero-stats{display:flex;gap:var(--sp-2xl);margin-bottom:var(--sp-xl)}.species-stat{display:flex;flex-direction:column;gap:var(--sp-xs)}.species-stat-number{font-family:var(--font-serif);font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.species-growth-indicator{display:inline-flex;align-items:center;gap:var(--sp-sm);padding:8px 12px;margin-bottom:var(--sp-base);border-radius:var(--r-pill);background:#2d5a2714;color:var(--accent);font-size:.78rem;font-weight:600}.species-memory-card{margin-bottom:var(--sp-xl);padding:var(--sp-base);border-radius:var(--r-card);border:1px solid var(--border-subtle);background:linear-gradient(180deg,#fffffff0,#e8f0e799)}.species-memory-card p{color:var(--text-2);font-size:.84rem}.species-memory-meta{display:block;margin-bottom:6px}.species-hero-actions{display:flex;align-items:center;gap:var(--sp-base)}.species-join-hint{font-size:.85rem;color:var(--text-2);font-style:normal;background:var(--accent-light);padding:var(--sp-md) var(--sp-base);border-radius:var(--r);border-left:3px solid var(--accent)}.species-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:var(--sp-xl);position:sticky;top:calc(var(--topbar-h) + var(--safe-top));background:var(--bg);z-index:10;padding-top:var(--sp-xs);overscroll-behavior-x:contain}.install-banner{position:fixed;top:calc(var(--topbar-h) + var(--safe-top) + 12px);left:50%;transform:translate(-50%);z-index:110;width:min(calc(100% - 24px),560px);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-base);padding:var(--sp-base) var(--sp-lg);border:1px solid rgba(45,90,39,.14);border-radius:var(--r-card);background:linear-gradient(135deg,#fffffff5,#e8f0e7fa),var(--surface);box-shadow:var(--shadow-lg);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%)}.install-banner-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.install-banner-kicker{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.install-banner-title{font-family:var(--font-serif);font-size:1rem;letter-spacing:-.02em}.install-banner-text{font-size:.76rem;color:var(--text-2)}.install-banner-actions{display:flex;align-items:center;gap:var(--sp-sm);flex-shrink:0}.install-banner-dismiss{border:none;background:transparent;color:var(--text-3);cursor:pointer;font-size:.75rem;font-weight:600;padding:8px 10px}.install-banner-dismiss:hover{color:var(--text)}.species-tab{padding:var(--sp-base) var(--sp-lg);font-size:.85rem;font-weight:500;color:var(--text-3);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease;min-height:44px}.species-tab:hover{color:var(--text)}.species-tab-active{color:var(--text);border-bottom-color:var(--accent)}.auth-page{display:flex;justify-content:center;padding-top:var(--sp-3xl)}.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card-lg);padding:var(--sp-xl);box-shadow:var(--shadow)}.auth-card h1{font-size:1.5rem;margin-bottom:var(--sp-xs)}.auth-subtitle{color:var(--text-3);font-size:.85rem;margin-bottom:var(--sp-xl)}.auth-card form{display:flex;flex-direction:column;gap:var(--sp-base)}.auth-card label{display:flex;flex-direction:column;gap:var(--sp-xs);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.auth-card input{padding:12px 14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r);color:var(--text);font-size:.9rem;font-family:var(--font-sans)}.auth-card input:hover{border-color:var(--text-3)}.auth-card input:focus{outline:none;border-color:var(--accent)}.auth-card .btn{margin-top:var(--sp-sm);width:100%}.auth-switch{text-align:center;margin-top:var(--sp-lg);font-size:.8rem;color:var(--text-3)}.auth-switch a{color:var(--accent);font-weight:500}.error-banner{background:var(--danger-light);border:1px solid rgba(184,66,51,.15);color:var(--danger);padding:var(--sp-md);border-radius:var(--r);font-size:.8rem;margin-bottom:var(--sp-base)}.upload-layout{display:flex;flex-direction:column;gap:var(--sp-xl)}.upload-form-col .meta{display:block;margin-bottom:var(--sp-sm)}.upload-form-col h1{margin-bottom:var(--sp-xs);font-size:1.5rem}.upload-form-col form{display:flex;flex-direction:column;gap:var(--sp-base)}.upload-form-col label{display:flex;flex-direction:column;gap:var(--sp-xs);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.upload-form-col input,.upload-form-col textarea{padding:12px 14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r);color:var(--text);font-size:.85rem;font-family:var(--font-sans);resize:vertical}.upload-form-col input:hover,.upload-form-col textarea:hover{border-color:var(--text-3)}.upload-form-col input:focus,.upload-form-col textarea:focus{outline:none;border-color:var(--accent)}.upload-form-col .btn{margin-top:var(--sp-sm)}.upload-smart-default{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-base);padding:var(--sp-base);margin-bottom:var(--sp-lg);border-radius:var(--r-card);background:linear-gradient(135deg,#e8f0e7cc,#fffffffa);border:1px solid rgba(45,90,39,.12)}.upload-smart-default strong{display:block;font-family:var(--font-serif);font-size:1rem;color:var(--text)}.upload-smart-default p{margin-top:6px;color:var(--text-2);font-size:.8rem;line-height:1.5}.upload-field-note{font-size:.72rem;color:var(--accent);letter-spacing:0;text-transform:none}.drop-zone{border:2px dashed var(--border);border-radius:var(--r-card-lg);padding:var(--sp-2xl);text-align:center;cursor:pointer;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-md);color:var(--text-3);transition:all .2s ease}.drop-zone:hover,.drop-zone-active{border-color:var(--accent);background:var(--accent-light)}.drop-zone-icon{font-size:2rem;font-weight:300;color:var(--text-3)}.drop-zone p{font-size:.85rem;color:var(--text-2)}.file-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--sp-sm);width:100%}.file-preview-item{position:relative;aspect-ratio:1;border-radius:var(--r);overflow:hidden;background:var(--bg)}.file-preview-item img{width:100%;height:100%;object-fit:cover}.file-preview-generic{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--sp-sm);font-size:1.2rem;color:var(--text-3)}.file-preview-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#0009;color:#fff;border:none;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.file-preview-remove:hover{background:#000000c7}.obs-detail{padding-top:0}.obs-media-main{border-radius:var(--r-card-lg);overflow:hidden;position:relative}.obs-media-main img{width:100%;display:block;max-height:440px;object-fit:cover;background:var(--border-subtle)}.obs-media-main video{width:100%;display:block;max-height:440px}.obs-media-dots{display:flex;justify-content:center;gap:6px;margin-top:var(--sp-md)}.obs-media-dot{min-width:44px;min-height:44px;padding:0;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer}.obs-media-dot:after{content:"";display:block;width:6px;height:6px;border-radius:50%;background:var(--border);transition:all .2s ease}.obs-media-dot:hover:after{background:var(--text-3)}.obs-media-dot-active:after{width:18px;border-radius:3px;background:var(--accent)}.obs-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-base);margin:var(--sp-lg) 0 var(--sp-md)}.obs-header h1{font-size:1.5rem}.obs-meta-row{display:flex;gap:6px;font-size:.8rem;color:var(--text-3);margin-bottom:var(--sp-lg)}.obs-founder-credit{display:inline-flex;align-items:center;gap:var(--sp-sm);margin-bottom:var(--sp-base);padding:8px 12px;border-radius:var(--r-pill);background:#2d5a2714;color:var(--accent);font-size:.78rem;font-weight:600}.obs-meta-sep{color:var(--border)}.obs-description{font-size:.9rem;color:var(--text-2);line-height:1.6;margin-bottom:var(--sp-lg)}.obs-stats{display:flex;gap:var(--sp-lg);align-items:center;padding-bottom:var(--sp-lg);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--sp-lg)}.still-here-inline{color:var(--accent);font-weight:600}.obs-layer-toolbar{display:flex;align-items:center;gap:var(--sp-base);margin-bottom:var(--sp-lg)}.obs-layer-buttons{display:flex;gap:6px}.obs-layer-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-3);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.obs-layer-btn:hover{border-color:var(--text-3);color:var(--text)}.obs-layer-btn-active{background:var(--accent);border-color:var(--accent);color:var(--text-inv)}.obs-layer{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--r-card);padding:var(--sp-lg);margin-bottom:var(--sp-md);opacity:1;transform:translateY(0);transition:opacity .22s ease,transform .22s ease}.obs-layer>.meta{display:block;margin-bottom:var(--sp-md)}.obs-layer-closed{opacity:0;transform:translateY(-4px)}.obs-layer-frame{overflow:hidden;opacity:1;transition:max-height .28s ease,opacity .22s ease;will-change:max-height}.obs-layer-closed .obs-layer-frame{opacity:0}.obs-layer-open .obs-layer-frame{opacity:1}.obs-location-card{padding:var(--sp-xl);background:var(--bg);border-radius:var(--r-card);text-align:center;margin-top:var(--sp-md)}.obs-location-pin{font-size:2rem;margin-bottom:var(--sp-sm);color:var(--accent);opacity:.4}.ai-confidence-bar{height:4px;background:var(--border-subtle);border-radius:2px;overflow:hidden}.ai-confidence-fill{height:100%;background:var(--accent);border-radius:2px}.media-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--sp-2xl) var(--sp-lg) var(--sp-lg);background:linear-gradient(transparent 0%,#0000008c);color:var(--text-inv)}.coordinates{font-family:var(--font-mono);font-size:.72rem;color:var(--text-3);letter-spacing:.04em}.media-overlay .coordinates{color:#fafaf8c7}.context-chips{display:flex;flex-wrap:wrap;gap:var(--sp-sm)}.context-chip{padding:5px 12px;background:var(--bg);border:1px solid var(--border-subtle);border-radius:var(--r-pill);font-size:.7rem;color:var(--text-2)}.status-badge{display:inline-flex;align-items:center;gap:5px;font-size:.6rem;font-weight:700;padding:4px 10px;border-radius:var(--r-pill);letter-spacing:.05em;text-transform:uppercase}.status-badge:before{content:"";width:5px;height:5px;border-radius:50%}.status-validated{background:var(--accent-light);color:var(--validated)}.status-validated:before{background:var(--validated)}.status-pending{background:var(--highlight-light);color:var(--pending)}.status-pending:before{background:var(--pending)}.status-rejected{background:var(--danger-light);color:var(--rejected)}.status-rejected:before{background:var(--rejected)}.status-unidentified{background:var(--info-light);color:var(--unidentified)}.status-unidentified:before{background:var(--unidentified)}.audio-player{background:linear-gradient(145deg,var(--accent-light) 0%,var(--bg) 100%);border-radius:var(--r-media);padding:var(--sp-xl)}.audio-player-controls{display:flex;align-items:center;gap:var(--sp-base);margin-bottom:var(--sp-base)}.audio-play-btn{width:44px;height:44px;border-radius:50%;border:none;background:var(--accent);color:var(--text-inv);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.audio-play-btn:hover:not(:disabled){background:var(--accent-hover)}.audio-time{color:var(--text-3)}.audio-waveform{border-radius:var(--r);overflow:hidden}.audio-spectrogram-note{margin-top:var(--sp-base);padding-top:var(--sp-base);border-top:1px solid var(--border-subtle)}.image-viewer{position:relative;border-radius:var(--r-media);overflow:hidden}.image-viewer-toggle{width:100%;border:none;padding:0;background:transparent;display:block;border-radius:inherit}.image-viewer img{width:100%;display:block;max-height:440px;object-fit:cover;background:var(--border-subtle);cursor:zoom-in}.image-viewer-zoomed{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000eb;display:flex;align-items:center;justify-content:center;border-radius:0}.image-viewer-zoomed img{max-height:95vh;max-width:95vw;object-fit:contain;background:transparent;border-radius:0;cursor:zoom-out}.image-viewer-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;border:none;background:#ffffff26;color:#fff;font-size:20px;cursor:pointer}.image-viewer-close:hover{background:#ffffff47}.video-player{border-radius:var(--r-media);overflow:hidden;background:#000}.video-player video{width:100%;display:block;max-height:440px}.validation-panel{display:flex;flex-direction:column;gap:var(--sp-base)}.validation-ai{display:flex;flex-direction:column;gap:var(--sp-sm)}.validation-ai-header{display:flex;justify-content:space-between;align-items:center}.validation-vote-bar{display:flex;gap:var(--sp-base);font-size:.8rem}.validation-confirm{color:var(--validated);font-weight:600}.validation-reject{color:var(--rejected);font-weight:600}.validation-actions{display:flex;gap:var(--sp-sm)}.validation-hint{font-size:.75rem;color:var(--text-3);font-style:italic}.upvote-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);color:var(--text-3);font-size:.8rem;cursor:pointer;transition:all .2s ease}.upvote-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.upvote-btn:disabled{opacity:.4;cursor:not-allowed}.upvote-btn-active{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.upvote-arrow{font-size:.72rem}.upvote-count{font-weight:700}.thread,.thread-messages{display:flex;flex-direction:column;gap:var(--sp-md)}.thread-msg{padding-bottom:var(--sp-md);border-bottom:1px solid var(--border-subtle)}.thread-msg:last-child{border-bottom:none}.thread-msg-header{display:flex;justify-content:space-between;margin-bottom:var(--sp-xs)}.thread-msg-author{font-size:.75rem;font-weight:600}.thread-msg-time{font-size:.72rem;color:var(--text-3)}.thread-msg-content{font-size:.85rem;color:var(--text-2);line-height:1.5}.thread-composer{display:flex;gap:var(--sp-sm);margin-top:var(--sp-sm)}.thread-input{flex:1;padding:10px 14px;border:1px solid var(--border);border-radius:var(--r);background:var(--bg);color:var(--text);font-size:.85rem;font-family:var(--font-sans)}.thread-input:hover{border-color:var(--text-3)}.thread-input:focus{outline:none;border-color:var(--accent)}.thread-locked{padding:var(--sp-base) 0;text-align:center}.freechat{display:flex;flex-direction:column;height:400px}.freechat-messages{flex:1;overflow-y:auto;padding:var(--sp-base) 0;display:flex;flex-direction:column;gap:var(--sp-sm);overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.freechat-msg{display:flex;gap:var(--sp-sm);align-items:baseline;font-size:.85rem}.freechat-msg-author{font-weight:600;font-size:.75rem;flex-shrink:0}.freechat-msg-content{color:var(--text-2)}.freechat-msg-time{font-size:.6rem;color:var(--text-3);flex-shrink:0}.freechat-composer{display:flex;gap:var(--sp-sm);padding-top:var(--sp-md);border-top:1px solid var(--border-subtle)}.freechat-input{flex:1;padding:10px 14px;border:1px solid var(--border);border-radius:var(--r);background:var(--bg);color:var(--text);font-size:.85rem;font-family:var(--font-sans)}.freechat-input:hover{border-color:var(--text-3)}.freechat-input:focus{outline:none;border-color:var(--accent)}.freechat-locked{padding:var(--sp-xl);text-align:center;color:var(--text-3);font-size:.85rem;border-top:1px solid var(--border-subtle)}.profile-header{display:flex;gap:var(--sp-lg);align-items:center;margin-bottom:var(--sp-xl)}.profile-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(145deg,var(--accent-light),var(--border-subtle));display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar span{font-family:var(--font-serif);font-size:1.8rem;font-weight:700;color:var(--accent);opacity:.3}.profile-info h1{font-size:1.35rem;margin-bottom:0}.profile-bio{color:var(--text-2);font-size:.85rem;margin-top:var(--sp-sm)}.profile-stats{display:flex;gap:var(--sp-xl);margin-bottom:var(--sp-xl);padding-bottom:var(--sp-xl);border-bottom:1px solid var(--border-subtle)}.profile-stat{display:flex;flex-direction:column;gap:var(--sp-xs)}.profile-stat-number{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.profile-share-module{display:flex;flex-direction:column;gap:var(--sp-base);margin-bottom:var(--sp-xl)}.profile-share-card{position:relative;overflow:hidden;padding:var(--sp-lg);border-radius:var(--r-card-lg);border:1px solid rgba(45,90,39,.1);background:radial-gradient(circle at top right,rgba(196,149,106,.18),transparent 36%),linear-gradient(145deg,#e8f0e7eb,#fffffffa);box-shadow:var(--shadow-sm)}.profile-share-card h2{font-size:1.4rem;margin-top:var(--sp-sm);margin-bottom:4px}.profile-share-handle{color:var(--text-3);font-size:.82rem;margin-bottom:var(--sp-lg)}.profile-share-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-sm)}.profile-share-grid div{padding:var(--sp-base);border-radius:var(--r-card);background:#fffc;border:1px solid rgba(232,230,225,.9)}.profile-share-grid strong{display:block;font-family:var(--font-serif);font-size:1.2rem;color:var(--text)}.profile-share-grid span{display:block;margin-top:2px;font-size:.72rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em}.profile-share-watermark{position:absolute;right:var(--sp-lg);bottom:var(--sp-base);font-size:.68rem;color:#1a1a1861;letter-spacing:.08em;text-transform:uppercase}.profile-share-actions{display:flex;flex-wrap:wrap;gap:var(--sp-sm)}.life-list-milestone{margin-bottom:var(--sp-lg);padding:var(--sp-base);border-radius:var(--r-card);border:1px solid rgba(45,90,39,.12);background:linear-gradient(180deg,#e8f0e7b8,#fffffff0)}.life-list-milestone-copy{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--sp-md)}.life-list-milestone-copy strong{font-family:var(--font-serif);font-size:1rem;color:var(--text)}.life-list-milestone-sub{color:var(--text-2);font-size:.8rem}.life-list-progress{height:10px;border-radius:999px;background:#2d5a271a;overflow:hidden}.life-list-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-hover))}.divider-list{list-style:none}.divider-list-item{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-lg) 0;border-bottom:1px solid var(--border-subtle)}.divider-list-item:first-child{border-top:1px solid var(--border-subtle)}.divider-list-number{font-size:.8rem;color:var(--text-3)}.life-list-name{font-family:var(--font-serif);font-size:1rem;font-weight:600;display:block}.life-list-scientific{font-style:italic;color:var(--text-3);font-size:.75rem;display:block;margin-top:2px}.life-list-date{display:block;margin-top:4px;font-size:.72rem;color:var(--text-3);font-family:var(--font-mono)}.notifications-page{max-width:100%}.notifications-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--sp-xl)}.notifications-header h1{margin-top:var(--sp-sm)}.notification-item{display:flex;gap:var(--sp-md);padding:var(--sp-base) 0;border-bottom:1px solid var(--border-subtle)}.notification-unread{background:var(--accent-light);margin:0 calc(var(--sp-base) * -1);padding:var(--sp-base);border-radius:var(--r-card);border-bottom:none;margin-bottom:var(--sp-xs)}.notification-icon{width:28px;height:28px;border-radius:50%;background:var(--bg);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.7rem;color:var(--accent)}.notification-title{font-size:.85rem;font-weight:500}.notification-title a{color:var(--text)}.notification-body{font-size:.75rem;color:var(--text-2);margin-top:2px}.notification-time{font-size:.72rem;color:var(--text-3);margin-top:4px;display:block}.loading{text-align:center;padding:var(--sp-3xl);color:var(--text-3);font-size:.85rem}.empty-state{text-align:center;padding:var(--sp-2xl);color:var(--text-3)}.empty-state h3{font-family:var(--font-serif);color:var(--text);margin-bottom:var(--sp-sm)}.empty-state p{margin:0 auto;max-width:34ch}.empty-state-compact{padding:var(--sp-xl) var(--sp-base)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--sp-lg);margin-top:var(--sp-xl);font-size:.75rem;color:var(--text-3)}@media(min-width:768px){.app-main{max-width:680px;padding-left:var(--sp-lg);padding-right:var(--sp-lg)}.species-grid{grid-template-columns:repeat(3,1fr)}.upload-layout{flex-direction:row}.upload-form-col,.upload-media-col{flex:1}}@media(min-width:1024px){.app-main{max-width:720px}.bottomnav{display:none}.fab{bottom:32px}.app-main{padding-bottom:var(--sp-3xl)}.topbar{padding:0 var(--sp-2xl)}.topbar-nav{display:flex}}@media(max-width:640px){.species-tabs{overflow-x:auto;scrollbar-width:none}.species-tabs::-webkit-scrollbar{display:none}.species-tab{flex:0 0 auto;padding-inline:var(--sp-base)}.obs-header,.notifications-header,.profile-header,.thread-composer,.freechat-composer,.pagination{flex-direction:column;align-items:flex-start}.thread-composer .btn,.freechat-composer .btn,.notifications-header .btn,.pagination .btn{width:100%}.profile-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-base)}.upload-smart-default,.profile-share-actions{flex-direction:column}.profile-share-actions .btn{width:100%}.home-resume-card{grid-template-columns:64px minmax(0,1fr)}.home-resume-visual{width:64px;height:64px}.home-resume-meta{grid-column:2;justify-content:flex-start}}@media(max-width:480px){.onboarding-title{font-size:2.2rem}.auth-card{border:none;border-radius:0;box-shadow:none;padding:var(--sp-lg)}.auth-page{padding-top:var(--sp-xl)}.fcard-media{aspect-ratio:3/2}.profile-share-grid{grid-template-columns:1fr}}.auth-loading{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;overflow:hidden;isolation:isolate;background:radial-gradient(circle at top,rgba(123,157,196,.14),transparent 42%),radial-gradient(circle at 20% 80%,rgba(45,90,39,.14),transparent 40%),linear-gradient(180deg,#e8f0e7f2,#fafaf8fa 52%,#f5f1e8e6)}.auth-loading:before,.auth-loading:after{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;pointer-events:none}.auth-loading:before{background:repeating-linear-gradient(135deg,rgba(255,255,255,.12) 0 2px,transparent 2px 18px);opacity:.35}.auth-loading:after{background:radial-gradient(circle at center,rgba(255,255,255,.28),transparent 58%),radial-gradient(circle at 70% 20%,rgba(196,149,106,.14),transparent 24%);animation:authDrift 12s ease-in-out infinite alternate}.auth-loading-brand,.auth-loading-sub{position:relative;z-index:1}.auth-loading-brand{font-family:var(--font-serif);font-size:2rem;font-weight:700;letter-spacing:-.03em;color:var(--text);animation:authPulse 2s ease infinite}.auth-loading-sub{font-size:.8rem;color:var(--text-3);margin-top:var(--sp-sm)}@keyframes authPulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes authDrift{0%{transform:translate3d(-1.5%,-1%,0) scale(1)}to{transform:translate3d(1.5%,1%,0) scale(1.04)}}.upvote-btn-pop{animation:upvotePop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes upvotePop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.listen-page{display:flex;flex-direction:column;align-items:center;padding:var(--sp-lg) 0 var(--sp-4xl);min-height:calc(100vh - var(--topbar-h) - var(--bottomnav-h))}.listen-gate{display:flex;align-items:center;justify-content:center;min-height:60vh;text-align:center}.listen-gate-content h2{font-family:var(--font-serif);margin-bottom:var(--sp-sm)}.listen-gate-content p{color:var(--text-2);margin-bottom:var(--sp-xl)}.listen-spectrogram{width:100%;position:relative;border-radius:var(--r-card-lg);overflow:hidden;background:var(--surface-ink);box-shadow:var(--shadow-lg)}.listen-spectrogram:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(118deg,rgba(80,162,117,.16),transparent 35%,rgba(232,197,71,.12) 72%,rgba(74,111,165,.16)),radial-gradient(circle at 18% 20%,rgba(123,157,196,.18),transparent 34%);mix-blend-mode:screen;opacity:.6;pointer-events:none;z-index:2;animation:spectrogramAura 9s ease-in-out infinite alternate}.listen-canvas{width:100%;height:140px;display:block;image-rendering:pixelated;position:relative;z-index:1}.listen-canvas-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#1a1a18b3;color:var(--text-inv);font-size:.9rem;z-index:3}.listen-status{display:flex;align-items:center;gap:var(--sp-sm);margin-top:var(--sp-lg);font-size:.8rem;color:var(--text-3);min-height:24px}.listen-recording-dot{width:8px;height:8px;border-radius:50%;background:var(--recording);animation:recordPulse 1.5s ease infinite}@keyframes recordPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.listen-status-text{color:var(--text-2)}.listen-social-proof{margin-top:10px;padding:8px 12px;border-radius:var(--r-pill);background:#ffffffd1;border:1px solid rgba(232,230,225,.9);color:var(--text-2);font-size:.75rem;font-weight:600;box-shadow:0 6px 18px #1a1a180a}.listen-detections{width:100%;margin-top:var(--sp-xl)}.listen-detections-meta{display:block;margin-bottom:var(--sp-md)}.listen-species-list{display:flex;flex-direction:column;gap:var(--sp-sm)}.listen-species-item{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-md) var(--sp-base);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);cursor:pointer;transition:all .2s ease;text-align:left;width:100%;font-family:var(--font-sans)}.listen-species-item:hover{border-color:var(--accent)}.listen-species-selected{border-color:var(--accent);background:var(--accent-light)}.listen-species-new{animation:detectionBounce .6s cubic-bezier(.2,.9,.25,1.3)}.listen-species-info{display:flex;flex-direction:column;gap:2px}.listen-species-name{font-family:var(--font-serif);font-weight:600;font-size:.95rem}.listen-species-sci{font-style:italic;font-size:.7rem;color:var(--text-3)}.listen-species-confidence{display:flex;align-items:center;gap:var(--sp-sm);flex-shrink:0}.listen-confidence-bar{width:60px;height:4px;background:var(--border-subtle);border-radius:2px;overflow:hidden}.listen-confidence-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s ease}.listen-controls{margin-top:var(--sp-2xl);display:flex;justify-content:center}.listen-btn-record{width:72px;height:72px;border-radius:50%;border:3px solid var(--accent);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.listen-btn-record:not(.listen-btn-record-loading){animation:recordInvite 3.4s ease-in-out infinite}.listen-btn-record:hover{border-color:var(--accent-hover);transform:scale(1.05)}.listen-btn-record:active{transform:scale(.97)}.listen-btn-record:disabled{opacity:.82;cursor:wait}.listen-btn-record-loading{border-color:var(--accent-secondary)}.listen-btn-record-inner{width:52px;height:52px;border-radius:50%;background:var(--accent);transition:all .2s ease}.listen-btn-record:not(.listen-btn-record-loading) .listen-btn-record-inner{animation:recordInviteCore 3.4s ease-in-out infinite}.listen-btn-pending-text{font-size:.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);padding:0 var(--sp-sm);text-align:center}.listen-btn-stop{width:72px;height:72px;border-radius:50%;border:3px solid var(--danger);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;animation:recordGlow 2s ease infinite}@keyframes recordGlow{0%,to{box-shadow:0 0 #ef44444d}50%{box-shadow:0 0 0 12px #ef444400}}@keyframes recordInvite{0%,to{box-shadow:0 0 #2d5a2724}50%{box-shadow:0 0 0 10px #2d5a2700}}@keyframes recordInviteCore{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(.94);filter:brightness(1.06)}}@keyframes spectrogramAura{0%{transform:translate3d(-2%,0,0) scale(1.02);opacity:.48}to{transform:translate3d(2%,-1%,0) scale(1.06);opacity:.68}}.listen-btn-stop:active{transform:scale(.97)}.listen-btn-stop-inner{width:28px;height:28px;border-radius:4px;background:var(--danger)}.listen-actions{display:flex;gap:var(--sp-md);align-items:center}.home-page{padding-top:var(--sp-sm)}.home-greeting{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--sp-xl)}.home-greeting-meta{margin-bottom:2px}.home-name{font-size:1.5rem}.home-streak{display:flex;flex-direction:column;align-items:center;gap:2px;position:relative}.home-streak-live .home-streak-number{animation:streakBreathe 3.2s ease-in-out infinite}.home-streak-live .home-streak-label{color:var(--accent)}.home-streak-number{font-family:var(--font-serif);font-size:2rem;font-weight:700;letter-spacing:-.03em;line-height:1}.home-streak-label{font-size:.6rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.home-streak-fire{position:absolute;top:-4px;right:-8px;color:var(--accent);font-size:.5rem;animation:recordPulse 2s ease infinite}@keyframes streakBreathe{0%,to{transform:scale(1);text-shadow:0 0 0 rgba(45,90,39,0)}50%{transform:scale(1.04);text-shadow:0 0 18px rgba(45,90,39,.12)}}.home-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-sm);margin-bottom:var(--sp-xl)}.home-stat-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--r-card);padding:var(--sp-md);display:flex;flex-direction:column;align-items:center;gap:2px}.home-stat-value{font-family:var(--font-serif);font-size:1.25rem;font-weight:700;letter-spacing:-.02em}@keyframes detectionBounce{0%{transform:scale(.97)}45%{transform:scale(1.035)}75%{transform:scale(.992)}to{transform:scale(1)}}.home-stat-label{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.home-listen-cta{display:flex;align-items:center;gap:var(--sp-base);padding:var(--sp-lg);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);border-radius:var(--r-card-lg);margin-bottom:var(--sp-xl);color:var(--text-inv);transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 16px #2d5a2740}.home-listen-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2d5a274d}.home-listen-cta:active{transform:scale(.98)}.home-listen-icon{width:48px;height:48px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-listen-text{flex:1}.home-listen-title{font-family:var(--font-serif);font-size:1.05rem;font-weight:600;display:block}.home-listen-sub{font-size:.75rem;opacity:.8;display:block;margin-top:2px}.home-listen-arrow{font-size:1.2rem;opacity:.6}.home-recent-species{display:flex;flex-wrap:wrap;gap:var(--sp-sm);margin-top:var(--sp-md)}.home-species-chip{padding:6px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);font-size:.8rem;color:var(--text);transition:all .15s ease}.home-species-chip:hover{border-color:var(--accent);color:var(--accent)}.home-species-chip-name{font-weight:500}.home-section{margin-bottom:var(--sp-xl)}.home-section-meta{display:block;margin-bottom:var(--sp-md)}.home-section-header{margin-bottom:var(--sp-md)}.home-resume-card{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:var(--sp-base);align-items:center;padding:var(--sp-base);border-radius:var(--r-card-lg);background:var(--surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.home-resume-visual{width:80px;height:80px;border-radius:var(--r-card);overflow:hidden;background:var(--surface-tint-sand)}.home-resume-visual img,.home-resume-fallback{width:100%;height:100%}.home-resume-fallback{display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:1.3rem;color:#ffffffb8}.home-resume-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.home-resume-kicker{font-size:.7rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em}.home-resume-copy strong{font-family:var(--font-serif);font-size:1rem;color:var(--text)}.home-resume-scientific{color:var(--text-3);font-size:.75rem;font-style:italic}.home-resume-meta{display:flex;align-items:center;gap:var(--sp-sm);color:var(--text-3);font-size:.75rem}.home-offline-feed-note{margin-bottom:var(--sp-md);padding:10px 12px;border-radius:var(--r-card);background:#4a6fa514;color:var(--info);font-size:.78rem}.home-activity-pulse{display:flex;align-items:center;gap:var(--sp-sm);padding:var(--sp-md) var(--sp-base);background:var(--accent-light);border-radius:var(--r-card);margin-bottom:var(--sp-xl);font-size:.75rem;color:var(--accent)}.home-pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;animation:recordPulse 2s ease infinite}.home-pulse-text{font-weight:500}.home-trending{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-sm);margin-top:var(--sp-md)}.home-trending-item{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-md) var(--sp-base);background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--r-card);transition:all .15s ease}.home-trending-item:hover{border-color:var(--accent)}.home-trending-name{font-family:var(--font-serif);font-size:.85rem;font-weight:600}.home-trending-count{font-size:.72rem;color:var(--text-3);font-weight:500}@media(max-width:480px){.home-stats-row{grid-template-columns:repeat(2,1fr)}.home-name{font-size:1.25rem}.home-trending{grid-template-columns:1fr}}.share-card-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-md);margin-bottom:var(--sp-lg)}.share-card{width:100%;border-radius:var(--r-card);overflow:hidden;background:var(--surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.share-card-visual{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,var(--accent-light) 0%,var(--surface-tint-sand-strong) 100%)}.share-card-visual img{width:100%;height:100%;object-fit:cover}.share-card-gradient{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.share-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--sp-xl) var(--sp-base) var(--sp-md);background:linear-gradient(transparent,#0009);color:#fff}.share-card-species{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.8;display:block;margin-bottom:4px}.share-card-title{font-family:var(--font-serif);font-size:1rem;font-weight:600;line-height:1.2}.share-card-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-sm) var(--sp-base)}.share-card-meta{display:flex;gap:6px;font-size:.7rem;color:var(--text-3)}.share-card-author{font-weight:600;color:var(--text-2)}.share-card-dot{color:var(--border)}.share-card-brand{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--sp-sm)}.share-card-logo{font-family:var(--font-serif);font-size:.7rem;font-weight:700;color:var(--accent)}.share-card-time{font-size:.6rem;color:var(--text-3)}.share-card-watermark{font-size:.56rem;color:#1a1a1861;letter-spacing:.08em;text-transform:uppercase}.share-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--r);border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-size:.8rem;cursor:pointer;transition:all .15s ease;font-family:var(--font-sans)}.share-btn:hover{border-color:var(--accent);color:var(--accent)}.skeleton-line{background:linear-gradient(110deg,var(--border-subtle) 30%,var(--bg) 50%,var(--border-subtle) 70%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s ease infinite}.skeleton-circle{border-radius:50%;background:linear-gradient(110deg,var(--border-subtle) 30%,var(--bg) 50%,var(--border-subtle) 70%);background-size:200% 100%;animation:shimmer 1.5s ease infinite}.skeleton-shimmer{background:linear-gradient(110deg,var(--border-subtle) 30%,var(--bg) 50%,var(--border-subtle) 70%);background-size:200% 100%;animation:shimmer 1.5s ease infinite}.celebration{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:#1a1a18d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:opacity .4s ease;will-change:opacity}.celebration-enter{opacity:0}.celebration-show{opacity:1}.celebration-exit{opacity:0}.celebration-confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.confetti-particle{position:absolute;top:-10px;border-radius:2px;animation:confettiFall linear forwards;transform:rotate(0);will-change:transform,opacity}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.celebration-card{text-align:center;color:var(--text-inv);animation:celebrationReveal .6s cubic-bezier(.175,.885,.32,1.275) .2s both;will-change:transform,opacity}@keyframes celebrationReveal{0%{opacity:0;transform:scale(.5) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.celebration-label{font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--highlight);display:block;margin-bottom:var(--sp-md)}.celebration-name{font-family:var(--font-serif);font-size:2.5rem;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--sp-sm)}.celebration-sub{font-size:.85rem;opacity:.6}.explore-listen-cta{display:flex;align-items:center;gap:var(--sp-md);padding:var(--sp-md) var(--sp-base);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);margin-bottom:var(--sp-xl);font-size:.8rem;color:var(--text-2);transition:all .15s ease}.explore-listen-cta:hover{border-color:var(--accent);color:var(--accent)}.explore-listen-cta svg{flex-shrink:0;color:var(--accent)}.explore-listen-cta strong{color:var(--accent);font-weight:600}.explore-listen-arrow{margin-left:auto;opacity:.4}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;background:var(--danger);color:#fff;font-size:.7rem;font-weight:700;border-radius:8px;margin-left:4px;line-height:1}.nav-badge-bottom{position:absolute;top:4px;right:4px;margin-left:0;min-width:14px;height:14px;font-size:.5rem;animation:badgePop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.onboarding-proof{display:flex;justify-content:center;align-items:center;gap:var(--sp-sm);margin-top:var(--sp-xl);margin-bottom:var(--sp-lg);font-size:.8rem;color:var(--text-3);font-weight:500}.onboarding-proof-dot{color:var(--border);font-size:.6rem}.profile-edit-form{display:flex;flex-direction:column;gap:var(--sp-base)}.profile-edit-form label{display:flex;flex-direction:column;gap:var(--sp-xs)}.profile-edit-form input,.profile-edit-form textarea{padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r);color:var(--text);font-size:.9rem;font-family:var(--font-sans);resize:vertical}.profile-edit-form input:hover,.profile-edit-form textarea:hover{border-color:var(--text-3)}.profile-edit-form input:focus,.profile-edit-form textarea:focus{outline:none;border-color:var(--accent)}.profile-edit-actions{display:flex;gap:var(--sp-sm)}.challenge-page{max-width:480px;margin:0 auto;padding-top:var(--sp-lg)}.challenge-header{margin-bottom:var(--sp-xl)}.challenge-meta{display:block;margin-bottom:var(--sp-sm)}.challenge-header h1{font-size:1.75rem;margin-bottom:var(--sp-sm)}.challenge-hint{font-size:.85rem;color:var(--text-2);font-style:italic}.challenge-clue{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--r-card);padding:var(--sp-lg);margin-bottom:var(--sp-xl);font-size:.95rem;color:var(--text-2);line-height:1.6}.challenge-choices{display:flex;flex-direction:column;gap:var(--sp-sm);margin-bottom:var(--sp-xl)}.challenge-choice{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-base) var(--sp-lg);background:var(--surface);border:2px solid var(--border);border-radius:var(--r-card);cursor:pointer;font-family:var(--font-serif);font-size:1rem;font-weight:600;transition:all .2s ease;text-align:left;width:100%;min-height:52px;opacity:0;transform:translate(-18px);animation:challengeChoiceIn .46s cubic-bezier(.2,.8,.2,1) forwards}.challenge-choices>.challenge-choice:nth-child(1){animation-delay:.04s}.challenge-choices>.challenge-choice:nth-child(2){animation-delay:.12s}.challenge-choices>.challenge-choice:nth-child(3){animation-delay:.2s}.challenge-choices>.challenge-choice:nth-child(4){animation-delay:.28s}.challenge-choice:hover:not(:disabled){border-color:var(--accent)}.challenge-choice:active:not(:disabled){transform:scale(.97)}@keyframes challengeChoiceIn{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}.challenge-choice-correct{border-color:var(--accent)!important;background:var(--accent-light)!important;animation:choiceCorrect .4s cubic-bezier(.175,.885,.32,1.275)}.challenge-choice-wrong{border-color:var(--danger)!important;background:var(--danger-light)!important;animation:choiceShake .4s ease}.challenge-choice-dim{opacity:.4}@keyframes choiceCorrect{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes choiceShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.challenge-check{color:var(--accent);font-weight:700}.challenge-x{color:var(--danger);font-weight:700}.challenge-result{text-align:center;padding:var(--sp-xl);border-radius:var(--r-card);animation:layerIn .3s ease}.challenge-result h3{font-family:var(--font-serif);margin-bottom:var(--sp-sm)}.challenge-result p{font-size:.9rem;color:var(--text-2)}.challenge-result-correct{background:var(--accent-light)}.challenge-result-wrong{background:var(--danger-light)}.home-challenge-card{display:flex;align-items:center;gap:var(--sp-base);padding:var(--sp-md) var(--sp-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);margin-bottom:var(--sp-xl);transition:all .15s ease}.home-challenge-card:hover{border-color:var(--highlight)}.home-challenge-icon{width:36px;height:36px;border-radius:50%;background:var(--highlight-light);color:var(--highlight);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:1.1rem;font-weight:700;flex-shrink:0}.home-challenge-text{flex:1}.home-challenge-title{font-weight:600;font-size:.85rem;display:block}.home-challenge-sub{font-size:.75rem;color:var(--text-3);display:block;margin-top:2px}.home-streak-freezes{font-size:.7rem;margin-top:2px;letter-spacing:2px}.home-nearby-list{display:flex;flex-direction:column;gap:0;margin-top:var(--sp-md)}.home-nearby-item{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-md) 0;border-bottom:1px solid var(--border-subtle);transition:background .15s ease}.home-nearby-item:hover{background:var(--surface-hover)}.home-nearby-item:first-child{padding-top:0}.home-nearby-item:last-child{border-bottom:none}.home-nearby-info{display:flex;flex-direction:column;gap:2px}.home-nearby-species{font-family:var(--font-serif);font-size:.9rem;font-weight:600}.home-nearby-meta{font-size:.72rem;color:var(--text-3)}.error-retry{margin-left:var(--sp-sm);padding:4px 12px;background:none;border:1px solid rgba(184,66,51,.3);border-radius:var(--r);color:var(--danger);font-size:.75rem;cursor:pointer;font-family:var(--font-sans)}.error-retry:hover{background:#b842331a}.species-hero-banner{--hero-parallax: 0px;height:160px;border-radius:var(--r-card-lg);margin-bottom:var(--sp-lg);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;isolation:isolate}.species-hero-banner:before,.species-hero-banner:after{content:"";position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;pointer-events:none}.species-hero-banner:before{background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.22),transparent 28%),radial-gradient(circle at 80% 72%,rgba(255,255,255,.18),transparent 24%);opacity:.72;transform:translateY(calc(var(--hero-parallax) * -.58)) scale(1.06)}.species-hero-banner:after{background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 44%,rgba(0,0,0,.08));opacity:.55;transform:translateY(calc(var(--hero-parallax) * -.34)) scale(1.02)}.species-hero-banner-content{text-align:center;position:relative;z-index:1;transform:translateY(calc(var(--hero-parallax) * .14))}.species-hero-initials{font-family:var(--font-serif);font-size:3.5rem;font-weight:700;color:#ffffff26;letter-spacing:-.03em}.species-hero-banner>.scard-badge{z-index:2}.pull-refresh-indicator{display:flex;align-items:center;justify-content:center;gap:var(--sp-sm);padding:var(--sp-md);font-size:.75rem;color:var(--text-3);animation:layerIn .2s ease}.pull-refresh-spinner{display:inline-block;flex-shrink:0;width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-enter{opacity:0;transform:translateY(4px);will-change:transform,opacity}.page-visible{opacity:1;transform:translateY(0);transition:opacity .2s ease,transform .2s ease;will-change:transform,opacity}.scard-badge-EN{background:#b84233d9;color:#fff}.scard-badge-CR{background:#8c1414e6;color:#fff}.scard-badge-EW{background:#3c3c3cd9;color:#fff}.scard-badge-EX{background:#1e1e1ee6;color:#fff}.toast-container{position:fixed;bottom:calc(max(var(--fab-base-offset),var(--keyboard-offset)) + 16px);left:50%;transform:translate(-50%);z-index:3000;display:flex;flex-direction:column;gap:var(--sp-sm);align-items:center;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--sp-sm);padding:var(--sp-md) var(--sp-lg);border-radius:var(--r-card);font-size:.8rem;font-weight:500;box-shadow:var(--shadow-lg);cursor:pointer;pointer-events:auto;animation:toastIn .3s cubic-bezier(.175,.885,.32,1.275);max-width:340px;will-change:transform,opacity}.toast:hover{transform:translateY(-1px)}.toast-success{background:var(--accent);color:#fff}.toast-error{background:var(--danger);color:#fff}.toast-info{background:var(--text);color:var(--bg)}.toast-icon{width:18px;height:18px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;flex-shrink:0}@keyframes toastIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:1024px){.toast-container{bottom:32px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.page-enter,.page-visible{transform:none!important}.pull-refresh-spinner,.listen-recording-dot,.listen-btn-stop,.listen-btn-record,.listen-btn-record-inner,.home-pulse-dot,.home-streak-fire,.home-streak-number,.confetti-particle,.celebration-card,.auth-loading:after,.listen-spectrogram:after,.nav-badge-bottom,.listen-species-new,.challenge-choice,.feed-stream>.fcard,.feed-list>.fcard,.upvote-btn-pop,.toast{animation:none!important}}@media(max-width:640px){.install-banner{align-items:flex-start;flex-direction:column}.install-banner-actions{width:100%;justify-content:space-between}}.skip-link{position:absolute;top:-40px;left:0;z-index:9999;padding:12px 20px;background:var(--accent);color:var(--text-inv);font-weight:600;font-size:.85rem;text-decoration:none;border-radius:0 0 var(--r) 0;transition:top .2s ease}.skip-link:focus{top:0;outline:2px solid var(--text-inv);outline-offset:2px}