*,*: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: #9e9a91;--text-inv: #fafaf8;--accent: #2d5a27;--accent-light: #e8f0e7;--accent-hover: #234a1e;--highlight: #c4956a;--highlight-light: #faf3ec;--danger: #b84233;--danger-light: #fbeae7;--info: #4a6fa5;--info-light: #eaf0f7;--validated: #2d5a27;--pending: #c4956a;--rejected: #b84233;--unidentified: #4a6fa5;--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-bottom: env(safe-area-inset-bottom, 0px)}html{height:100%;-webkit-text-size-adjust:100%}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:contain}a{color:inherit;text-decoration:none}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:.65rem;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}.app-main{flex:1;max-width:600px;width:100%;margin:0 auto;padding:calc(var(--topbar-h) + var(--sp-base)) var(--sp-base) calc(var(--bottomnav-h) + var(--safe-bottom) + var(--sp-lg))}.topbar{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-lg);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-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)}.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)}.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 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(var(--bottomnav-h) + var(--safe-bottom) + 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}.fab:hover{transform:translate(-50%) scale(1.08);box-shadow:0 6px 24px #2d5a2766}.fab:active{transform:translate(-50%) scale(.95)}.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-page{padding-top:var(--sp-sm)}.feed-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-lg);padding:0 var(--sp-xs)}.feed-header-bar h2{font-size:1.1rem}.feed-stream{display:flex;flex-direction:column;gap:var(--sp-lg)}.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}.fcard:active{transform:scale(.985)}.fcard-media{position:relative;aspect-ratio:4/3;background:linear-gradient(145deg,#dde8db,#e8e4de);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-card);color:var(--text);font-size:.85rem;font-family:var(--font-sans)}.search-input:focus{outline:none;border-color:var(--accent)}.search-input::placeholder{color:var(--text-3)}.sort-select{padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);color:var(--text-2);font-size:.8rem;font-family:var(--font-sans);cursor:pointer}.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}.scard:active{transform:scale(.97)}.scard-visual{position:relative;aspect-ratio:3/4;overflow:hidden;background:linear-gradient(160deg,var(--accent-light) 0%,#e4e0d8 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;font-family:var(--font-serif);font-size:3rem;font-weight:700;color:var(--accent);opacity:.12}.scard-badges{position:absolute;top:var(--sp-sm);left:var(--sp-sm);display:flex;gap:4px}.scard-badge{font-size:.55rem;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:.65rem;opacity:.75;display:block;margin-top:2px}.scard-footer{display:flex;align-items:center;gap:6px;padding:var(--sp-sm) var(--sp-md);font-size:.65rem;color:var(--text-3)}.scard-dot{width:3px;height:3px;border-radius:50%;background:var(--border)}.species-detail{padding-top:0}.species-hero{margin-bottom:var(--sp-lg)}.species-hero-content .meta{display:block;margin-bottom:var(--sp-sm)}.species-hero-content h1{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-hero-actions{display:flex;align-items:center;gap:var(--sp-base)}.species-join-hint{font-size:.8rem;color:var(--text-3);font-style:italic}.species-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:var(--sp-xl);position:sticky;top:var(--topbar-h);background:var(--bg);z-index:10;padding-top:var(--sp-xs)}.species-tab{padding:var(--sp-md) var(--sp-lg);font-size:.8rem;font-weight:500;color:var(--text-3);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease}.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-card .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:.65rem;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: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:.65rem;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:focus,.upload-form-col textarea:focus{outline:none;border-color:var(--accent)}.upload-form-col .btn{margin-top:var(--sp-sm)}.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}.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{width:6px;height:6px;border-radius:50%;border:none;background:var(--border);cursor:pointer}.obs-media-dot-active{background:var(--accent);width:18px;border-radius:3px}.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-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:36px;height:36px;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);animation:layerIn .25s ease}.obs-layer>.meta{display:block;margin-bottom:var(--sp-md)}@keyframes layerIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.obs-spectrogram-placeholder{padding:var(--sp-xl);background:var(--bg);border-radius:var(--r);text-align:center;color:var(--text-3)}.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:.65rem;color:var(--text-3);letter-spacing:.04em}.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 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}.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-card);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:.65rem}.upvote-count{font-weight:700}.thread{display:flex;flex-direction:column;gap:var(--sp-md)}.thread-empty{color:var(--text-3);font-size:.8rem;font-style:italic;padding:var(--sp-lg) 0}.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:.65rem;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-card);background:var(--bg);color:var(--text);font-size:.85rem;font-family:var(--font-sans)}.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)}.freechat-empty{color:var(--text-3);font-size:.8rem;text-align:center;padding:var(--sp-2xl) 0}.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-card);background:var(--bg);color:var(--text);font-size:.85rem;font-family:var(--font-sans)}.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}.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:.65rem;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:.65rem;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)}.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: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}}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg)}.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}}.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)}}.obs-layer-btn{width:44px;height:44px}.obs-media-dot{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:transparent}.obs-media-dot:after{content:"";display:block;width:6px;height:6px;border-radius:50%;background:var(--border);transition:all .2s ease}.obs-media-dot-active:after{width:18px;border-radius:3px;background:var(--accent)}.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:#1a1a18;box-shadow:var(--shadow-lg)}.listen-canvas{width:100%;height:140px;display:block;image-rendering:pixelated}.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}.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:#ef4444;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-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-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:hover{border-color:var(--accent-hover);transform:scale(1.05)}.listen-btn-record:active{transform:scale(.95)}.listen-btn-record-inner{width:52px;height:52px;border-radius:50%;background:var(--accent);transition:all .2s ease}.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}}.listen-btn-stop:active{transform:scale(.95)}.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-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}.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}.home-stat-label{font-size:.55rem;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)}@media(max-width:480px){.home-stats-row{grid-template-columns:repeat(2,1fr)}.home-name{font-size:1.25rem}}