:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f7f6f2;--color-surface:#fff;--color-text:#1f2a24;--color-muted:#5d6b63;--color-border:#d8dcd5;--color-accent:#2f7d52;--color-accent-contrast:#fff;--radius:12px;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--tap-target:44px;--content-max:720px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--color-text);background:var(--color-bg);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}#app{min-height:100vh}.app-header{width:100%;max-width:var(--content-max);padding:var(--space-2) var(--space-3) 0;justify-content:flex-end;margin:0 auto;display:flex}.lang-switch{gap:var(--space-1);display:inline-flex}.lang-switch__btn{font:inherit;min-width:2.5rem;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;font-size:.85rem;font-weight:600}.lang-switch__btn:hover:not(:disabled){border-color:var(--color-accent)}.lang-switch__btn--active{background:var(--color-accent);color:var(--color-accent-contrast);border-color:var(--color-accent);cursor:default;opacity:1}.lang-switch__btn:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.view{width:100%;max-width:var(--content-max);padding:var(--space-4) var(--space-3);margin:0 auto}h1,h2,h3{margin:0 0 var(--space-2);line-height:1.2}p{margin:0 0 var(--space-3)}.muted{color:var(--color-muted)}.btn{font:inherit;min-height:var(--tap-target);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);cursor:pointer;-webkit-tap-highlight-color:transparent}.btn:hover:not(:disabled){border-color:var(--color-accent)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--color-accent);color:var(--color-accent-contrast);border-color:var(--color-accent);font-weight:600}.btn:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.sketch{width:56px;height:56px;color:var(--color-text);flex:none;display:inline-flex}.sketch svg{width:100%;height:100%}.sketch--empty{border:1px dashed var(--color-border);border-radius:var(--radius)}.home{text-align:center}.home__icon{width:96px;height:96px;margin:0 auto var(--space-3);border-radius:22%;display:block}.home__intro{font-size:1.05rem}.footer--version{margin-top:var(--space-4);font-variant-numeric:tabular-nums;border:0;padding:0;font-size:.8rem}.disclaimer{margin:var(--space-4) 0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-muted);font-size:.9rem}.identify__counter{font-variant-numeric:tabular-nums;color:var(--color-muted);margin-bottom:var(--space-3)}.options{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));display:grid}.option{align-items:center;gap:var(--space-3);text-align:left;padding:var(--space-3);min-width:0;display:flex}.option__label{overflow-wrap:anywhere;min-width:0}.controls{gap:var(--space-2);flex-wrap:wrap;display:flex}.cards{gap:var(--space-4);margin-bottom:var(--space-4);display:grid}.card{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.card__sci{color:var(--color-muted);margin-bottom:var(--space-3);font-style:italic}.card__sketches{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.card__trait{align-items:center;gap:var(--space-1);flex-direction:column;width:84px;display:flex}.card__trait small{color:var(--color-muted);text-align:center;overflow-wrap:anywhere}.footer{margin-top:var(--space-5);padding-top:var(--space-3);border-top:1px solid var(--color-border);color:var(--color-muted);font-size:.85rem}a{color:var(--color-accent)}.card__photo{margin:0 0 .75rem}.card__photo img{object-fit:cover;border-radius:var(--radius);width:100%;height:auto;max-height:16rem;display:block}.card__attrib{opacity:.7;text-align:right;margin-top:.25rem;font-size:.7rem}.card__attrib a{color:inherit}