:root{--bg: #f6f2e9;--surface: #ffffff;--surface-2: #fbf8f0;--ink: #23291f;--ink-soft: #5c6657;--ink-faint: #8a917f;--line: #e7e0cf;--leaf: #2f8f5b;--leaf-deep: #1f6e45;--amber: #e0922f;--terra: #c8632e;--forest: #13231a;--forest-2: #1b2e22;--forest-3: #25382b;--on-forest: #eaf3ec;--on-forest-soft: #9db6a8;--r-card: 18px;--r-ctrl: 12px;--shadow: 0 6px 22px rgba(31, 50, 35, .1);--maxw: 540px;--grp-mammiferi: #8a6a4a;--grp-uccelli: #2e6e9c;--grp-rettili: #2e8d6b;--grp-anfibi: #5b8c2a;--grp-pesci: #2e8fa0;--grp-insetti: #c98a1e;--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.serif{font-family:Georgia,Times New Roman,serif}button{font-family:inherit;cursor:pointer}img{display:block;max-width:100%}a{color:inherit}.boot{min-height:100vh;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;background:var(--forest);color:var(--on-forest)}.boot-mark{font-family:Georgia,serif;font-size:30px;letter-spacing:.5px}.boot-sub{color:var(--on-forest-soft);font-size:14px}.app{max-width:var(--maxw);margin:0 auto;min-height:100vh;position:relative}.page{padding:0 16px calc(96px + var(--safe-b))}.screen-pad{padding-top:14px}.topbar{display:flex;align-items:center;gap:12px;padding:16px 16px 8px}.topbar .hi{font-size:13px;color:var(--ink-soft)}.topbar .who{font-size:20px;font-weight:700}.wordmark{font-family:Georgia,serif;font-size:22px;color:var(--leaf-deep)}.spacer{flex:1}.iconbtn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);display:grid;place-items:center}.iconbtn.ghost{background:transparent;border-color:transparent}.ribbon{background:var(--forest);color:var(--on-forest);border-radius:var(--r-card);padding:16px 18px;margin:6px 16px 14px;position:relative;overflow:hidden}.ribbon h3{margin:0 0 2px;font-size:16px;font-weight:600}.ribbon p{margin:0;color:var(--on-forest-soft);font-size:13px}.ribbon .bar{margin-top:12px;height:7px;border-radius:999px;background:#ffffff24;overflow:hidden}.ribbon .bar>i{display:block;height:100%;background:var(--leaf);border-radius:999px}.ribbon .leaf-deco{position:absolute;right:-10px;top:-10px;opacity:.16}.search{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:11px 16px;margin:0 16px 14px;box-shadow:var(--shadow)}.search input{border:0;outline:0;flex:1;font-size:16px;background:transparent;color:var(--ink)}.search input::placeholder{color:var(--ink-faint)}.chips{display:flex;gap:8px;overflow-x:auto;padding:0 16px 14px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{white-space:nowrap;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:6px}.chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.chip .dot{width:9px;height:9px;border-radius:50%}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;box-shadow:var(--shadow);position:relative}.card .thumb{aspect-ratio:1/1;display:grid;place-items:center;background:var(--surface-2);position:relative}.card .thumb img{width:84%;height:84%;object-fit:contain}.card .grpbar{position:absolute;left:0;top:0;bottom:0;width:5px}.card .body{padding:10px 12px 12px}.card .name{font-size:15px;font-weight:600;line-height:1.2}.card .sci{font-family:Georgia,serif;font-style:italic;font-size:12px;color:var(--ink-faint);margin-top:2px}.card .meta{display:flex;align-items:center;gap:6px;margin-top:8px}.card .found{position:absolute;right:8px;top:8px;width:26px;height:26px;border-radius:50%;background:var(--leaf);color:#fff;display:grid;place-items:center;box-shadow:var(--shadow)}.iucn{font-size:11px;font-weight:700;padding:2px 7px;border-radius:6px;letter-spacing:.3px}.iucn.LC{background:#e4f1e4;color:#2c6b2c}.iucn.NT{background:#eaf0d4;color:#5b6b14}.iucn.VU{background:#fbeccc;color:#8a5a0b}.iucn.EN{background:#f8dcc7;color:#9a3d12}.iucn.CR{background:#f7d2d2;color:#9a1f1f}.iucn.DD,.iucn.NE{background:#e8e6dd;color:#66645b}.pill-protected{font-size:11px;font-weight:600;color:var(--leaf-deep);background:#e3f1e7;border-radius:6px;padding:2px 7px;display:inline-flex;gap:4px;align-items:center}.section-title{font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-faint);margin:22px 16px 10px}.nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;justify-content:center;pointer-events:none;padding-bottom:var(--safe-b)}.nav-inner{pointer-events:auto;display:flex;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px;margin:0 0 14px;box-shadow:var(--shadow);width:min(var(--maxw),92vw);justify-content:space-around}.nav-item{flex:1;border:0;background:transparent;color:var(--ink-faint);display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 4px;border-radius:999px;font-size:11px;font-weight:600}.nav-item.active{color:var(--leaf-deep);background:#eaf4ec}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--r-ctrl);padding:13px 16px;font-size:16px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%}.btn.primary{background:var(--leaf);border-color:var(--leaf);color:#fff}.btn.dark{background:var(--ink);border-color:var(--ink);color:#fff}.btn.amber{background:var(--amber);border-color:var(--amber);color:#3a2606}.btn:disabled{opacity:.5}.detail-hero{position:relative;border-radius:0 0 26px 26px;overflow:hidden;padding:8px 16px 20px;background:radial-gradient(120% 90% at 50% 0%,var(--forest-2),var(--forest));color:var(--on-forest)}.detail-hero .nav-row{display:flex;align-items:center;justify-content:space-between;padding-top:8px}.detail-hero .art{height:230px;display:grid;place-items:center;margin:6px 0 4px}.detail-hero .art img{max-height:100%;filter:drop-shadow(0 12px 20px rgba(0,0,0,.35))}.detail-hero h1{margin:4px 0 0;font-size:26px;font-weight:700}.detail-hero .sci{font-family:Georgia,serif;font-style:italic;color:var(--on-forest-soft);margin-top:2px}.detail-hero .badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.cta-explore{margin:16px}.cta-explore .btn{font-size:17px;padding:16px}.factgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px}.fact{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:12px 14px}.fact .k{font-size:12px;color:var(--ink-faint);display:flex;align-items:center;gap:6px}.fact .v{font-size:15px;font-weight:600;margin-top:4px}.prose{padding:0 16px;color:var(--ink-soft);line-height:1.6}.didyou{margin:14px 16px;background:#fdf3e0;border:1px solid #f1dcb4;border-radius:var(--r-card);padding:14px 16px}.didyou b{color:var(--terra)}.gallery{display:flex;gap:10px;overflow-x:auto;padding:0 16px 8px;scrollbar-width:none}.gallery::-webkit-scrollbar{display:none}.gallery .g{min-width:130px;height:110px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--surface-2);display:grid;place-items:center}.gallery .g img{width:80%;height:80%;object-fit:contain}.explorer{position:fixed;inset:0;z-index:60;background:radial-gradient(130% 100% at 50% 10%,var(--forest-2),var(--forest));display:flex;flex-direction:column;color:var(--on-forest)}.exp-top{display:flex;align-items:center;gap:10px;padding:14px 14px 6px;padding-top:max(14px,env(safe-area-inset-top))}.exp-crumbs{flex:1;display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:13px;color:var(--on-forest-soft)}.exp-crumbs b{color:var(--on-forest);font-weight:600}.exp-crumb{background:#ffffff14;padding:3px 9px;border-radius:999px;border:0;color:var(--on-forest-soft);font-size:13px}.exp-stage{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.exp-frame{position:relative;width:min(94%,76vh);aspect-ratio:1 / 1}.exp-imgwrap{position:absolute;inset:0;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.exp-imgwrap img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 16px 30px rgba(0,0,0,.4))}.hotspot{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:0;transition:left .5s cubic-bezier(.2,.8,.2,1),top .5s cubic-bezier(.2,.8,.2,1)}.hotspot .ring{width:30px;height:30px;border-radius:50%;border:2px solid var(--leaf);background:#2f8f5b38;display:grid;place-items:center;animation:pulse 2.4s ease-in-out infinite}.hotspot .ring i{width:8px;height:8px;border-radius:50%;background:var(--leaf)}.hotspot.amber .ring{border-color:var(--amber);background:#e0922f42}.hotspot.amber .ring i{background:var(--amber)}.hotspot .tag{font-size:12px;font-weight:600;color:var(--on-forest);background:#080f0bb3;padding:2px 8px;border-radius:999px;white-space:nowrap}@keyframes pulse{0%,to{box-shadow:0 0 #2f8f5b80}50%{box-shadow:0 0 0 9px #2f8f5b00}}.exp-hint{text-align:center;color:var(--on-forest-soft);font-size:13px;padding:6px 16px 10px;display:flex;gap:6px;align-items:center;justify-content:center}.sheet{background:var(--forest-2);border-top:1px solid rgba(255,255,255,.08);border-radius:22px 22px 0 0;padding:12px 16px calc(18px + var(--safe-b))}.sheet .grab{width:38px;height:4px;background:#3a5346;border-radius:999px;margin:0 auto 10px}.sheet h2{margin:0;font-size:19px;font-weight:700}.sheet .summary{color:#c7dcd0;font-size:14px;margin:6px 0 0;line-height:1.5}.stats{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.stat{flex:1 1 40%;background:var(--forest-3);border-radius:12px;padding:9px 11px;min-width:130px}.stat .l{color:#8fb3a1;font-size:11px}.stat .v{font-size:19px;font-weight:700}.stat .c{color:#b8d0c2;font-size:12px;margin-top:2px}.sheet .didknow{margin-top:10px;background:#e0922f24;border-radius:12px;padding:9px 12px;color:#f2ce96;font-size:13px}.sheet .didknow b{color:var(--amber)}.sheet .actions{display:flex;gap:8px;margin-top:12px}.sheet .actions .btn{font-size:14px;padding:11px}.btn.soft-leaf{background:#2f8f5b29;border:1px solid rgba(47,143,91,.45);color:#8fe3bb}.obs{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:12px 14px;margin:0 16px 10px;display:flex;gap:12px;align-items:flex-start}.obs .kind{width:42px;height:42px;border-radius:12px;background:var(--surface-2);display:grid;place-items:center;color:var(--leaf-deep);flex:none}.obs .t{font-weight:600}.obs .s{color:var(--ink-faint);font-size:13px;margin-top:2px}.fab{position:fixed;right:calc(50% - var(--maxw)/2 + 18px);bottom:calc(92px + var(--safe-b));z-index:45;width:56px;height:56px;border-radius:50%;background:var(--leaf);color:#fff;border:0;display:grid;place-items:center;box-shadow:var(--shadow)}@media (max-width: 560px){.fab{right:18px}}.empty{text-align:center;color:var(--ink-faint);padding:48px 24px}.empty .big{font-size:17px;color:var(--ink-soft);font-weight:600;margin-bottom:6px}.field{margin:0 16px 12px}.field label{display:block;font-size:13px;color:var(--ink-soft);margin-bottom:6px;font-weight:600}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:var(--r-ctrl);padding:13px 14px;font-size:16px;background:var(--surface);color:var(--ink);outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--leaf)}.note-err{color:#b3261e;font-size:13px;margin:0 16px 10px}.note-ok{color:var(--leaf-deep);font-size:14px;margin:0 16px 10px}.chat{display:flex;flex-direction:column;gap:10px;padding:8px 16px 16px}.bubble{max-width:86%;padding:11px 14px;border-radius:16px;font-size:15px;line-height:1.5}.bubble.me{align-self:flex-end;background:var(--leaf);color:#fff;border-bottom-right-radius:5px}.bubble.bot{align-self:flex-start;background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:5px}.chatbar{position:fixed;left:0;right:0;bottom:calc(80px + var(--safe-b));display:flex;justify-content:center;padding:0 16px}.chatbar-inner{width:min(var(--maxw),92vw);display:flex;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 6px 6px 16px;box-shadow:var(--shadow)}.chatbar input{flex:1;border:0;outline:0;font-size:16px;background:transparent}.chatbar .send{width:42px;height:42px;border-radius:50%;background:var(--leaf);color:#fff;border:0;display:grid;place-items:center;flex:none}.hero-land{background:radial-gradient(120% 80% at 50% 0%,var(--forest-2),var(--forest));color:var(--on-forest);border-radius:0 0 28px 28px;padding:40px 24px 28px;text-align:center}.hero-land .mark{font-family:Georgia,serif;font-size:34px}.hero-land p{color:var(--on-forest-soft);margin:8px 0 0}.choices{padding:18px 16px;display:flex;flex-direction:column;gap:12px}.choice{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:16px;box-shadow:var(--shadow);text-align:left}.choice .h{font-size:17px;font-weight:700;display:flex;align-items:center;gap:10px}.choice .d{color:var(--ink-soft);font-size:14px;margin-top:4px}.code-show{margin:16px;background:var(--forest);color:var(--on-forest);border-radius:var(--r-card);padding:18px;text-align:center}.code-show .code{font-size:30px;letter-spacing:6px;font-weight:700;margin:8px 0}.spin{width:22px;height:22px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--leaf);animation:sp .8s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}.center{display:grid;place-items:center;padding:40px}