:root{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;color:#253f36;background:#f3f1e7;font-synthesis:none;--nav:calc(76px + env(safe-area-inset-bottom));--green:#284f42;--muted:#7b877b;--line:#dce1d4}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #bc954d;outline-offset:3px}[hidden]{display:none!important}#aquarium-page{position:fixed;inset:0 0 var(--nav);overflow:hidden;background:#79b6b0}#world{position:absolute;inset:0}#world canvas{display:block;width:100%;height:100%;touch-action:none}.pond-header{position:absolute;inset:0 0 auto;padding:calc(20px + env(safe-area-inset-top)) 22px 24px;background:linear-gradient(#f3f1e7f5,#f3f1e7dd,transparent);pointer-events:none}.pond-header a,.pond-header button{pointer-events:auto}.brand{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--green);color:#f8f5dc;font-family:serif;font-size:19px}h1{font-family:serif;font-size:25px;font-weight:600;letter-spacing:3px;margin:0}.brand p{font-size:10px;letter-spacing:1.3px;margin:4px 0 0;color:#60786b}.collection-link{margin-left:auto;font-size:11px}.pond-toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.segmented{display:flex;padding:3px;background:#f8f8edb8;border:1px solid #d6e2d369;border-radius:30px;backdrop-filter:blur(10px)}.segmented button{border:0;background:transparent;border-radius:25px;padding:9px 15px;font-size:12px;color:#537065}.segmented button.active{background:#315a4c;color:#fffbed}#catch-count{font-size:12px;font-variant-numeric:tabular-nums;color:#3e6055}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding-bottom:env(safe-area-inset-bottom);background:#f7f6eef7;border-top:1px solid #e0e4d7;z-index:30;backdrop-filter:blur(16px)}.bottom-nav a{display:flex;align-items:center;flex-direction:column;gap:3px;color:#849087;font-size:11px}.bottom-nav a>span{font-size:25px;line-height:29px}.bottom-nav a.active{color:#244c3b;font-weight:600}.bottom-nav .add-catch>span{width:49px;height:49px;display:grid;place-items:center;background:#2b5945;color:#fbf6d9;border-radius:50%;font-size:31px;box-shadow:0 4px 14px #23453324}.pan-caption{position:absolute;bottom:16px;left:22px;right:22px;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#315548;text-shadow:0 1px 6px #fff9;pointer-events:none}#zone-label{background:#f6f3dfaa;padding:5px 9px;border-radius:20px}.pan-caption>span:last-child{padding:5px 0}#empty-pond{position:absolute;left:24px;bottom:80px;background:#f7f6e9da;padding:22px 24px;border:1px solid #eff2df88;border-radius:18px;backdrop-filter:blur(7px);max-width:calc(100% - 48px)}.eyebrow{font-size:9px;letter-spacing:2px;color:#708273}h2{font-family:serif;font-size:24px;font-weight:500;margin:10px 0}#empty-pond p{font-size:12px;line-height:1.8;color:#6b7f71}.primary{border:0;display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:#fffbed;padding:14px 20px;border-radius:12px;font-size:14px}.primary:disabled{opacity:.5}#empty-pond .primary{padding:11px 15px;font-size:12px}#pond-status{position:absolute;top:155px;left:22px;right:22px;padding:10px 14px;background:#f9f7e6df;border-radius:10px;font-size:12px;line-height:1.6}#fish-overlay{position:absolute;z-index:10;width:214px;border:1px solid #f5f5e5b0;border-radius:15px;background:#f8f7edee;padding:15px;box-shadow:0 6px 30px #0f392c24;backdrop-filter:blur(10px)}#fish-overlay h3{font-size:15px;margin:0 0 7px}#fish-overlay p{font-size:12px;margin:0 0 10px;color:#687d6d}#fish-overlay a{font-size:12px;color:#315d46;font-weight:600}#fish-overlay .close{position:absolute;right:8px;top:5px;background:none;border:0;padding:7px;color:#799080}.pb{display:inline-block;font-size:10px;letter-spacing:1px;background:#e8d8a6;color:#6d5726;padding:4px 7px;border-radius:5px;margin-left:8px}#route-page{min-height:100dvh;padding:calc(20px + env(safe-area-inset-top)) 24px calc(var(--nav) + 30px);max-width:560px;margin:auto;background:#f3f1e7}.page-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.page-top a{font-size:13px;color:#6a7e70}.page-top span{font-size:10px;letter-spacing:2px;color:#8a947f}.intro{color:#7b8778;font-size:12px;line-height:1.8;margin:8px 0 24px}fieldset{border:0;margin:0 0 22px;padding:0}legend,.field-label{font-size:12px;color:#65775f;margin-bottom:10px;display:block}.species-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.species-choice{cursor:pointer;position:relative}.species-choice input{position:absolute;opacity:0;width:1px;height:1px}.species-choice span{display:block;border:1px solid var(--line);border-radius:12px;padding:13px;background:#f9f8f1;font-size:13px}.species-choice input:checked+span{background:#e0e8d7;border-color:#738866;color:#2a4f35}.species-choice input:focus-visible+span{outline:3px solid #bc954d}.length-field{display:flex;align-items:baseline;border-bottom:1px solid #a7b99b;margin-bottom:24px;gap:15px}.length-field input{font-family:serif;font-size:45px;min-width:0;width:100%;background:none;border:0;outline:none;padding:5px 0 12px;color:#244833}.length-field span{font-size:15px;color:#72816a}.form-row{margin-bottom:18px}.form-row input,.form-row textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#faf9f1;padding:13px;color:#354c3a;min-width:0}.form-row textarea{resize:vertical;min-height:74px}.form-row input[type=file]{font-size:11px}.form-row input[type=datetime-local]{font-size:13px;max-width:100%;display:block}.optional{font-size:10px;color:#8b9586;float:right}.save-button{width:100%;margin-top:8px}.form-error{background:#f2e0d5;color:#8a4532;font-size:12px;line-height:1.6;border-radius:9px;padding:12px}.form-error:empty{display:none}.local-note{font-size:10px;text-align:center;color:#8b9485;margin-top:15px}.detail-hero{background:#e3e9d9;border-radius:20px;padding:25px;margin:22px 0}.detail-size{font-family:serif;font-size:52px;margin-top:15px;color:#2d513d}.detail-size small{font:14px sans-serif;color:#7b8d74;margin-left:8px}.detail-facts{display:grid;grid-template-columns:70px 1fr;gap:19px 10px;font-size:13px;line-height:1.7}.detail-facts dt{color:#8b9584}.detail-facts dd{margin:0;overflow-wrap:anywhere}.catch-photo{width:100%;max-height:400px;object-fit:contain;border-radius:15px;background:#e9ebdf;margin-top:20px}.notes{white-space:pre-wrap}.placeholder{padding:80px 0;text-align:center}.placeholder p{color:#8b9584;font-size:13px;line-height:1.8}.placeholder a{display:inline-block;margin-top:20px;color:#4d7256;font-size:13px}#toast{position:fixed;left:50%;bottom:calc(var(--nav) + 26px);transform:translateX(-50%);max-width:calc(100% - 40px);background:#294b3feF;color:#fff7df;border-radius:12px;padding:13px 20px;font-size:13px;z-index:60;box-shadow:0 6px 24px #213f3325;white-space:normal;text-align:center}@media(min-width:700px){.pond-header{max-width:560px}.bottom-nav{left:50%;transform:translateX(-50%);width:560px;border-radius:20px 20px 0 0}.pan-caption{bottom:25px}.brand h1{font-size:28px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.delete-catch{display:block;width:100%;padding:14px;margin-top:24px;border:1px solid #bba99a;border-radius:12px;background:transparent;color:#8a4532;font:inherit;font-size:13px}.delete-catch:disabled{opacity:.5}

html{overscroll-behavior-x:none}#aquarium-page{overscroll-behavior:none}#route-page{overscroll-behavior-y:contain}