:root{--bg: #fbfaf7;--fg: #17171a;--dim: #67675e;--line: #e2e0d8;--field: #ffffff;--accent: #4a5d3a;--accent-fg: #fbfaf7;--err: #9c3b2e;--radius: 10px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #101012;--fg: #ececea;--dim: #86867e;--line: #26262a;--field: #17171a;--accent: #9dbb80;--accent-fg: #101012;--err: #e0857a}}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html,body{margin:0;height:100%}body{display:flex;flex-direction:column;background:var(--bg);color:var(--fg);font:1.0625rem/1.5 ui-sans-serif,-apple-system,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button,input,textarea{font:inherit;color:inherit;touch-action:manipulation}header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:max(12px,env(safe-area-inset-top)) 16px 12px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:2}h1{margin:0;font-size:17px;font-weight:600;letter-spacing:.02em}main{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));width:100%;max-width:620px;margin:0 auto}footer{padding:12px 16px max(12px,env(safe-area-inset-bottom));text-align:center;color:var(--dim);font-size:.8125rem}input,textarea{width:100%;min-height:44px;padding:10px 12px;background:var(--field);border:1px solid var(--line);border-radius:var(--radius);outline-offset:2px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--dim)}button{min-height:44px;padding:0 16px;border-radius:var(--radius);border:1px solid var(--line);background:var(--field);cursor:pointer}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);font-weight:600}button.ghost{background:transparent;color:var(--dim);padding:0 12px}button.ghost.set,button.ghost.recording{color:var(--accent);border-color:var(--accent)}button.ghost.recording{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}button.link{min-height:0;padding:0;border:0;background:none;color:var(--dim);font-size:13px}form.login,form.log{display:flex;flex-direction:column;gap:10px}form.login{flex-direction:row}form.login button{flex:none}.what{display:flex;gap:10px}.what .species-field{flex:1;position:relative;min-width:0}#species{width:100%;font-size:1.0625rem}#species.identified{border-color:var(--accent)}.suggestions{position:absolute;z-index:3;top:calc(100% + 4px);left:0;right:0;margin:0;padding:4px;list-style:none;background:var(--field);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 24px #0000002e;max-height:46vh;overflow-y:auto}.hit{display:flex;flex-direction:column;justify-content:center;min-height:44px;padding:4px 10px;border-radius:7px;cursor:pointer}.hit:active,.hit.active{background:var(--bg)}.hit.active{outline:2px solid var(--accent);outline-offset:-2px}.hit .common{font-size:1rem}.hit .sci{font-size:.8125rem;color:var(--dim);font-style:italic}.hit.spuh .common,.hit.slash .common{color:var(--dim)}.sighting .sci{font-style:italic}.what #count{width:72px;flex:none;text-align:center}.media-actions{display:flex;gap:8px}.log-foot{display:flex;gap:10px;align-items:center}.log-foot .geo-field{flex:1}.log-foot .geo{width:100%;overflow:hidden;white-space:nowrap}.log-foot .primary{flex:none;min-width:108px}#status{margin:12px 0 0;min-height:1.2em;font-size:.875rem;color:var(--dim)}#status.ok{color:var(--accent)}#status.err{color:var(--err)}.previews,.strip{display:flex;flex-wrap:wrap;gap:8px}.previews:empty{display:none}.preview{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--field);border:1px solid var(--line)}.preview img,.preview video{display:block;width:104px;height:104px;object-fit:cover}.strip .preview img,.strip .preview video{width:116px;height:116px}.preview.audio{display:flex;align-items:center;gap:6px;padding:6px;width:100%}.preview.audio audio{display:block;flex:1;min-width:0;height:36px}.preview.audio .remove{position:static;flex:none}.preview .remove,.sighting .remove{position:absolute;top:4px;right:4px;width:44px;min-height:44px;font-size:1.25rem;padding:0;line-height:1;border-radius:999px;background:var(--bg);color:var(--dim);opacity:.9}#list{margin-top:8px}.count,.empty{color:var(--dim);font-size:.8125rem;letter-spacing:.04em;text-transform:lowercase;margin:20px 0 10px}.sighting{padding:14px 0;border-top:1px solid var(--line)}.sighting-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.sighting .remove{position:static;flex:none}.sighting h2{margin:0;font-size:16px;font-weight:600}.meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--dim);font-size:.8125rem;margin-top:2px}.meta a{color:inherit}.notes{margin:8px 0 0;font-size:14px;white-space:pre-wrap}.sighting .strip{margin-top:10px}