@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap";.auth-page{color:#e7eddc;background:#10271e;justify-content:center;align-items:center;min-height:100vh;padding:36px 18px;font-family:inherit;display:flex;position:relative}.auth-back{color:#bdcbb8;cursor:pointer;background:0 0;border:0;font-size:14px;position:absolute;top:24px;left:28px}.auth-card{background:#192f24;border:1px solid #344b3b;border-radius:20px;width:100%;max-width:440px;padding:34px;box-shadow:0 24px 70px #0003}.auth-logo{justify-content:center;align-items:center;gap:10px;margin-bottom:30px;display:flex}.auth-logo span{color:#c3df98}.auth-logo h1{margin:0;font-size:27px}.auth-logo h1 span{color:#c3df98}.auth-icon{color:#c3df98;background:#294332;border-radius:16px;place-items:center;width:54px;height:54px;margin:0 auto 18px;display:grid}.auth-kicker{text-align:center;color:#c3df98;letter-spacing:1.7px;font-size:10px;font-weight:700}.auth-card h2{text-align:center;margin:12px 0;font-size:32px}.auth-description{color:#aebdad;text-align:center;margin-bottom:25px;font-size:14px;line-height:1.6}.auth-tabs{background:#10271e;border-radius:10px;margin-bottom:23px;padding:4px;display:flex}.auth-tabs button{color:#aebdad;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;padding:11px 5px}.auth-tabs button.active{color:#18291e;background:#c3df98;font-weight:700}.auth-form{flex-direction:column;gap:17px;display:flex}.auth-form label{color:#dbe4d5;flex-direction:column;gap:8px;font-size:13px;font-weight:600;display:flex}.auth-form input{box-sizing:border-box;color:#fff;width:100%;min-width:0;font:inherit;background:#10271e;border:1px solid #405747;border-radius:9px;outline:none;padding:13px 14px}.auth-form input:focus{border-color:#c3df98}.auth-form input::placeholder{color:#758878}.password-field{align-items:center;display:flex;position:relative}.password-field input{padding-right:45px}.password-field button{color:#aebdad;cursor:pointer;background:0 0;border:0;display:flex;position:absolute;right:10px}.auth-submit{color:#17291e;cursor:pointer;background:#c3df98;border:0;border-radius:9px;margin-top:5px;padding:14px;font-size:14px;font-weight:800}.auth-submit:hover{background:#d3e9b5}.auth-message{color:#ffb4a9;margin:0;font-size:13px}.auth-footer{text-align:center;color:#8fa28f;border-top:1px solid #344b3b;margin:24px 0 0;padding-top:18px;font-size:12px;line-height:1.6}@media (width<=480px){.auth-card{padding:25px 20px}.auth-back{top:16px;left:18px}}.profile-header{align-items:center;gap:24px;padding:28px 0;display:flex}.profile-header-info{min-width:0}.profile-header-info h2{overflow-wrap:anywhere;margin:8px 0}.profile-header-info>p:last-child{overflow-wrap:anywhere;line-height:1.6}.profile-avatar{color:#476344;background:#e8eee5;border:3px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:0 2px 10px #00000014}.profile-avatar svg{width:42%;height:42%}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-avatar.large{width:112px;height:112px}.profile-avatar.small{width:40px;height:40px}.profile-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:8px 0 32px;display:grid}.profile-stats>div{background:#fff;border:1px solid #e5e9e2;border-radius:14px;flex-direction:column;gap:6px;padding:18px;display:flex}.profile-stats strong{font-size:25px}.profile-stats span{color:#747c72;font-size:13px}.profile-edit-form{background:#fff;border:1px solid #e5e9e2;border-radius:16px;gap:17px;max-width:560px;margin-bottom:36px;padding:24px;display:grid}.profile-edit-form h3{margin:0 0 4px}.profile-edit-form>label{gap:8px;font-weight:600;display:grid}.profile-edit-form input:not([type=file]),.profile-edit-form textarea{box-sizing:border-box;width:100%;font:inherit;color:#242a23;background:#fff;border:1px solid #d9dfd6;border-radius:10px;padding:12px 14px}.profile-edit-form textarea{resize:vertical}.profile-character-count,.profile-help{color:#747c72;font-size:12px;font-weight:400}.profile-photo-picker{cursor:pointer;border:1px dashed #bdcbb8;border-radius:12px;align-items:center;padding:16px;gap:12px!important;display:flex!important}.profile-photo-picker input{max-width:100%;font-size:12px;font-weight:400}.profile-success{color:#287443;font-size:14px}.profile-gallery-heading{margin:26px 0 18px}.profile-gallery-heading h3{margin:0}.leader-row .profile-link{text-decoration:none}@media (width<=600px){.profile-header{flex-direction:column;align-items:flex-start}.profile-avatar.large{width:92px;height:92px}.profile-stats{gap:8px}.profile-stats>div{padding:12px 9px}.profile-stats strong{font-size:20px}.profile-stats span{font-size:11px}.profile-edit-form{padding:16px}}:root{color:#edf2e9;font-synthesis:none;--bg:#0b1511;--sidebar:#101e17;--card:#111f17;--card-light:#13221a;--border:#293b2f;--border-light:#34483a;--green:#a8c78b;--green-light:#c3dda8;--green-muted:#8caa8d;--text:#edf2e9;--text-muted:#9aab9c;background:#0b1511;font-family:DM Sans,sans-serif}body{margin:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:3px}.app-shell{background:var(--bg);min-height:100vh}.sidebar{background:var(--sidebar);z-index:5;border-right:1px solid #26372c;flex-direction:column;width:245px;padding:30px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#f3f4e9;letter-spacing:-1px;align-items:center;gap:11px;margin-bottom:54px;font-size:25px;font-weight:700;text-decoration:none;display:flex}.brand-icon{color:#c3dfa4;background:#263e2c;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.brand-accent{color:var(--green)}.nav-label,.section-kicker{color:var(--green-muted);letter-spacing:2px;margin:0 0 15px;font-size:10px;font-weight:700}.nav-label{padding-left:12px}.nav-link{color:#aab9ab;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:12px;width:100%;margin-bottom:7px;padding:13px 12px;font-size:13px;transition:all .2s;display:flex}.nav-link:hover,.nav-link.selected{color:#d5e8bf;background:#213529}.nav-link.selected{border-color:#304b36}.sidebar-bottom{margin-top:auto}.mini-profile{border-top:1px solid #29392e;align-items:center;gap:11px;padding:17px 0;display:flex}.avatar{color:#c2dfa1;background:#304a35;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.mini-profile strong{font-size:12px;display:block}.mini-profile p,.sidebar-note{color:#809385;margin:5px 0 0;font-size:11px}.sidebar-note{padding:10px 0;line-height:1.7}.main-content{max-width:1800px;margin-left:245px;padding:0 42px 65px}.topbar{border-bottom:1px solid #23332a;justify-content:space-between;align-items:center;gap:16px;min-height:82px;display:flex}.breadcrumb{letter-spacing:1.4px;color:#a4b5a5;font-size:10px;font-weight:700}.breadcrumb span{color:#536e58;padding:0 8px}.upload-button,.hero-button{border:1px solid var(--green-light);background:var(--green-light);color:#14251a;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:11px 15px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.upload-button:hover,.hero-button:hover{background:#d8e9c4;transform:translateY(-1px)}.upload-button:disabled{opacity:.6;cursor:not-allowed}.hero{border:1px solid var(--border-light);background:linear-gradient(90deg,#0d1e15fa 0%,#0d1e15e0 46%,#0d1e1538 100%),url(https://images.unsplash.com/photo-1448375240586-882707db888b?auto=format&fit=crop&w=1600&q=85) 50% 48%/cover;border-radius:13px;min-height:320px;margin-top:28px;padding:43px 42px 30px;position:relative;overflow:hidden}.hero-copy{z-index:1;max-width:480px;position:relative}.eyebrow{color:#b7d49c;letter-spacing:1.8px;align-items:center;gap:9px;font-size:9px;font-weight:700;display:inline-flex}.live-dot{background:#a5cf79;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #a5cf79}.hero h1{letter-spacing:-1.8px;color:#f0f2e8;margin:22px 0 14px;font-family:Playfair Display,serif;font-size:clamp(38px,4.2vw,60px);line-height:1.08}.hero h1 em{color:#bdd8a1}.hero-copy>p{color:#c0cec0;max-width:385px;margin:0 0 22px;font-size:12px;line-height:1.9}.hero-stats{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a1810d6;border:1px solid #405542;border-radius:10px;gap:25px;padding:16px 20px;display:flex;position:absolute;bottom:28px;right:32px}.hero-stats div{flex-direction:column;gap:4px;display:flex}.hero-stats strong{color:#e5f0d9;font-size:21px}.hero-stats span{color:#9db09d;font-size:10px}.section-heading{justify-content:space-between;align-items:end;gap:15px;margin:38px 0 19px;display:flex}.section-kicker{margin-bottom:9px}.section-heading h2,.leaderboard h2,.modal-heading h2{letter-spacing:-.5px;color:#edf0e6;margin:0;font-family:Playfair Display,serif;font-size:28px;font-weight:600}.section-subtitle{color:#8fa294;margin:8px 0 0;font-size:12px}.result-count{color:#9db19d;padding-bottom:3px;font-size:11px}.toolbar{gap:12px;margin-bottom:23px;display:flex}.search-box{background:var(--card-light);color:#8fa993;border:1px solid #2a3d30;border-radius:7px;flex:1;align-items:center;gap:10px;min-width:0;padding:0 13px;display:flex}.search-box input{color:#e5eee3;background:0 0;border:0;outline:none;width:100%;padding:12px 0;font-size:12px}.search-box input:focus-visible{outline:none}.search-box input::placeholder,.comment-form input::placeholder{color:#718778}.toolbar select,.upload-modal select{background:var(--card-light);color:#c7d5c6;border:1px solid #2a3d30;border-radius:7px;min-width:140px;padding:0 12px;font-size:12px}.sighting-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.sighting-card{border:1px solid var(--border);background:var(--card);border-radius:11px;transition:transform .2s,border-color .2s;overflow:hidden}.sighting-card:hover{border-color:#547151;transform:translateY(-3px)}.card-image-wrap{background:#1c3023;height:230px;position:relative;overflow:hidden}.card-image{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.sighting-card:hover .card-image{transform:scale(1.035)}.rarity-badge{color:#cfe6b7;background:#293c2e;border:1px solid #526c4b;border-radius:5px;padding:6px 10px;font-size:10px;font-weight:700;position:absolute;top:13px;left:13px}.rarity-badge.rare{color:#a9d4ff;background:#20374e;border-color:#426f9d}.rarity-badge.epic{color:#e0baff;background:#3c2453;border-color:#8555ad}.rarity-badge.legendary{color:#ffdf94;background:#51401d;border-color:#9c7938}.rarity-badge.mythic{color:#ffb5c5;background:#522b34;border-color:#a95369}.card-body{padding:19px}.animal-meta{color:#8da38e;font-family:Georgia,serif;font-size:12px;font-style:italic}.card-body h3{color:#edf0e7;margin:7px 0 9px;font-family:Playfair Display,serif;font-size:22px}.description{color:#a3b3a4;min-height:42px;margin:0 0 12px;font-size:12px;line-height:1.8}.location{color:#b6c6b2;align-items:center;gap:6px;margin-bottom:13px;font-size:11px;display:flex}.card-author{color:#809685;border-bottom:1px solid #293a2e;padding-bottom:14px;font-size:10px}.card-author strong{color:#c5d9bd}.card-actions{color:#9ab09b;align-items:center;gap:17px;padding:13px 0;font-size:12px;display:flex}.card-actions button,.card-actions span{align-items:center;gap:6px;display:inline-flex}.card-actions button{color:#a0b3a0;background:0 0;border:0;padding:0}.card-actions button.liked{color:#ff8798}.comments{border-top:1px solid #293a2e;padding-top:9px}.comments>p{color:#b5c6b3;margin:6px 0;font-size:11px}.comment-form{align-items:center;gap:7px;margin-top:8px;display:flex}.comment-form input{color:#e1e9dd;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:8px 0;font-size:11px}.comment-form button{color:#b8d99c;background:0 0;border:0;font-size:11px;font-weight:700}.empty-state{text-align:center;color:#b5c9af;border:1px dashed #405543;border-radius:12px;grid-column:1/-1;padding:60px 20px}.empty-state h3{margin-bottom:7px;font-family:Playfair Display,serif;font-size:24px}.empty-state p{color:#90a494;margin-bottom:20px;font-size:12px}.leaderboard{border:1px solid var(--border);background:var(--card);border-radius:11px;margin-top:40px;padding:25px}.leaderboard h2{margin-bottom:25px}.leader-row{border-top:1px solid #293a2e;align-items:center;gap:14px;padding:15px 0;font-size:13px;display:flex}.leader-rank{color:var(--green);width:30px;font-weight:700}.leader-score{color:#92a895;margin-left:auto;font-size:11px}.modal-backdrop{z-index:20;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.upload-modal{background:#122219;border:1px solid #3a5140;border-radius:13px;width:100%;max-width:490px;padding:27px;box-shadow:0 20px 80px #0008}.modal-heading{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.modal-heading h2{font-size:27px}.close-button{color:#c3d4c0;background:#1a3021;border:1px solid #344a39;border-radius:7px;place-items:center;width:35px;height:35px;display:grid}.upload-modal form{flex-direction:column;gap:15px;display:flex}.upload-modal label{color:#c3d2c0;flex-direction:column;gap:7px;font-size:11px;font-weight:600;display:flex}.upload-modal input:not([type=file]),.upload-modal textarea{color:#edf2e9;resize:vertical;background:#0c1911;border:1px solid #334939;border-radius:7px;width:100%;padding:12px;font-size:12px}.upload-modal select{width:100%;height:40px}.photo-picker{cursor:pointer;border:1px dashed #557052;border-radius:8px;justify-content:center;align-items:center;min-height:85px;padding:15px;color:#c3dda8!important;gap:12px!important}.photo-picker input{max-width:100%;font-size:10px}.submit-upload{width:100%;min-height:43px;margin-top:5px}.profile-page{margin-top:30px}.profile-page>.nav-link{margin-bottom:24px}.profile-page .sighting-grid{margin-top:20px}.profile-link{color:var(--green);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.profile-link:hover{opacity:.75}.profile-edit-form{gap:18px;max-width:500px;margin:24px 0;display:grid}.profile-edit-form label{color:var(--green);gap:9px;font-size:14px;font-weight:700;display:grid}.profile-edit-form input:not([type=file]),.profile-edit-form textarea{background:var(--card-light);width:100%;color:var(--text);resize:vertical;border:1px solid #354c39;border-radius:8px;padding:13px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500}.profile-edit-form input::placeholder,.profile-edit-form textarea::placeholder{color:#718778;opacity:1}.profile-edit-form input:focus,.profile-edit-form textarea:focus{outline:2px solid var(--green);outline-offset:2px;border-color:#527b4e}.profile-edit-form p,.profile-page .profile-help{color:#9aab9c;font-size:12px;line-height:1.6}.profile-page h1,.profile-page h2,.profile-page h3{color:#edf0e6}.profile-edit-form h2,.profile-edit-form h3,.preset-avatar-section h3{color:var(--green);background:#1b3022;border:1px solid #3c5940;border-radius:9px;margin-bottom:8px;padding:12px 15px;font-weight:700}.preset-avatar-section{margin-top:24px}.preset-avatar-section h3{font-size:17px}.preset-avatar-section p{color:#9aab9c;margin-bottom:15px;font-size:13px;line-height:1.6}.preset-avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.preset-avatar-option{background:var(--card);cursor:pointer;border:1px solid #354c39;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:12px 5px;transition:all .2s;display:flex}.preset-avatar-option:hover{background:#203729;border-color:#8ba785;transform:translateY(-2px)}.preset-avatar-option.selected{border-color:var(--green);background:#294331;box-shadow:0 0 0 2px #a8c78b33}.preset-avatar-emoji{background:#203729;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:32px;display:flex}.preset-avatar-name{color:#c5d9bd;text-align:center;font-size:11px;font-weight:700}.avatar-preset-display{color:#c2dfa1;background:#304a35;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.8em;display:flex;overflow:hidden}@media (width>=1450px){.sighting-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1050px){.sidebar{width:200px;padding:25px 14px}.main-content{margin-left:200px;padding:0 25px 45px}.hero{padding:35px 28px}.hero-stats{gap:13px;padding:12px;bottom:18px;right:18px}.card-image-wrap{height:190px}}@media (width<=720px){.sidebar{border-bottom:1px solid #293a2e;border-right:0;width:100%;height:auto;padding:14px 17px;display:block;position:relative;inset:auto}.brand{margin-bottom:15px;font-size:22px}.brand-icon{width:36px;height:36px}.nav-label,.sidebar-bottom{display:none}.sidebar .nav-link{width:auto;margin:0 3px 0 0;padding:9px;font-size:11px;display:inline-flex}.main-content{margin-left:0;padding:0 15px 35px}.topbar{min-height:65px}.breadcrumb{letter-spacing:.6px;font-size:8px}.topbar .upload-button{padding:9px;font-size:10px}.hero{background-position:50%;min-height:360px;margin-top:17px;padding:30px 21px 100px}.hero h1{font-size:42px}.hero-copy>p{font-size:11px}.hero-stats{justify-content:space-around;bottom:13px;left:15px;right:15px}.section-heading{margin-top:29px}.section-heading h2{font-size:25px}.toolbar{flex-direction:column}.search-box{min-height:42px}.toolbar select{min-height:40px}.sighting-grid{grid-template-columns:1fr;gap:17px}.card-image-wrap{height:235px}.upload-modal{padding:20px}}@media (width<=500px){.preset-avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-edit-form{width:100%}}.profile-page .profile-stats,.profile-page .profile-stats *{color:#05431a}.profile-page .profile-stats strong,.profile-page .profile-stats h2,.profile-page .profile-stats h3{color:#527b4e}.profile-stat{text-align:left;background:#fff;border:1px solid #e5e5e5;border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:9px;min-width:0;min-height:95px;padding:15px 17px;font-family:DM Sans,sans-serif;transition:all .2s;display:flex}.profile-stat strong{color:#26352a;font-size:25px;font-weight:700;line-height:1}.profile-stat span{color:#66736a;font-size:12px;font-weight:600}button.profile-stat{cursor:pointer}button.profile-stat:hover{background:#f5f5f5;border-color:#d0d0d0;transform:translateY(-2px)}:root{color:#edf2e9;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b1511;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}html{background:#0b1511;min-width:320px;min-height:100%}body{background:#0b1511;min-width:320px;min-height:100vh;margin:0}#root{isolation:isolate;width:100%;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}a{color:inherit}::selection{color:#10271e;background:#c3dda8}