:root{--bg-0: #1a1408;--bg-1: #2a2110;--amber: #f4c66a;--amber-soft: #e8b964;--green-active: #7bd47e;--green-slow: #9bc07f;--tan-dormant: #c2a878;--sepia-fossil: #8a7350;--glass: rgba(255, 240, 200, .06);--ink: #f6ecd6;--ink-dim: rgba(246, 236, 214, .7)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:radial-gradient(ellipse at 50% -10%,#4a3a18 0%,var(--bg-1) 45%,var(--bg-0) 100%);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}#root{min-height:100vh}.app{max-width:1280px;margin:0 auto;padding:28px 24px 40px;display:flex;flex-direction:column;gap:18px;min-height:100vh}.app__header{text-align:center}.app__title{margin:0;font-size:1.9rem;font-weight:600;letter-spacing:.02em;color:var(--amber)}.app__tagline{margin:4px 0 0;font-size:.95rem;color:#f6ecd699;font-style:italic}.app__state{margin:auto;text-align:center;color:#f6ecd6b3;padding:60px 20px}.app__state--error{color:#f0a98a}.app__detail{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;opacity:.8}.app__hint{font-size:.85rem;opacity:.6}.tank{position:relative;flex:1;min-height:70vh;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#f4c66a24,#7bd47e0d 55%,#281e0e80);box-shadow:inset 0 0 80px #00000073,inset 0 2px #fff0c81f,0 24px 60px #0006;border:1px solid rgba(255,240,200,.1)}.tank__light{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 22% -8%,rgba(255,226,150,.4) 0%,transparent 42%);pointer-events:none}.tank__substrate{position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(180deg,transparent 0%,rgba(56,42,22,.7) 40%,rgba(34,24,12,.92) 100%);pointer-events:none}.tank__glass{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,rgba(255,255,255,.05) 0%,transparent 18%,transparent 82%,rgba(255,255,255,.03) 100%);pointer-events:none}.organism{position:absolute;transform:translate(-50%,-50%);cursor:pointer;outline:none}.organism__body{width:100%;height:100%;animation:drift var(--drift-dur, 12s) ease-in-out infinite alternate,breathe var(--breathe-dur, 6s) ease-in-out infinite;animation-delay:var(--anim-delay, 0s);will-change:transform}.organism:focus-visible{outline:2px solid var(--amber);outline-offset:4px;border-radius:50%}.shape{width:100%;height:100%;overflow:visible}.shape__core{fill:var(--organism-color, var(--green-active))}.shape__fin{fill:var(--organism-color, var(--green-active));opacity:.7;transform-origin:56px 50px;animation:finwave var(--breathe-dur, 6s) ease-in-out infinite}.shape__eye{fill:#1a1408}.shape__stem{stroke:#6f5a32;stroke-width:5;fill:none;stroke-linecap:round}.shape__leaf{fill:var(--organism-color, var(--green-active));transform-origin:50px 60px;animation:sway var(--drift-dur, 12s) ease-in-out infinite alternate}.shape__bud{fill:var(--amber-soft)}.organism--active{--organism-color: var(--green-active)}.organism--active .organism__body{filter:drop-shadow(0 0 10px rgba(123,212,126,.45))}.organism--slowing{--organism-color: var(--green-slow)}.organism--slowing .organism__body{opacity:.9}.organism--dormant{--organism-color: var(--tan-dormant)}.organism--dormant .organism__body{opacity:.7;filter:saturate(.6)}.organism--dormant .shape__fin,.organism--dormant .shape__leaf{animation-duration:22s}.organism--fossil{--organism-color: var(--sepia-fossil)}.organism--fossil .organism__body{opacity:.5;filter:saturate(.3) sepia(.4);animation:none}.organism--fossil .shape__fin,.organism--fossil .shape__leaf{animation:none}.organism--fossil .shape__eye{opacity:.4}.card{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);min-width:180px;max-width:260px;padding:10px 12px;background:#1c160cf7;border:1px solid rgba(244,198,106,.35);border-radius:10px;box-shadow:0 12px 30px #00000080;z-index:1000;text-align:left;pointer-events:auto;animation:cardin .12s ease-out}.card__name{font-weight:600;color:var(--amber);font-size:.95rem;word-break:break-word}.card__age{font-size:.82rem;color:#f6ecd6bf;margin-top:2px}.card__meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}.pill{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:999px;font-weight:600}.pill--active{background:#7bd47e33;color:var(--green-active)}.pill--slowing{background:#9bc07f33;color:var(--green-slow)}.pill--dormant{background:#c2a87833;color:var(--tan-dormant)}.pill--fossil{background:#8a735040;color:#c8b48c}.card__lang,.card__flag{font-size:.74rem;color:#f6ecd699}.card__flag{font-style:italic}.card__desc{margin-top:8px;font-size:.8rem;line-height:1.35;color:#f6ecd6b3}.card__link{display:inline-block;margin-top:10px;font-size:.8rem;color:var(--amber);text-decoration:none;border-bottom:1px solid rgba(244,198,106,.4)}.card__link:hover{border-bottom-color:var(--amber)}.app__footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:.82rem}.legend{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.legend__total{color:#f6ecd699}.legend__item{display:inline-flex;align-items:center;gap:5px;color:#f6ecd6bf}.legend__item:before{content:"";width:9px;height:9px;border-radius:50%;display:inline-block}.legend__item--active:before{background:var(--green-active)}.legend__item--slowing:before{background:var(--green-slow)}.legend__item--dormant:before{background:var(--tan-dormant)}.legend__item--fossil:before{background:var(--sepia-fossil)}.app__generated{color:#f6ecd666;font-style:italic}@keyframes drift{0%{transform:translate(0)}to{transform:translate(6px,-8px)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes finwave{0%,to{transform:rotate(0)}50%{transform:rotate(-8deg)}}@keyframes sway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes cardin{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.organism__body,.shape__fin,.shape__leaf{animation:none!important}}