*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f6f7f5;color:#1b2a1a;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 5c13.8 0 25 11.2 25 25S43.8 55 30 55 5 43.8 5 30 16.2 5 30 5zm0 10c-8.3 0-15 6.7-15 15s6.7 15 15 15 15-6.7 15-15-6.7-15-15-15z' fill='%232e7d32' fill-opacity='0.018' fill-rule='evenodd'/%3E%3C/svg%3E")}header{background:linear-gradient(135deg,#1b5e20,#2e7d32,#388e3c,#2e7d32);background-size:300% 300%;animation:header-shimmer 8s ease infinite;color:#fff;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}@keyframes header-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}header h1{margin:0;font-size:1.25rem}.header-brand{text-decoration:none;color:#fff;transition:opacity .15s}.header-brand:hover{opacity:.85}header nav{display:flex;align-items:center;gap:.15rem}header a{color:#fff;text-decoration:none;padding:.4rem .65rem;border-radius:6px;font-size:.9rem;transition:background .15s,transform .1s;position:relative}header a:after{content:"";position:absolute;bottom:2px;left:50%;width:0;height:2px;background:#ffffffb3;border-radius:1px;transition:width .2s,left .2s}header a:hover{background:#ffffff26}header a:hover:after{width:60%;left:20%}.nav-avatar:after,.nav-badge-link:after,.header-brand:after{display:none}.nav-avatar{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;overflow:hidden;background:#ffffff40;margin-left:.4rem;padding:0!important;transition:box-shadow .12s}.nav-avatar:hover{background:#ffffff40!important;box-shadow:0 0 0 2px #ffffff80}.nav-avatar-img{width:100%;height:100%;object-fit:cover}.nav-avatar-initial{font-size:.85rem;font-weight:700;color:#fff;line-height:1}main{padding:2rem;animation:page-enter .35s ease-out}@keyframes page-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.splash{max-width:800px;margin:0 auto;text-align:center}.splash-hero{padding:3rem 1rem 2rem}.splash-icon-ring{position:relative;width:180px;height:180px;margin:0 auto 2rem}.splash-tree-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3.5rem;filter:drop-shadow(0 2px 8px rgba(46,125,50,.25))}.splash-critter{position:absolute;font-size:1.6rem;top:50%;left:50%;--angle: calc(var(--i) * 45deg);transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-80px) rotate(calc(-1 * var(--angle)));animation:bob 3s ease-in-out infinite;animation-delay:calc(var(--i) * .35s)}@keyframes bob{0%,to{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-80px) rotate(calc(-1 * var(--angle)))}50%{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-88px) rotate(calc(-1 * var(--angle)))}}.splash-hero h2{font-size:2rem;margin:0 0 .75rem;line-height:1.3;background:linear-gradient(135deg,#1b5e20,#2e7d32,#43a047);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.splash-tagline{font-size:1.1rem;color:#555;max-width:520px;margin:0 auto 1.5rem;line-height:1.5}.splash-cta{display:inline-block;background:linear-gradient(135deg,#2e7d32,#43a047);color:#fff;text-decoration:none;padding:.85rem 2rem;font-size:1.1rem;font-weight:600;border-radius:50px;box-shadow:0 4px 16px #2e7d324d;transition:transform .2s,box-shadow .2s;animation:cta-glow 3s ease-in-out infinite}.splash-cta:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 8px 30px #2e7d3273}.splash-cta:active{transform:translateY(0) scale(.98)}@keyframes cta-glow{0%,to{box-shadow:0 4px 16px #2e7d324d}50%{box-shadow:0 4px 24px #2e7d3280}}.splash-cta-group{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.splash-cta-secondary{background:transparent;color:#2e7d32;border:2px solid #2e7d32;box-shadow:none}.splash-cta-secondary:hover{background:#2e7d3214;box-shadow:none}.splash-secondary{text-align:center;padding:1.5rem 0 .5rem;color:#666;font-size:.9rem}.splash-cta-link{color:#2e7d32;font-weight:600;text-decoration:underline;text-underline-offset:3px}.splash-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;padding:2rem 0}.splash-feature{background:#fff;border-radius:12px;padding:1.5rem 1.25rem;box-shadow:0 2px 12px #0000000d;text-align:center;transition:transform .2s,box-shadow .2s;animation:card-enter .4s ease-out both}.splash-feature:nth-child(1){animation-delay:.1s}.splash-feature:nth-child(2){animation-delay:.2s}.splash-feature:nth-child(3){animation-delay:.3s}.splash-feature:hover{transform:translateY(-4px);box-shadow:0 8px 30px #2e7d321f}@keyframes card-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feature-icon{font-size:2rem;display:block;margin-bottom:.5rem;transition:transform .3s}.splash-feature:hover .feature-icon{transform:scale(1.2) rotate(-5deg)}.splash-feature h3{margin:0 0 .4rem;font-size:1rem;color:#2e7d32}.splash-feature p{margin:0;font-size:.9rem;color:#666;line-height:1.45}.splash-footer{padding:1.5rem 0 3rem;font-size:.85rem;color:#999}.splash-footer a{color:#2e7d32}.support-card{max-width:480px;margin:0 auto 2rem;padding:1.25rem 1.5rem;background:transparent;border:1px solid #e0e0e0;border-radius:8px;text-align:center}.support-heading{margin:0 0 .4rem;font-size:.9rem;font-weight:500;color:#888}.support-text{margin:0 0 .75rem;font-size:.85rem;line-height:1.5;color:#999}.support-btn{display:inline-block;padding:.45rem 1.1rem;background:transparent;color:#2e7d32;border:1px solid #a5d6a7;border-radius:6px;font-weight:500;font-size:.85rem;text-decoration:none;transition:background .15s,color .15s}.support-btn:hover{background:#f1f8e9;color:#1b5e20}.support-btn-sm{padding:.35rem .9rem;font-size:.8rem}.support-note{margin:.5rem 0 0;font-size:.75rem;color:#aaa}.support-card-compact{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;font-size:.9rem;color:#3a5a3a}.home{max-width:520px;margin:4rem auto;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #0000000f;animation:card-enter .35s ease-out}.home h2{margin-top:0}.home form{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.home input{padding:.6rem .75rem;font-size:1rem;border:1px solid #c8d2c6;border-radius:6px;transition:border-color .2s,box-shadow .2s}.home input:focus{outline:none;border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d321f}.home button,.toolbar button{padding:.6rem 1rem;font-size:1rem;background:#2e7d32;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .15s,transform .1s,box-shadow .15s}.home button:hover:not(:disabled),.toolbar button:hover:not(:disabled){background:#256a29;transform:translateY(-1px);box-shadow:0 2px 8px #2e7d324d}.home button:active:not(:disabled),.toolbar button:active:not(:disabled){transform:translateY(0);box-shadow:none}.home button:disabled,.toolbar button:disabled{background:#9ab599;cursor:not-allowed}.confirm-subtitle{color:#555;font-size:.95rem;line-height:1.5;margin-bottom:.25rem}.confirm-code-inputs{display:flex;gap:.5rem;justify-content:center;margin:1rem 0}.confirm-digit{width:3rem!important;height:3.5rem;text-align:center;font-size:1.5rem!important;font-weight:600;letter-spacing:0;border:2px solid #c8d2c6!important;border-radius:8px!important;padding:0!important}.confirm-digit:focus{border-color:#2e7d32!important;outline:none;box-shadow:0 0 0 3px #2e7d3226}.confirm-footer{font-size:.9rem;color:#666}.link-button{background:none!important;border:none;color:#2e7d32!important;cursor:pointer;font-size:inherit;padding:0!important;text-decoration:underline}.link-button:disabled{background:none!important;color:#9ab599!important;cursor:not-allowed}.profile-form{gap:.75rem!important}.profile-field{display:flex;flex-direction:column;gap:.2rem}.profile-label{font-size:.8rem;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.03em}.profile-readonly{background:#f5f5f5!important;color:#888!important;cursor:not-allowed}.profile-mono{font-family:monospace;font-size:.85rem!important}.profile-hint{font-size:.75rem;color:#999;margin-top:.1rem}.profile-avatar-section{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.profile-avatar-btn{position:relative;width:72px;height:72px;border-radius:50%;border:3px solid #c8d2c6;overflow:hidden;cursor:pointer;background:#e8ede7;padding:0;flex-shrink:0}.profile-avatar-btn:hover{border-color:#2e7d32}.profile-avatar-img{width:100%;height:100%;object-fit:cover}.profile-avatar-initial{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.8rem;font-weight:700;color:#2e7d32}.profile-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073;color:#fff;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:0;transition:opacity .15s}.profile-avatar-btn:hover .profile-avatar-overlay{opacity:1}.profile-avatar-info{display:flex;flex-direction:column}.profile-avatar-name{font-weight:600;font-size:1.1rem}.profile-avatar-email{font-size:.8rem;color:#888}.profile-title-badge{display:inline-block;font-size:.75rem;font-weight:600;color:#2e7d32;background:#e8f5e9;border:1px solid #c8e6c9;border-radius:12px;padding:.15rem .6rem}.profile-title-select{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;background:#fff}.inat-link-btn{display:inline-block;margin-top:.5rem;padding:.6rem 1.2rem;background:#74ac00;color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer}.inat-link-btn:hover{background:#5a8a00}.inat-link-btn:disabled{opacity:.5;cursor:not-allowed}.profile-danger-zone{margin-top:2rem;padding:1.25rem;border:1px solid #e0c4c4;border-radius:8px;background:#fdf6f6}.profile-danger-zone h3{margin:0 0 .5rem;font-size:.95rem;color:#8a1a1a}.profile-danger-zone p{font-size:.85rem;color:#666;margin:0 0 .75rem;line-height:1.5}.profile-delete-btn{background:#d32f2f;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;cursor:pointer}.profile-delete-btn:hover{background:#b71c1c}.consent-fieldset{border:1px solid #e2e6e0;border-radius:8px;padding:.75rem 1rem;margin:.75rem 0 0}.consent-legend{font-size:.85rem;font-weight:600;color:#555;padding:0 .3rem}.consent-item{display:flex;align-items:flex-start;gap:.5rem;margin:.5rem 0;font-size:.85rem;color:#444;cursor:pointer;line-height:1.4}.consent-item input[type=checkbox]{margin-top:.15rem;accent-color:#2e7d32;flex-shrink:0}.consent-item a{color:#2e7d32}.legal{max-width:700px;margin:2rem auto;background:#fff;padding:2rem 2.5rem;border-radius:12px;box-shadow:0 2px 12px #0000000d;line-height:1.6}.legal h2{margin-top:0}.legal h3{margin-top:1.5rem;margin-bottom:.4rem;font-size:1.05rem;color:#1b2a1a}.legal h4{margin-top:1rem;margin-bottom:.3rem;font-size:.95rem;color:#333}.legal p,.legal li{font-size:.9rem;color:#333}.legal ul{padding-left:1.4rem}.legal li{margin-bottom:.3rem}.legal a{color:#2e7d32}.legal code{background:#f0f0f0;padding:.1rem .35rem;border-radius:3px;font-size:.85rem}.legal-updated{font-size:.8rem;color:#888;margin-top:-.5rem}.legal-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid #e2e6e0;font-size:.9rem}.legal-table{width:100%;border-collapse:collapse;margin:.75rem 0;font-size:.85rem}.legal-table th,.legal-table td{text-align:left;padding:.5rem .75rem;border:1px solid #e2e6e0}.legal-table th{background:#f6f7f5;font-weight:600;font-size:.8rem;color:#555}.legal-table td{color:#333}.legal-table a{color:#2e7d32}@media (max-width: 700px){.legal{margin:1rem;padding:1.25rem}}.profile-logout{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e6e0}.profile-logout-btn{background:none;border:1px solid #d32f2f;color:#d32f2f;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer}.profile-logout-btn:hover{background:#fde7e7}.linked-account{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;background:#eaf4ea;border:1px solid #a5d6a7;border-radius:8px;padding:.75rem 1rem;margin-bottom:1.25rem}.linked-badge{background:#2e7d32;color:#fff;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .5rem;border-radius:4px}.linked-info{display:flex;flex-direction:column;flex:1}.linked-name{font-weight:600;font-size:1rem}.linked-sub{font-size:.75rem;color:#666}.linked-actions{display:flex;gap:.4rem}.linked-action-btn{font-size:.8rem;padding:.3rem .65rem;background:#2e7d32;color:#fff;text-decoration:none;border-radius:5px}.linked-action-btn:hover{background:#256a29}.unlinked-account{background:#fff8e1;border:1px solid #ffe082;border-radius:8px;padding:.75rem 1rem;margin-bottom:1.25rem}.unlinked-account p{margin:0;font-size:.9rem;color:#6d5a00}.home p a{color:#2e7d32}.obs-page-header{background:#fff;border-radius:10px;box-shadow:0 2px 12px #0000000d;padding:1rem 1.25rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.obs-page-account{display:flex;align-items:center;gap:.5rem}.obs-page-linked-badge{background:#2e7d32;color:#fff;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .4rem;border-radius:3px}.obs-page-inat-user{font-weight:600;color:#2e7d32;text-decoration:none;font-size:1.05rem}.obs-page-inat-user:hover{text-decoration:underline}.obs-page-stats{display:flex;gap:1.25rem;font-size:.9rem;color:#555}.obs-page-search{margin-bottom:1rem;display:flex;gap:.5rem;align-items:center}.obs-page-search input{flex:1;padding:.6rem .75rem;font-size:1rem;border:1px solid #c8d2c6;border-radius:6px;background:#fff;transition:border-color .2s,box-shadow .2s}.obs-page-search input:focus{outline:none;border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d321f}.obs-page-sort{padding:.6rem .75rem;font-size:.9rem;border:1px solid #c8d2c6;border-radius:6px;background:#fff;cursor:pointer;white-space:nowrap}.obs-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.obs-page-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;overflow:hidden;transition:transform .2s,box-shadow .2s}.obs-page-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 24px #2e7d3226}.obs-page-card:hover .obs-page-photo{filter:brightness(1.05)}.obs-page-photo{display:block;width:100%;aspect-ratio:1;object-fit:cover;transition:filter .2s,transform .3s}.obs-page-card:hover .obs-page-photo{transform:scale(1.03)}.obs-page-no-photo{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#f0f2ef;color:#aaa;font-size:.85rem}.obs-page-info{padding:.6rem .75rem;display:flex;flex-direction:column;gap:.15rem}.obs-page-species{font-weight:600;font-size:.9rem;font-style:italic}.obs-page-rank{font-size:.7rem;color:#999;text-transform:capitalize}.obs-page-meta{display:flex;align-items:center;justify-content:space-between;margin-top:.15rem}.obs-page-date{font-size:.75rem;color:#888}.obs-page-link{font-size:.75rem;color:#2e7d32;text-decoration:none;font-family:monospace}.obs-page-link:hover{text-decoration:underline}.obs-page-load-more{text-align:center;padding:1.5rem 0}.obs-page-load-more button{padding:.6rem 1.5rem;font-size:.95rem;background:#2e7d32;color:#fff;border:none;border-radius:6px;cursor:pointer}.obs-page-load-more button:disabled{background:#9ab599;cursor:not-allowed}.obs-page-load-more button:hover:not(:disabled){background:#256a29}.obs-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:100;display:flex;align-items:center;justify-content:center;animation:overlay-fade .2s ease-out;overscroll-behavior:contain}body:has(.obs-detail-overlay){overflow:hidden}.obs-detail{background:#fff;border-radius:16px;box-shadow:0 12px 48px #00000040;width:92vw;max-width:620px;max-height:90vh;overflow-y:auto;padding:0;animation:panel-slide-up .25s ease-out}.obs-detail-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.5rem .75rem;position:sticky;top:0;background:#fff;z-index:2;border-bottom:1px solid #eef0ed}.obs-detail-header h3{margin:0;font-style:italic;font-size:1.35rem;line-height:1.3;color:#1b2a1a}.obs-detail-header button{background:none;border:1px solid #c8d2c6;border-radius:8px;padding:.35rem .85rem;font-size:.85rem;cursor:pointer;color:#555;flex-shrink:0;margin-left:1rem;transition:background .15s,border-color .15s}.obs-detail-header button:hover{background:#f6f7f5;border-color:#aab3a8}.obs-detail-sciname{font-style:italic;color:#666;font-size:.95rem;padding:0 1.5rem .75rem}.obs-detail-photos{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 1.5rem 1rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.obs-detail-photos::-webkit-scrollbar{height:4px}.obs-detail-photos::-webkit-scrollbar-thumb{background:#c8d2c6;border-radius:2px}.obs-detail-photo{width:100%;border-radius:10px;object-fit:cover}.obs-detail-photos .obs-detail-photo{flex:0 0 auto;scroll-snap-align:start;max-height:420px;width:auto;border-radius:10px;box-shadow:0 2px 8px #0000001a}.obs-detail-badges{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1.5rem}.obs-badge{display:inline-block;font-size:.72rem;font-weight:700;padding:.25rem .65rem;border-radius:20px;text-transform:uppercase;letter-spacing:.04em}.obs-badge-research{background:#e8f5e9;color:#2e7d32}.obs-badge-needs_id{background:#fff3e0;color:#e65100}.obs-badge-casual{background:#fce4ec;color:#c62828}.obs-badge-captive{background:#f3e5f5;color:#7b1fa2}.obs-badge-obscured{background:#fff8e1;color:#f57f17}.obs-badge-license{background:#e3f2fd;color:#1565c0}.obs-badge-improving{background:#e8f5e9;color:#2e7d32}.obs-badge-supporting{background:#e3f2fd;color:#1565c0}.obs-badge-leading{background:#fff3e0;color:#e65100}.obs-badge-maverick{background:#fce4ec;color:#c62828}.obs-detail-description{padding:1rem 1.5rem;font-size:.95rem;color:#444;line-height:1.6;white-space:pre-wrap;background:#fafbf9;border-top:1px solid #eef0ed;border-bottom:1px solid #eef0ed}.obs-detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:.5rem 0;margin:0 1.5rem 1rem}.obs-detail-row{display:flex;flex-direction:column;padding:.75rem 0;border-bottom:1px solid #f0f2ef}.obs-detail-row:nth-last-child(-n+2){border-bottom:none}.obs-detail-label{font-size:.7rem;color:#999;text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:.2rem}.obs-detail-value{font-size:.95rem;color:#1b2a1a;text-transform:capitalize;line-height:1.4}.obs-detail-value a{color:#2e7d32;text-decoration:none}.obs-detail-value a:hover{text-decoration:underline}.obs-detail-accuracy{color:#888;font-size:.82em}.obs-detail-section{padding:1rem 1.5rem;border-top:1px solid #eef0ed}.obs-detail-section h4{margin:0 0 .75rem;font-size:.85rem;color:#888;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.obs-detail-ident{padding:.65rem 0;border-bottom:1px solid #f0f0f0}.obs-detail-ident:last-child{border-bottom:none}.obs-detail-ident-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.15rem}.obs-detail-ident-taxon{font-style:italic;font-size:.88rem;color:#555}.obs-detail-ident-body,.obs-detail-comment-body{margin:.35rem 0 0;font-size:.88rem;color:#444;line-height:1.5}.obs-detail-comment{padding:.65rem 0;border-bottom:1px solid #f0f0f0}.obs-detail-comment:last-child{border-bottom:none}.obs-detail-sound{display:flex;flex-direction:column;gap:.35rem;padding:.5rem 0}.obs-detail-sound audio{width:100%;border-radius:8px}.obs-detail-inat-link{display:block;text-align:center;background:#74ac00;color:#fff;text-decoration:none;padding:.85rem 1rem;margin:1rem 1.5rem 1.5rem;border-radius:10px;font-weight:600;font-size:1rem;transition:background .15s,transform .1s}.obs-detail-inat-link:hover{background:#5a8a00;transform:translateY(-1px)}.imports-list{list-style:none;padding:0;margin:1rem 0 0}.imports-list li{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border:1px solid #e2e6e0;border-radius:6px;margin-bottom:.5rem;background:#fafbfa}.imports-list .import-info{display:flex;flex-direction:column}.imports-list .import-name{font-weight:600}.imports-list .import-count{font-size:.85rem;color:#666}.imports-list .import-actions{display:flex;gap:.4rem}.imports-list button{font-size:.85rem;padding:.35rem .7rem}.imports-subtitle{color:#555;font-size:.9rem;margin:.25rem 0 0}.imports-subtitle a{color:#2e7d32}.btn-danger{background:#d32f2f;color:#fff;border-color:#b71c1c}.btn-danger:hover{background:#b71c1c}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.status{margin-top:1rem;padding:.75rem;border-radius:6px}.status.error{background:#fde7e7;color:#8a1a1a}.status.info{background:#eaf4ea;color:#1e4a20}.maintenance-banner{margin-top:2rem;padding:1.5rem 2rem;background:#fff3e0;border:2px solid #f57c00;border-radius:12px;text-align:center;max-width:420px;margin-left:auto;margin-right:auto}.maintenance-icon{font-size:2rem;display:block;margin-bottom:.5rem}.maintenance-banner h3{margin:0 0 .5rem;font-size:1.2rem;color:#e65100}.maintenance-banner p{margin:0;color:#4e342e;font-size:.95rem;line-height:1.5}.toolbar{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem}.tree-date-filter{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;background:#fff;border-radius:8px;box-shadow:0 1px 6px #0000000d;margin-bottom:.75rem}.tree-date-filter label{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:#555;font-weight:600}.tree-date-filter input[type=date]{padding:.3rem .5rem;border:1px solid #c8d2c6;border-radius:6px;font-size:.85rem}.tree-date-filter button{padding:.35rem .7rem;font-size:.85rem;background:#2e7d32;color:#fff;border:none;border-radius:6px;cursor:pointer}.tree-date-filter button:hover{background:#256a29}.tree-date-filter button:disabled{background:#9ab599;cursor:not-allowed}.tree-date-clear{background:transparent!important;color:#888!important;border:1px solid #ccc!important}.tree-date-clear:hover{color:#555!important;border-color:#999!important}.cladogram-wrap{position:relative;background:#fff;border-radius:10px;box-shadow:0 2px 12px #0000000d;overflow:hidden;animation:card-enter .4s ease-out .15s both}.cladogram-wrap svg{display:block;width:100%;height:80vh}.node circle{fill:#fff;stroke:#2e7d32;stroke-width:2px;cursor:pointer;transition:fill .2s,stroke .2s,r .15s}.node:hover circle{stroke:#1b5e20;filter:drop-shadow(0 0 4px rgba(46,125,50,.4))}.node.collapsed circle{fill:#2e7d32}.node.collapsed:hover circle{fill:#1b5e20}.node text{font-size:11px;font-family:-apple-system,sans-serif;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round;transition:fill .15s}.node:hover text{fill:#1b5e20}.link{fill:none;stroke:#8aab86;stroke-width:1.5px;transition:stroke .2s}.cladogram-controls{position:absolute;top:.5rem;left:.5rem;z-index:5;display:flex;align-items:center;gap:.35rem;padding:.4rem .6rem;background:#ffffffeb;border-radius:8px;box-shadow:0 1px 6px #0000001a}.cladogram-controls button{padding:.3rem .6rem;font-size:.82rem;background:#2e7d32;color:#fff;border:none;border-radius:6px;cursor:pointer;line-height:1}.cladogram-controls button:hover{background:#256a29}.cladogram-hint{position:absolute;top:3rem;left:.5rem;z-index:4;font-size:.72rem;color:#888;pointer-events:none}.controls-divider{width:1px;height:1.2rem;background:#ccc;margin:0 .15rem}.cladogram-search{width:130px;padding:.3rem .5rem;border:1px solid #c8d2c6;border-radius:6px;font-size:.82rem;background:#fff;color:#1b2a1a}.cladogram-search:focus{outline:none;border-color:#2e7d32}.search-nav{display:flex;align-items:center;gap:.15rem}.search-nav button{padding:.2rem .4rem;font-size:.9rem;min-width:1.4rem}.search-counter{font-size:.75rem;color:#555;white-space:nowrap}.node.search-match circle{stroke:#ff9800;stroke-width:3px;fill:#fff3e0}.node.search-match text{fill:#e65100;font-weight:700}.cladogram-tooltip{position:absolute;pointer-events:none;background:#fff;border:1px solid #c8d2c6;border-radius:8px;padding:.5rem .65rem;box-shadow:0 4px 16px #0000001f;font-size:.85rem;max-width:260px;z-index:10;line-height:1.4}.cladogram-tooltip img{display:block;width:100%;margin-top:.4rem;border-radius:4px}.progress-bar{background:#fff;border-radius:10px;box-shadow:0 2px 12px #0000000d;padding:1rem 1.25rem;margin-bottom:1rem;animation:card-enter .3s ease-out}.progress-stats{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:.75rem}.stat{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:1.4rem;font-weight:700;color:#2e7d32;animation:stat-pop .4s ease-out}@keyframes stat-pop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.stat-label{font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:.03em}.progress-track{height:8px;background:#e8ede7;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#2e7d32);border-radius:4px;min-width:2px;transition:width .6s ease;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:progress-shimmer 2s ease-in-out infinite}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-label{margin:.4rem 0 0;font-size:.8rem;color:#888;text-align:center}.photo-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:100;display:flex;align-items:center;justify-content:center;animation:overlay-fade .2s ease-out}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}.photo-panel{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;width:90vw;max-width:640px;max-height:85vh;overflow-y:auto;padding:1.5rem;animation:panel-slide-up .25s ease-out}@keyframes panel-slide-up{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.photo-panel-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.photo-panel-header h3{margin:0}.photo-panel-rank{font-size:.8rem;color:#888;font-style:italic}.photo-panel-header button{background:#e0e0e0;border:none;border-radius:6px;padding:.35rem .75rem;cursor:pointer;font-size:.85rem;flex-shrink:0}.photo-panel-header button:hover{background:#ccc}.photo-panel-empty{color:#888;text-align:center;padding:2rem 0}.obs-summary{margin:0 0 .75rem;font-size:.85rem;color:#666}.obs-list{display:flex;flex-direction:column;gap:.35rem}.obs-item{border:1px solid #e2e6e0;border-radius:8px;overflow:hidden}.obs-date-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.6rem .75rem;background:#fafbfa;border:none;cursor:pointer;font-size:.9rem;text-align:left}.obs-date-btn:hover{background:#f0f2ef}.obs-date-btn.expanded{background:#eaf4ea}.obs-date-arrow{font-size:.7rem;color:#888;width:.8em}.obs-date-text{flex:1;font-weight:500}.obs-id{font-size:.75rem;color:#aaa;font-family:monospace}.obs-detail{padding:.75rem;border-top:1px solid #e2e6e0;background:#fff}.obs-detail img{display:block;width:100%;max-height:400px;object-fit:contain;border-radius:6px;margin-bottom:.5rem;background:#f6f7f5}.obs-no-photo{color:#aaa;text-align:center;padding:1.5rem 0;margin:0}.obs-inat-link{display:inline-block;font-size:.85rem;color:#2e7d32;text-decoration:none}.obs-inat-link:hover{text-decoration:underline}.nav-badge-link{display:flex!important;align-items:center;gap:.3rem;background:#ffffff1f!important;border-radius:20px!important;padding:.3rem .7rem .3rem .5rem!important}.nav-badge-link:hover{background:#ffffff40!important}.nav-badge-trophy{font-size:.95rem;line-height:1}.nav-badge-count{font-size:.8rem;font-weight:600;color:#fff;letter-spacing:.02em}.ach-page{max-width:900px;margin:0 auto}.ach-hero{position:relative;background:linear-gradient(135deg,#1b5e20,#2e7d32 40%,#43a047);border-radius:16px;padding:2.5rem 1.5rem 2rem;margin-bottom:1rem;overflow:hidden;text-align:center;color:#fff}.ach-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.15}.ach-bg-critter{position:absolute;font-size:2.5rem;animation:drift 8s ease-in-out infinite alternate}.ach-bg-critter:nth-child(2n){animation-direction:alternate-reverse}@keyframes drift{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-12px) rotate(8deg)}}.ach-hero-content{position:relative;z-index:1}.ach-trophy{font-size:3rem;margin-bottom:.25rem}.ach-hero h2{margin:0;font-size:1.8rem;font-weight:800}.ach-subtitle{margin:.25rem 0 1.25rem;font-size:.95rem;opacity:.8}.ach-ring-wrap{position:relative;width:110px;height:110px;margin:0 auto .5rem}.ach-ring{width:100%;height:100%;transform:rotate(-90deg)}.ach-ring-bg{fill:none;stroke:#fff3;stroke-width:8}.ach-ring-fill{fill:none;stroke:#a5d6a7;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .8s ease}.ach-ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:.1rem}.ach-ring-num{font-size:1.6rem;font-weight:800}.ach-ring-sep{font-size:1.1rem;opacity:.6}.ach-ring-den{font-size:1rem;opacity:.7}.ach-pct{margin:0;font-size:.85rem;opacity:.7}.ach-next{display:flex;align-items:center;gap:.75rem;background:linear-gradient(90deg,#fff8e1,#fffde7);border:1px solid #ffe082;border-radius:12px;padding:.75rem 1rem;margin-bottom:1rem}.ach-next-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#f57f17;writing-mode:vertical-lr;transform:rotate(180deg)}.ach-next-icon{font-size:2rem}.ach-next-info{display:flex;flex-direction:column}.ach-next-name{font-weight:700;font-size:1rem;color:#1b2a1a}.ach-next-desc{font-size:.85rem;color:#666}.ach-empty{text-align:center;padding:3rem 1rem;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000d}.ach-empty p{margin:0 0 1rem;font-size:1rem;color:#666}.ach-filters{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}.ach-filter{padding:.4rem .8rem;font-size:.8rem;border:1px solid #c8d2c6;border-radius:20px;background:#fff;color:#555;cursor:pointer;transition:all .12s}.ach-filter:hover{background:#f0f2ef}.ach-filter.active{background:#2e7d32;color:#fff;border-color:#2e7d32}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.6rem}.ach-card{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:12px;border:2px solid transparent;transition:transform .15s,box-shadow .15s}.ach-card.earned{background:linear-gradient(135deg,#f0faf0,#e8f5e9);border-color:#a5d6a7;box-shadow:0 2px 8px #2e7d3214}.ach-card.earned:hover{transform:translateY(-2px);box-shadow:0 4px 16px #2e7d3226}.ach-card.locked{background:#fafafa;border-color:#eee}.ach-card-icon{font-size:2.2rem;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.ach-card.locked .ach-card-icon{filter:grayscale(1) opacity(.4)}.ach-card-body{display:flex;flex-direction:column;flex:1;min-width:0}.ach-card-name{font-weight:700;font-size:.9rem;color:#1b2a1a}.ach-card.locked .ach-card-name{color:#999}.ach-card-desc{font-size:.8rem;color:#666;line-height:1.3}.ach-card.locked .ach-card-desc{color:#bbb}.ach-card-cat{font-size:.65rem;color:#2e7d32;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-top:.15rem}.ach-card.locked .ach-card-cat{color:#ccc}.ach-card-check{font-size:1.1rem;color:#2e7d32;font-weight:700;flex-shrink:0}.nav-hamburger{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:20}.hamburger,.hamburger:before,.hamburger:after{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:transform .25s,opacity .2s;position:relative}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0;width:22px}.hamburger:before{top:-7px}.hamburger:after{top:7px}.hamburger.open{background:transparent}.hamburger.open:before{top:0;transform:rotate(45deg)}.hamburger.open:after{top:0;transform:rotate(-45deg)}.crop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0009;display:flex;align-items:center;justify-content:center;padding:1rem}.crop-modal{background:#1a1a2e;border-radius:16px;padding:1.5rem;max-width:360px;width:100%;text-align:center;box-shadow:0 12px 40px #00000080}.crop-modal h3{margin:0 0 .25rem;color:#e0e0e0;font-size:1.1rem}.crop-hint{color:#888;font-size:.8rem;margin:0 0 1rem}.crop-canvas-wrap{display:flex;justify-content:center;margin-bottom:1rem}.crop-canvas{border-radius:50%;cursor:grab;touch-action:none;background:#111}.crop-canvas:active{cursor:grabbing}.crop-actions{display:flex;gap:.75rem;justify-content:center}.crop-cancel,.crop-save{padding:.5rem 1.5rem;border-radius:8px;border:none;font-weight:600;cursor:pointer;font-size:.9rem}.crop-cancel{background:transparent;color:#aaa;border:1px solid #444}.crop-cancel:hover{background:#222}.crop-save{background:#2e7d32;color:#fff}.crop-save:hover{background:#388e3c}.import-date-range,.following-date-range{display:flex;flex-direction:column;gap:.35rem;margin:.75rem 0}.import-date-label,.following-date-label{font-size:.85rem;color:#999}.import-date-toggle,.following-date-toggle{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#666;cursor:pointer}.import-date-toggle input,.following-date-toggle input{accent-color:#2e7d32}.import-date-inputs,.following-date-inputs{display:flex;align-items:center;gap:.5rem}.import-date-inputs input,.following-date-inputs input{padding:.4rem .5rem;border-radius:6px;border:1px solid #333;background:#1a1a2e;color:#e0e0e0;font-size:.85rem}.import-date-sep,.following-date-sep{color:#666;font-size:.85rem}.import-cancel-wrap{display:flex;justify-content:center;margin:-.5rem 0 1rem}.import-cancel-btn{padding:.4rem 1.2rem;border-radius:8px;border:1px solid #e53935;background:transparent;color:#e53935;font-weight:600;font-size:.85rem;cursor:pointer;transition:background .15s,color .15s}.import-cancel-btn:hover{background:#e53935;color:#fff}.import-bar{display:flex;align-items:center;gap:.6rem;padding:.45rem 2rem;font-size:.85rem;position:sticky;top:0;z-index:90}.import-bar-running{background:#e3f2fd;color:#1565c0;border-bottom:2px solid #90caf9}.import-bar-success{background:#e8f5e9;color:#2e7d32;border-bottom:2px solid #a5d6a7}.import-bar-error{background:#fbe9e7;color:#c62828;border-bottom:2px solid #ef9a9a}.import-bar-info{background:#fff8e1;color:#f57f17;border-bottom:2px solid #ffe082}.import-bar-spinner{width:14px;height:14px;border:2px solid #90caf9;border-top-color:#1565c0;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.import-bar-text{flex:1}.import-bar-cancel,.import-bar-dismiss{background:none;border:1px solid currentColor;color:inherit;border-radius:4px;padding:.15rem .5rem;cursor:pointer;font-size:.8rem;opacity:.8;transition:opacity .12s}.import-bar-cancel:hover,.import-bar-dismiss:hover{opacity:1}.import-bar-dismiss{border:none;font-size:1.1rem;line-height:1;padding:0 .3rem}.import-warning,.following-warning{font-size:.8rem;color:#888;font-style:italic;margin:.5rem 0 1rem;padding:.5rem .75rem;background:#ffc10714;border-left:3px solid #ffc107;border-radius:4px}.following-page{max-width:700px;margin:0 auto}.following-subtitle{color:#999;font-size:.9rem;margin-bottom:1rem}.following-search{position:relative;margin-bottom:.5rem}.following-search-input{width:100%;padding:.65rem 1rem;border-radius:10px;border:1px solid #333;background:#1a1a2e;color:#e0e0e0;font-size:.95rem}.following-search-input:focus{outline:none;border-color:#2e7d32}.following-search-spinner{position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.following-results{border:1px solid #333;border-radius:10px;overflow:hidden;margin-bottom:1rem;background:#1a1a2e}.following-result{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-bottom:1px solid #262640}.following-result:last-child{border-bottom:none}.following-result-avatar{flex-shrink:0}.following-result-img{width:36px;height:36px;border-radius:50%;object-fit:cover}.following-result-initial{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#2e7d32;color:#fff;font-weight:700;font-size:.9rem}.following-result-info{display:flex;flex-direction:column;flex:1;min-width:0}.following-result-login{font-weight:600;color:#e0e0e0;font-size:.9rem}.following-result-name{font-size:.8rem;color:#888}.following-result-obs{font-size:.75rem;color:#666}.following-badge{font-size:.75rem;color:#2e7d32;font-weight:600;padding:.25rem .6rem;border:1px solid #2e7d32;border-radius:12px}.following-follow-btn{padding:.3rem .8rem;border-radius:8px;border:none;background:#2e7d32;color:#fff;font-weight:600;font-size:.8rem;cursor:pointer}.following-follow-btn:hover{background:#388e3c}.following-empty{text-align:center;padding:2rem 1rem;color:#888}.following-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.following-card{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#1a1a2e;border-radius:10px;border:1px solid #262640}.following-card-avatar{flex-shrink:0}.following-card-initial{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#2e7d32;color:#fff;font-weight:700;font-size:1rem}.following-card-info{display:flex;flex-direction:column;flex:1;min-width:0}.following-card-login{font-weight:600;color:#e0e0e0;font-size:.95rem}.following-card-obs{font-size:.8rem;color:#888}.following-card-actions{display:flex;gap:.4rem;flex-shrink:0}.following-import-btn{padding:.35rem .75rem;border-radius:8px;border:none;background:#2e7d32;color:#fff;font-weight:600;font-size:.8rem;cursor:pointer}.following-import-btn:hover{background:#388e3c}.following-import-btn:disabled{opacity:.5;cursor:not-allowed}.following-unfollow-btn{padding:.35rem .6rem;border-radius:8px;border:1px solid #555;background:transparent;color:#999;font-size:.8rem;cursor:pointer}.following-unfollow-btn:hover{border-color:#e53935;color:#e53935}.profile-feedback{margin:1.5rem 0;padding-top:1rem;border-top:1px solid #e2e6e0}.profile-feedback-btn{padding:.5rem 1.2rem;border-radius:6px;border:1px solid #c8d2c6;background:transparent;color:#555;font-size:.9rem;cursor:pointer;transition:border-color .15s,color .15s}.profile-feedback-btn:hover{border-color:#2e7d32;color:#2e7d32}.profile-feedback-cancel{background:none;border:none;color:#888;cursor:pointer;font-size:.85rem}.profile-feedback-cancel:hover{color:#555}.feedback-form{display:flex;flex-direction:column;gap:.75rem}.feedback-textarea{width:100%;padding:.75rem;border-radius:6px;border:1px solid #c8d2c6;background:#fff;color:#1b2a1a;font-size:.95rem;font-family:inherit;resize:vertical}.feedback-textarea:focus{outline:none;border-color:#2e7d32}.feedback-footer{display:flex;align-items:center;justify-content:space-between}.feedback-chars{font-size:.8rem;color:#999}.feedback-actions{display:flex;gap:.5rem;align-items:center}.feedback-thanks{color:#2e7d32;font-weight:600}.spinner-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:1rem}.spinner-orbit{position:relative;width:120px;height:120px;animation:spinner-rotate 8s linear infinite}.spinner-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;animation:spinner-pulse 2s ease-in-out infinite}.spinner-critter{position:absolute;top:50%;left:50%;font-size:1.4rem;transform:rotate(calc(360deg / var(--n) * var(--i))) translateY(-48px) rotate(calc(-360deg / var(--n) * var(--i)));transform-origin:0 0;animation:spinner-bob 2s ease-in-out infinite;animation-delay:calc(var(--i) * .3s)}.spinner-message{margin:0;font-size:.95rem;font-weight:600;color:silver}.spinner-quip{margin:0;font-size:.85rem;color:#888;font-style:italic;min-height:1.2em;transition:opacity .3s ease;opacity:0}.spinner-quip.visible{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@keyframes spinner-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.15)}}@keyframes spinner-bob{0%,to{filter:brightness(1);transform:rotate(calc(360deg / var(--n) * var(--i))) translateY(-48px) rotate(calc(-360deg / var(--n) * var(--i)))}50%{filter:brightness(1.4);transform:rotate(calc(360deg / var(--n) * var(--i))) translateY(-54px) rotate(calc(-360deg / var(--n) * var(--i)))}}.spinner-sm{display:inline-flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;vertical-align:middle;position:relative}.spinner-orbit-sm{position:relative;width:100%;height:100%;animation:spinner-rotate 3s linear infinite}.spinner-dot-sm{position:absolute;top:50%;left:50%;font-size:.6em;transform:rotate(calc(360deg / var(--n) * var(--i))) translateY(-.6em) rotate(calc(-360deg / var(--n) * var(--i)));transform-origin:0 0}@media (max-width: 700px){header{padding:.75rem 1rem}header h1{font-size:1.05rem}.nav-hamburger{display:block}header nav{display:none;position:fixed;top:0;right:0;width:220px;height:100vh;background:#256a29;flex-direction:column;align-items:stretch;padding:4rem 1rem 1.5rem;gap:.25rem;z-index:15;box-shadow:-4px 0 24px #00000040}header nav.nav-open{display:flex}header nav a{padding:.7rem .75rem;font-size:1rem;border-radius:8px}.nav-avatar{align-self:center;margin-left:0!important;margin-top:.75rem;width:44px!important;height:44px!important}main{padding:1rem}.splash-hero{padding:2rem .5rem 1.5rem}.splash-hero h2{font-size:1.5rem}.splash-tagline{font-size:.95rem}.splash-icon-ring{width:140px;height:140px}.splash-critter{font-size:1.2rem;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-60px) rotate(calc(-1 * var(--angle)))}@keyframes bob{0%,to{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-60px) rotate(calc(-1 * var(--angle)))}50%{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-66px) rotate(calc(-1 * var(--angle)))}}.splash-tree-icon{font-size:2.5rem}.splash-features{grid-template-columns:1fr;gap:.75rem;padding:1.25rem 0}.splash-cta{padding:.75rem 1.5rem;font-size:1rem}.home{margin:1.5rem auto;padding:1.25rem}.toolbar{flex-wrap:wrap}.toolbar h2{font-size:1.1rem}.progress-stats{gap:1rem;justify-content:center}.stat-value{font-size:1.15rem}.cladogram-wrap svg{height:60vh}.cladogram-controls{flex-wrap:wrap}.cladogram-search{width:100px}.tree-date-filter{flex-wrap:wrap;gap:.5rem}.photo-panel{width:100vw;max-width:100vw;max-height:100vh;border-radius:0;padding:1rem}.obs-detail{width:100vw;max-width:100vw;max-height:100vh;border-radius:0}.obs-detail-fields{grid-template-columns:1fr}.obs-detail-photos{padding:.5rem 1rem 1rem}.obs-detail-inat-link{margin:1rem 1rem 1.25rem}.obs-page-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}.obs-page-header{flex-direction:column;align-items:flex-start}.obs-page-stats{gap:.75rem;font-size:.85rem}.ach-hero{padding:1.5rem 1rem}.ach-hero-content h2{font-size:1.3rem}.ach-ring-wrap{width:90px;height:90px}.ach-ring-num{font-size:1.3rem}.ach-next{flex-direction:column;text-align:center;gap:.5rem;padding:.75rem}.ach-filters{gap:.3rem}.ach-filter{font-size:.75rem;padding:.3rem .6rem}.ach-grid{gap:.5rem}.ach-card{padding:.6rem}.ach-card-icon{font-size:1.4rem;min-width:36px}.ach-card-name{font-size:.85rem}.ach-card-desc{font-size:.7rem}.imports-list li{flex-direction:column;align-items:flex-start;gap:.5rem}.imports-list .import-actions{width:100%}.imports-list button{flex:1;text-align:center}.linked-account{flex-direction:column;align-items:flex-start}.linked-actions{width:100%}.linked-action-btn{flex:1;text-align:center}.profile-avatar-section{gap:.75rem}.profile-avatar-btn{width:60px;height:60px}.profile-avatar-initial{font-size:1.4rem}.following-card{flex-wrap:wrap}.following-card-actions{width:100%}.following-import-btn,.following-unfollow-btn{flex:1;text-align:center}.import-date-inputs,.following-date-inputs{flex-direction:column;align-items:stretch}.import-date-sep,.following-date-sep{text-align:center}}@media (max-width: 400px){.obs-page-grid{grid-template-columns:1fr 1fr}.ach-hero{padding:1rem .75rem}.ach-filters{flex-wrap:wrap}.ach-bg-critter{font-size:1.2rem}.splash-features{padding:1rem 0}.progress-stats{gap:.6rem}.stat-value{font-size:1rem}.stat-label{font-size:.65rem}}