:root{--bg:oklch(1 0 0);--surface:oklch(.965 .008 270);--ink:oklch(.22 .035 270);--muted:oklch(.46 .03 270);--primary:oklch(.42 .13 270);--shell:oklch(.42 .11 145);--leaf:oklch(.67 .16 135);--earth:oklch(.56 .12 58);--sun:oklch(.80 .15 83);--water:oklch(.64 .13 205);--danger:oklch(.52 .18 25);--line:oklch(.88 .015 270);--shadow:0 18px 55px oklch(.22 .035 270/.12);font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(135deg,oklch(.98 .02 135),var(--bg) 44%,oklch(.97 .025 205));line-height:1.5}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}.topbar{height:72px;padding:0 clamp(16px,4vw,48px);display:flex;align-items:center;justify-content:space-between;background:oklch(.23 .05 270);color:white;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--leaf);font-size:1.6rem}.brand strong,.brand small{display:block}.brand small{opacity:.72}.app-shell{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 72px)}.side-nav{padding:28px 16px;background:oklch(.95 .025 145);border-right:1px solid var(--line)}.side-nav a{display:flex;gap:12px;align-items:center;min-height:48px;padding:0 14px;margin-bottom:6px;border-radius:14px;color:var(--ink);font-weight:700;text-decoration:none}.side-nav a.active{background:var(--shell);color:white}main{width:100%;max-width:1180px;margin:0 auto;padding:clamp(20px,4vw,54px)}.view[hidden]{display:none}.hero{display:grid;grid-template-columns:1.25fr .75fr;overflow:hidden;border-radius:28px;background:oklch(.29 .08 270);color:white;box-shadow:var(--shadow)}.hero>div:first-child{padding:clamp(28px,6vw,68px)}.kicker{font-size:.76rem;font-weight:850;letter-spacing:.14em;color:var(--sun)}h1{margin:.35rem 0 1rem;font-size:clamp(2rem,5vw,4.6rem);line-height:1.02;letter-spacing:-.035em;text-wrap:balance}.hero p,.section-head p{max-width:64ch}.hero-shell{display:grid;place-items:center;background:radial-gradient(circle,var(--sun) 0 3%,transparent 4% 36%,oklch(.64 .13 205/.35) 37% 48%,transparent 49%),linear-gradient(145deg,var(--water),var(--shell));font-size:clamp(6rem,15vw,12rem)}button,.file-button{border:0;border-radius:14px;min-height:46px;padding:.75rem 1.1rem;font-weight:800;cursor:pointer}.primary{background:var(--primary);color:white;box-shadow:0 6px 0 oklch(.28 .09 270)}.primary:active{transform:translateY(3px);box-shadow:0 3px 0 oklch(.28 .09 270)}.secondary,.file-button{background:white;color:var(--ink);border:1px solid var(--line)}.compact{min-height:42px}.tortoise-strip{display:flex;gap:12px;overflow:auto;padding:24px 2px 10px}.tortoise-chip{display:flex;align-items:center;gap:10px;min-width:max-content;background:white;border:2px solid var(--line);box-shadow:0 8px 26px oklch(.22 .035 270/.07)}.tortoise-chip.active{border-color:var(--leaf);background:oklch(.95 .055 135)}.avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:var(--sun)}.dashboard{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;margin-top:14px}.panel,.backup-panel,.species-card,.timeline-item{background:white;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 12px 34px oklch(.22 .035 270/.07)}.tip{background:linear-gradient(120deg,oklch(.92 .08 135),oklch(.94 .07 83));border-left:7px solid var(--leaf)}.tip h2{margin:.2rem 0}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.metric{padding:18px;border-radius:16px;background:var(--surface)}.metric strong{font-size:1.45rem;display:block}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:28px}.section-head h1{font-size:2.6rem}.timeline,.species-grid{display:grid;gap:14px}.species-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.species-card{border-top:7px solid var(--earth)}.species-card.aquatic{border-top-color:var(--water)}.species-card h2{margin:.15rem 0}.source-link{color:var(--primary);font-weight:750}.empty{text-align:center;padding:50px 20px;border:2px dashed var(--line);border-radius:22px;background:oklch(1 0 0/.75)}dialog{width:min(92vw,580px);max-height:90vh;border:0;border-radius:22px;padding:0;box-shadow:var(--shadow)}dialog::backdrop{background:oklch(.12 .02 270/.65);backdrop-filter:blur(4px)}form{display:grid;gap:15px;padding:24px}form header,form footer{display:flex;align-items:center;justify-content:space-between;gap:12px}form h2{margin:0}label{display:grid;gap:6px;font-weight:750}input,select,textarea{width:100%;min-height:46px;padding:10px 12px;color:var(--ink);background:white;border:1px solid oklch(.72 .03 270);border-radius:11px}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid var(--sun);outline-offset:3px}.measure-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.icon-button{background:transparent;font-size:1.8rem}.file-button input{position:absolute;opacity:0;pointer-events:none}.backup-panel{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.backup-panel p{flex-basis:100%}.toast{position:fixed;right:22px;bottom:88px;max-width:360px;padding:14px 18px;border-radius:14px;background:var(--ink);color:white;transform:translateY(150%);transition:transform .2s ease-out;z-index:40}.toast.show{transform:none}.bottom-nav{display:none}.site-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:24px clamp(20px,4vw,48px);background:oklch(.18 .04 270);color:white}.site-footer a{color:var(--sun)}@media(max-width:760px){.topbar{height:64px}.compact{font-size:.82rem}.app-shell{display:block}.side-nav{display:none}main{padding:18px 14px 100px}.hero{grid-template-columns:1fr}.hero>div:first-child{padding:30px 24px}.hero-shell{min-height:190px}.dashboard{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.section-head h1{font-size:2.2rem}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:white;border-top:1px solid var(--line)}.bottom-nav a{display:grid;place-items:center;min-height:52px;color:var(--muted);text-decoration:none}.bottom-nav a span{font-size:1.25rem}.bottom-nav a.active{color:var(--primary);font-weight:800}.site-footer{padding-bottom:96px}.measure-fields{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}