.site-menu .menu-section{padding:var(--s-1) 0}.site-menu .menu-section+.menu-section,.site-menu .menu-account+.menu-section{border-top:1px solid var(--c-line)}.site-menu .menu-heading{margin:var(--s-2) var(--s-3) 0;font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:0;color:var(--c-muted)}.site-menu .menu-section ul{padding-top:var(--s-0)}.site-menu .menu-books li a{gap:var(--s-3);min-height:64px;padding:var(--s-1-5) var(--s-3) var(--s-1-5) var(--s-1-5)}.menu-book-face{border-radius:var(--r-md);background:var(--c-surface-2);flex:none;width:52px;height:52px;display:block;overflow:hidden}.menu-book-face img{object-fit:cover;width:100%;height:100%}.menu-book-words{min-width:0;line-height:var(--lh-tight);flex:1;display:grid}.menu-book-words strong{font-size:var(--fs-sm)}.menu-book-words small{margin-top:calc(var(--s-1) * .75);color:var(--c-muted);font-size:var(--fs-2xs);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums}.site-menu .menu-books li a svg{width:var(--icon-md);height:var(--icon-md);color:var(--c-muted)}@media (hover:hover){.site-menu .menu-books li a:hover .menu-book-face img{transform:scale(1.05)}}.menu-book-face img{transition:transform calc(var(--stagger) * 10) var(--ease)}.analytics-choice{align-items:center;gap:var(--s-2) var(--s-4);width:100%;max-width:calc(var(--w-page) + 2 * var(--gutter));padding:var(--s-3) var(--gutter);border-top:1px solid var(--c-line);color:var(--c-muted);font-size:var(--fs-2xs);line-height:var(--lh-snug);flex-wrap:wrap;order:1;margin:0 auto;display:flex;position:relative}.analytics-choice p{flex:18rem;margin:0}.analytics-choice-actions{gap:var(--s-2);flex-wrap:wrap;display:flex}.analytics-choice-actions button{min-height:var(--target);font-size:var(--fs-xs)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--c-bg:#fffbf5;--c-surface:#f6f1e8;--c-surface-2:#efe8db;--c-raised:#fff;--c-line:#e2d9c8;--c-line-strong:#8f8474;--c-ink:#172f43;--c-ink-2:#465663;--c-muted:#596672;--c-accent:#103b60;--c-accent-strong:#092c4b;--c-accent-soft:#e9eff3;--c-on-accent:#fff;--c-forest:#1e4d3a;--c-forest-soft:#e3efe6;--c-sun:#efb338;--c-sun-deep:#c88c19;--c-on-sun:#172f43;--c-right:#1e7a4c;--c-right-soft:#dcf2e4;--c-wrong:#b4442f;--c-wrong-soft:#fbe6e1;--c-accent-fill:var(--c-accent);--c-ink-fill:var(--c-ink);--c-forest-fill:var(--c-forest);--c-right-fill:var(--c-right);--c-wrong-fill:var(--c-wrong);--c-scrim-soft:#06121873;--c-scrim-strong:#061218b8;--c-on-scrim:#fff;--c-note:#fff4d8;--c-on-note:#4d3b14;--c-glass:#ffffff24;--c-glass-strong:#ffffff4d;--c-shimmer:#ffffff80;--c-header:var(--c-bg);--c-map-land:#e6e9e2;--g-mammal-bg:#ffe8d6;--g-mammal-fg:#9a3b07;--g-bird-bg:#fff1c2;--g-bird-fg:#7a5600;--g-fish-bg:#dcebfa;--g-fish-fg:#22518a;--g-reptile-bg:#e2f2dc;--g-reptile-fg:#2f6a24;--g-amphibian-bg:#e7f4e1;--g-amphibian-fg:#356b2c;--g-insect-bg:#f1f7d2;--g-insect-fg:#4d5c0c;--g-sea-bg:#ddf3ef;--g-sea-fg:#155e54;--g-other-bg:#efe8db;--g-other-fg:#4a534f;--area-africa:color-mix(in srgb, var(--g-mammal-fg) 28%, var(--g-mammal-bg));--area-asia:color-mix(in srgb, var(--g-reptile-fg) 28%, var(--g-reptile-bg));--area-europe:#c5b8db;--area-north-america:color-mix(in srgb, var(--g-sea-fg) 28%, var(--g-sea-bg));--area-latin-america:color-mix(in srgb, var(--g-insect-fg) 28%, var(--g-insect-bg));--area-oceania:color-mix(in srgb, var(--g-fish-fg) 28%, var(--g-fish-bg));--area-ocean:#80acc6;--area-africa-strong:var(--g-mammal-fg);--area-asia-strong:var(--g-reptile-fg);--area-europe-strong:#6a4c9c;--area-north-america-strong:var(--g-sea-fg);--area-latin-america-strong:var(--g-insect-fg);--area-oceania-strong:var(--g-fish-fg);--area-ocean-strong:#155e8a;--font-system:system-ui, -apple-system, "Hiragino Sans", sans-serif;--font-sans:var(--font-system);--font-display:"Zen Maru Gothic", var(--font-system);--fs-relative:1em;--fs-2xs:.8125rem;--fs-xs:.875rem;--fs-sm:.9375rem;--fs-body:1.0625rem;--fs-lead:1.125rem;--fs-lg:1.25rem;--fs-xl:1.75rem;--fs-2xl:clamp(2rem, 1.4rem + 2.4vw, 3rem);--fs-display:clamp(2.25rem, 1.5rem + 3.5vw, 4rem);--lh-display:1.1;--lh-tight:1.25;--lh-snug:1.5;--lh-body:1.8;--fw-medium:500;--fw-bold:700;--fw-black:900;--s-0:2px;--s-1:4px;--s-1-5:6px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:72px;--r-xs:4px;--r-sm:10px;--r-md:16px;--r-lg:24px;--r-pill:999px;--sh-1:0 1px 0 #103b600d, 0 8px 24px #103b6014;--sh-2:0 18px 44px #103b602e;--sh-press:0 4px 0 #0000003d;--sh-pressed:0 1px 0 #0000003d;--sh-text:0 1px 3px var(--c-scrim-strong);--edge-top:0 -1px 0 var(--c-line);--edge-bottom:0 1px 0 var(--c-line);--ring-line:inset 0 0 0 1.5px var(--c-line);--ring-strong:inset 0 0 0 1.5px var(--c-line-strong);--ring-picked:inset 0 0 0 2px var(--c-accent);--ring-right:0 0 0 4px var(--c-right);--ring-miss:0 0 0 4px var(--c-wrong);--dur-1:.12s;--dur-2:.24s;--dur-3:.36s;--dur-4:.52s;--dur-5:.72s;--dur-loop:1.4s;--stagger:40ms;--ease:cubic-bezier(.2, .7, .2, 1);--ease-pop:cubic-bezier(.2, 1.4, .4, 1);--z-raised:1;--z-sticky:10;--z-bar:20;--z-overlay:50;--z-toast:60;--figure-skin:#84918c;--figure-human:#e4d9bb;--figure-human-outline:#8c8269;--figure-human-detail:#756b53;--figure-skin-light:#8f9c97;--figure-human-dark:#4a4330;--figure-human-detail-light:#a59a7d;--figure-human-light:#cfc3a2;--w-page:1200px;--w-wide:960px;--w-read:720px;--w-narrow:560px;--gutter:max(clamp(16px, 4vw, 40px), env(safe-area-inset-left,0px), env(safe-area-inset-right,0px));--safe-top:env(safe-area-inset-top,0px);--card-min:180px;--door-min:180px;--panel-min:300px;--header-h:calc(76px + var(--safe-top));--tabbar-h:0px;--target:44px;--target-lg:52px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-bg:#11171d;--c-surface:#19222a;--c-surface-2:#222d37;--c-raised:#1c262f;--c-line:#2e3b47;--c-line-strong:#7f8d99;--c-ink:#edf1f3;--c-ink-2:#c4cdd3;--c-muted:#9eabb5;--c-accent:#9fc7ee;--c-accent-strong:#cfe2f6;--c-accent-soft:#1f3447;--c-on-accent:#fff;--c-forest:#8fd1ae;--c-forest-soft:#18322a;--c-sun:#efb338;--c-sun-deep:#e3aa45;--c-right:#6fd59d;--c-right-soft:#153424;--c-wrong:#ff9a85;--c-wrong-soft:#3d211b;--c-accent-fill:#2c679f;--c-ink-fill:#506a80;--c-forest-fill:#23674a;--c-right-fill:#1f7a4c;--c-wrong-fill:#b14a36;--c-note:#33291a;--c-on-note:#f2dfb0;--c-shimmer:#ffffff14;--c-map-land:#27323b;--g-mammal-bg:#3a2617;--g-mammal-fg:#ffbe91;--g-bird-bg:#352c11;--g-bird-fg:#f1d074;--g-fish-bg:#16283c;--g-fish-fg:#a3c9f3;--g-reptile-bg:#1b2f1b;--g-reptile-fg:#a9da9b;--g-amphibian-bg:#1b311e;--g-amphibian-fg:#a3d793;--g-insect-bg:#2a2f12;--g-insect-fg:#d4e082;--g-sea-bg:#12302e;--g-sea-fg:#8ad8ca;--g-other-bg:#252b2d;--g-other-fg:#c4cbc7;--area-europe:#504467;--area-ocean:#37586f;--area-europe-strong:#c1a8ee;--area-ocean-strong:#8cc8ec;--sh-1:0 1px 0 #0000004d, 0 8px 24px #00000059;--sh-2:0 18px 44px #00000080}@media (width<60em){:root{--header-h:calc(56px + var(--safe-top));--tabbar-h:4rem}}@media (width<60em) and (orientation:landscape) and (height<32rem){:root{--tabbar-h:2.75rem}}@media (width<45em){:root{--card-min:min(100%, 8.5em);--door-min:min(100%, 8.5em)}}@media (prefers-reduced-motion:reduce){:root{--dur-1:0s;--dur-2:0s;--dur-3:0s;--dur-4:0s;--dur-5:0s}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}*,:before,:after{box-sizing:border-box}:root{font-family:var(--font-sans);font-size:100%;line-height:var(--lh-body);color:var(--c-ink);background:var(--c-bg);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-text-size-adjust:100%;interpolate-size:allow-keywords;scroll-padding-top:calc(var(--header-h) + var(--s-3))}body{font-size:var(--fs-body);background:var(--c-bg);min-height:100dvh;margin:0}h1,h2,h3,h4,p,figure,dl,dd{margin:0}h1,h2,h3{overflow-wrap:anywhere;text-wrap:balance}:lang(ja) :is(h1,h2,h3){word-break:auto-phrase}h1,h2{font-family:var(--font-display);font-weight:var(--fw-bold);line-height:var(--lh-tight)}h1{font-size:var(--fs-2xl);font-weight:var(--fw-black)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-body);font-weight:var(--fw-bold);line-height:var(--lh-snug)}p{text-wrap:pretty}strong{font-weight:var(--fw-bold)}a{color:var(--c-accent);text-underline-offset:.3em;transition:color var(--dur-1) var(--ease);text-decoration-thickness:1px}@media (hover:hover){a:hover{color:var(--c-accent-strong)}}img,svg{max-width:100%;display:block}svg{width:var(--icon-md);height:var(--icon-md);stroke-width:1.75px;flex-shrink:0}hr{border:0;border-top:1px solid var(--c-line);margin:var(--s-6) 0}:focus-visible{outline:3px solid var(--c-accent);outline-offset:3px}:where(input,select,textarea):focus-visible{outline-offset:1px;border-color:var(--c-accent)}details>summary{padding-block:var(--s-3);cursor:pointer;color:var(--c-accent);align-items:center;gap:var(--s-1-5);min-height:var(--target);border-radius:var(--r-sm);list-style:none;display:inline-flex}details>summary::-webkit-details-marker{display:none}details>summary:before{content:"";width:7px;height:7px;margin:0 var(--s-1) 0 var(--s-0);transition:transform var(--dur-2) var(--ease);border-bottom:1.75px solid;border-right:1.75px solid;transform:rotate(-45deg)}details[open]>summary:before{transform:rotate(45deg)translate(-2px,-2px)}details::details-content{block-size:0;transition:block-size var(--dur-2) var(--ease), content-visibility var(--dur-2) allow-discrete;overflow:clip}details[open]::details-content{block-size:auto}.scientific{color:var(--c-muted);font-size:var(--fs-xs);font-weight:var(--fw-medium);overflow-wrap:anywhere}.status{margin:var(--s-5) 0;color:var(--c-muted)}.status[role=alert]{color:var(--c-wrong);padding:var(--s-5);border-radius:var(--r-md);background:var(--c-wrong-soft)}.status p{margin-bottom:var(--s-3)}.status .loading-dots{gap:var(--s-1-5);align-items:center;display:inline-flex}.loading-dots i{background:var(--c-accent-fill);width:6px;height:6px;animation:dot var(--dur-loop) var(--ease) infinite;border-radius:50%}.loading-dots i:nth-child(2){animation-delay:calc(var(--stagger) * 3.75)}.loading-dots i:nth-child(3){animation-delay:calc(var(--stagger) * 7.5)}.skeleton-grid{grid-template-columns:repeat(auto-fill, minmax(var(--card-min), 1fr));gap:var(--s-6) var(--s-4);margin:var(--s-5) 0;display:grid}.skeleton{border-radius:var(--skeleton-radius,var(--r-md));background:linear-gradient(100deg, transparent 30%, var(--c-shimmer) 50%, transparent 70%) var(--c-surface);animation:shimmer var(--dur-loop) linear infinite;background-size:250% 100%}.skeleton-card .skeleton:first-child{aspect-ratio:4/5}.skeleton-card .skeleton+.skeleton{height:14px;margin-top:var(--s-3);border-radius:var(--r-pill);width:70%}.skeleton-card .skeleton+.skeleton+.skeleton{width:40%}.condition{font-size:var(--fs-sm);color:var(--c-muted);margin:var(--s-2) 0 var(--s-4)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;font-family:system-ui,sans-serif;position:absolute;overflow:hidden}::view-transition-old(root){animation-duration:var(--dur-2);animation-timing-function:var(--ease)}::view-transition-new(root){animation-duration:var(--dur-2);animation-timing-function:var(--ease)}::view-transition-group(hero-photo){animation-duration:var(--dur-2);animation-timing-function:var(--ease)}.page-sub{color:var(--c-muted);font-size:var(--fs-body);margin:0}rt{font-size:calc(var(--fs-body) * .6)}button,input,select,textarea{font:inherit;font-size:var(--fs-body);line-height:var(--lh-snug);color:inherit;min-width:0}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}button:where(.button),.button:where(:not(button)){min-height:var(--target);padding:var(--s-3) var(--s-4);justify-content:center;align-items:center;gap:var(--s-2);border:1.5px solid var(--c-line-strong);border-radius:var(--r-pill);background:var(--c-raised);color:var(--c-ink);font-weight:var(--fw-bold);white-space:normal;overflow-wrap:anywhere;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease), transform var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease);text-decoration:none;display:inline-flex}@media (hover:hover){button:where(.button):hover,.button:where(:not(button)):hover{background:var(--c-accent-soft);border-color:var(--c-accent);color:var(--c-accent-strong)}}button:where(.button):active,.button:where(:not(button)):active{transform:scale(.97)}button:where(.button):disabled,button:where(.button):disabled:hover{cursor:default;background:var(--c-surface);color:var(--c-muted);box-shadow:none;border-color:#0000;transform:none}.primary,a.primary{background:var(--c-accent-fill);border-color:var(--c-accent-fill);color:var(--c-on-accent);box-shadow:var(--sh-press)}.primary:active,a.primary:active{box-shadow:none;transform:translateY(3px)}@media (hover:hover){.primary:hover,a.primary:hover{background:var(--c-accent-strong);border-color:var(--c-accent-strong);color:var(--c-on-accent)}}button:where(.button)[aria-pressed=true]{background:var(--c-accent-soft);border-color:var(--c-accent);color:var(--c-accent-strong)}.primary:disabled,.primary:disabled:hover{background:var(--c-surface-2);color:var(--c-muted);border-color:#0000}.action-bar :is(button:where(.button),.button):not(.icon-button,.text-link){min-height:var(--target-lg);padding-inline:var(--s-6)}@media (width<45em){.action-bar :is(button:where(.button),.button):not(.icon-button,.text-link){padding-inline:var(--s-4)}}:is(button:where(.button),.button)[data-size=lg]{min-height:var(--target-lg);padding-inline:var(--s-5)}.button[data-variant=on-photo]{background:var(--c-raised);color:var(--c-ink);border-color:#0000}.button[data-variant=on-photo] svg{width:var(--icon-md);height:var(--icon-md);transition:transform var(--dur-2) var(--ease)}@media (hover:hover){.button[data-variant=on-photo]:hover{background:var(--c-raised);color:var(--c-ink);border-color:#0000}.button[data-variant=on-photo]:hover svg{transform:translateX(var(--s-1))}}:is(button:where(.button),.button)[data-size=sm]{min-height:var(--target);padding:var(--s-1-5) var(--s-4);font-size:var(--fs-sm)}.record-form :is(button:where(.button),.button).primary{min-height:var(--target-lg);padding-inline:var(--s-6)}@media (width<45em){.record-form :is(button:where(.button),.button).primary{width:100%}}.quiet{color:var(--c-accent);background:0 0;border-color:#0000}@media (hover:hover){.quiet:hover{color:var(--c-accent-strong);text-underline-offset:.25em;background:0 0;border-color:#0000;text-decoration:underline}}.icon-button{width:var(--target);height:var(--target);color:var(--c-ink-2);background:0 0;border-color:#0000;padding:0}@media (hover:hover){.icon-button:hover{background:var(--c-surface-2);color:var(--c-ink);border-color:#0000}.danger:hover{background:var(--c-wrong-fill);color:var(--c-on-accent);filter:brightness(.92)}}.danger{background:var(--c-wrong-fill);border-color:var(--c-wrong-fill);color:var(--c-on-accent);box-shadow:var(--sh-press)}.danger-link,.danger-link:is(:hover,:active){color:var(--c-wrong);margin-top:var(--s-5);background:0 0;border-color:#0000;padding-inline:0}button:where(.button) svg,.button:where(:not(button)) svg{width:var(--icon-md);height:var(--icon-md)}.actions{gap:var(--s-2);margin:var(--s-4) 0;flex-wrap:wrap;display:flex}.actions button:where(.button),.actions .button{min-width:0}.more-button{margin:var(--s-6) auto 0;display:flex}.pager{justify-content:center;gap:var(--s-3);margin-top:var(--s-6);display:flex}.pager .more-button{margin:0}button.button.support-go{width:100%;min-height:60px;margin-top:var(--s-1);background:var(--c-ink-fill);color:var(--c-on-accent);font-size:var(--fs-lead);font-weight:var(--fw-black);box-shadow:var(--sh-1);border:0}@media (hover:hover){button.button.support-go:hover{background:var(--c-ink-2);color:var(--c-on-accent)}}button.button.support-go:disabled{background:var(--c-ink-2);color:var(--c-on-accent);cursor:progress}button.button.support-swap{min-height:var(--target);padding:0 var(--s-3);color:var(--c-accent-strong);font-size:var(--fs-sm);text-underline-offset:3px;background:0 0;border:0;justify-self:center;text-decoration:underline}button.button.support-go:disabled{cursor:default;opacity:.65;box-shadow:none}.button.zh-filter{min-height:42px;padding:calc(var(--s-1) * 1.75) calc(var(--s-1) * 3.75)}.button.zh-area-card{text-align:left;color:inherit;font:inherit;cursor:pointer;white-space:normal;padding:0;display:block}button.button.primary.support-danger{background:var(--c-wrong-fill);border-color:var(--c-wrong-fill)}.pet-more{align-items:baseline;gap:var(--s-2);margin:var(--s-6) auto 0;padding:var(--s-3) var(--s-6);border:1px solid var(--c-line);border-radius:var(--r-pill);background:var(--c-raised);color:var(--c-ink);font:inherit;font-weight:var(--fw-bold);cursor:pointer;display:flex}.pet-more span{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--c-muted)}.pet-act{justify-content:center;align-items:center;gap:var(--s-2);min-height:48px;padding:0 var(--s-5);border:1px solid var(--c-line);border-radius:var(--r-pill);background:var(--c-raised);color:var(--c-ink);font:inherit;font-weight:var(--fw-bold);cursor:pointer;text-decoration:none;display:inline-flex}.pet-act svg{width:var(--icon-md);height:var(--icon-md)}.pet-act .pet-swatch{width:22px;height:22px}.pet-act.is-save{background:var(--c-ink-fill);border-color:var(--c-ink-fill);max-width:260px;color:var(--c-bg);flex:1}.pet-act[aria-pressed=true]:not(.is-save){background:var(--c-sun);border-color:var(--c-sun);color:var(--c-on-sun)}.paleo-filter{align-items:center;gap:var(--s-2);min-height:2.75rem;display:flex}.paleo-filter[aria-pressed=true]{background:var(--c-accent-soft);border-color:var(--c-accent);color:var(--c-accent-strong)}.paleo-filter{border:1px solid var(--c-line);border-radius:var(--r-pill);padding:var(--s-2) calc(var(--s-1) * 3.4);font:inherit;background:var(--c-raised);cursor:pointer}.paleo-filter:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px}:where(input:not([type=checkbox],[type=radio],[type=hidden],[type=range],[type=file]),select,textarea){min-height:var(--target);padding:var(--s-3) var(--s-4);border:1px solid var(--c-line-strong);border-radius:var(--r-sm);background:var(--c-raised);color:var(--c-ink);max-width:100%;transition:border-color var(--dur-1) var(--ease)}:where(select){padding-right:var(--s-6);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%235c6b68' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--c-muted);opacity:1}input[type=checkbox],input[type=radio]{width:20px;height:20px;accent-color:var(--c-accent);flex:none}progress,meter{accent-color:var(--c-accent)}fieldset{min-width:0}legend{font-weight:var(--fw-bold)}.record-form{gap:var(--s-5);margin:var(--s-5) 0;display:grid}.record-form fieldset{gap:var(--s-5);border:0;min-width:0;margin:0;padding:0;display:grid}.record-form fieldset:has(legend){padding:var(--s-5);border:1px solid var(--c-line);border-radius:var(--r-md)}.record-form label{gap:var(--s-2);font-weight:var(--fw-bold);font-size:var(--fs-sm);display:grid}.record-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.record-form select,.record-form textarea,.record-page>section input:not([type=checkbox]):not([type=radio]){width:100%;font-weight:var(--fw-medium);font-size:var(--fs-body)}.record-form .checkbox{align-items:center;gap:var(--s-3);font-weight:var(--fw-medium);display:flex}.record-form[data-look=card]{padding:var(--s-6);border-radius:var(--r-lg);background:var(--c-raised);box-shadow:var(--sh-1)}@media (width<45em){.record-form[data-look=card]{padding:var(--s-5) var(--s-4)}}.record-form label.checkbox,.record-form label.option{align-items:center;gap:var(--s-3);font-weight:var(--fw-medium);font-size:var(--fs-body);display:flex}.record-form label.checkbox{flex-wrap:wrap}.option-row{gap:var(--s-2);flex-wrap:wrap;display:flex}.option-row label.option{min-height:var(--target);padding:var(--s-1-5) var(--s-4) var(--s-1-5) var(--s-3);border-radius:var(--r-pill);background:var(--c-surface);font-weight:var(--fw-bold);font-size:var(--fs-sm)}.option-row label.option:has(input:checked){background:var(--c-accent-soft);color:var(--c-accent-strong);box-shadow:var(--ring-picked)}.search-form{align-items:center;gap:var(--s-3);max-width:var(--w-read);min-height:56px;margin:var(--s-5) 0 var(--s-6);padding:var(--s-1) var(--s-1) var(--s-1) var(--s-5);border:1px solid var(--c-line-strong);border-radius:var(--r-pill);background:var(--c-raised);box-shadow:var(--sh-1);transition:border-color var(--dur-1) var(--ease), box-shadow var(--dur-2) var(--ease);display:flex}.search-form:focus-within{border-color:var(--c-accent);box-shadow:0 0 0 4px var(--c-accent-soft), var(--sh-1)}.search-form>svg{color:var(--c-muted)}.search-form input:not([type=hidden]){width:100%;min-width:0;padding:var(--s-3) 0;min-height:var(--target);background:0 0;border:0;flex:1}.search-form input:focus-visible{outline:0}.search-form>button[type=submit]{min-width:var(--target);min-height:var(--target);padding-inline:var(--s-3);white-space:nowrap;flex:none;position:static}.search-form{padding-right:var(--s-4)}.search-form input[type=search]::-webkit-search-cancel-button{appearance:none;width:18px;height:18px;color:var(--c-muted);cursor:pointer;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") 50%/contain no-repeat}.search-form.is-large{max-width:none;min-height:68px;padding:var(--s-1-5) var(--s-1-5) var(--s-1-5) var(--s-5);border-color:var(--c-line);margin:0}.search-form.is-large>svg,.search-form.is-large>img{width:26px;height:26px;color:var(--c-accent)}.search-form.is-large input:not([type=hidden]){font-size:var(--fs-lg);font-weight:var(--fw-bold)}.search-form.is-large input::placeholder{font-weight:var(--fw-medium)}@media (width<45em){.search-form.is-large{min-height:60px}.search-form.is-large input:not([type=hidden]){font-size:var(--fs-body)}}.suggestion-pick{width:100%;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;display:block}.find-page{padding-bottom:var(--s-7)}.find-top{padding-top:var(--s-6)}.find-head{margin:0 0 var(--s-4);font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-black)}@media (width<45em){.find-top{padding-top:var(--s-3)}}.text-link{align-items:center;gap:var(--s-2);width:fit-content;min-height:var(--target);color:var(--c-accent);font-weight:var(--fw-medium);text-decoration:none;display:inline-flex}button.text-link{font:inherit;font-weight:var(--fw-medium);cursor:pointer;background:0 0;border:0;padding:0}.text-link svg{width:var(--icon-md);height:var(--icon-md);transition:transform var(--dur-2) var(--ease)}@media (hover:hover){.text-link:hover svg{transform:translate(3px)}.text-link:hover{text-decoration:underline}}.section-heading{justify-content:space-between;align-items:baseline;gap:var(--s-3) var(--s-5);margin:var(--s-8) 0 var(--s-5);flex-wrap:wrap;display:flex}.section-heading h2{font-size:var(--fs-xl)}.section-heading p{color:var(--c-muted);font-size:var(--fs-body);font-weight:var(--fw-medium)}.text-link[data-size=sm]{font-size:var(--fs-sm)}.tabs,.chip-row{gap:var(--s-2);margin:var(--s-4) 0 var(--s-5);scrollbar-width:none;padding:var(--s-0);margin-inline:calc(-1 * var(--s-0));display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.tabs button,.chip-row button,.chip-row a{min-height:var(--target);padding:var(--s-2) var(--s-4);background:var(--c-surface);color:var(--c-ink-2);font-size:var(--fs-sm);font-weight:var(--fw-bold);border-color:#0000;flex:none}.chip-row a:not(.button){align-items:center;gap:var(--s-2);border-radius:var(--r-pill);border:1.5px solid #0000;text-decoration:none;display:inline-flex}@media (hover:hover){.tabs button:hover,.chip-row button:hover,.chip-row a:hover{background:var(--c-surface-2);color:var(--c-ink);border-color:#0000}}.tabs button[aria-pressed=true],.chip-row button[aria-pressed=true],.chip-row a[aria-current=true]{background:var(--c-accent-soft);border-color:var(--c-accent);color:var(--c-accent-strong)}.segmented{scrollbar-width:none;max-width:100%;padding:var(--s-1);border-radius:var(--r-pill);background:var(--c-surface);gap:var(--s-0);display:inline-flex;overflow-x:auto}.segmented::-webkit-scrollbar{display:none}.segmented button{min-height:calc(var(--target) - 6px);padding:var(--s-1-5) var(--s-4);color:var(--c-muted);font-size:var(--fs-sm);background:0 0;border:0;position:relative}.segmented.is-fit{width:100%;display:flex;overflow-x:visible}.segmented.is-fit button{min-width:0;padding-inline:var(--s-2);font-size:var(--fs-xs);line-height:var(--lh-tight);white-space:normal;text-wrap:balance;flex:1 1 0}.segmented button:after{content:"";position:absolute;inset:-3px 0}@media (hover:hover){.segmented button:hover{color:var(--c-ink);background:0 0}}.segmented>a{min-height:calc(var(--target) - 6px);padding:var(--s-1-5) var(--s-4);border-radius:var(--r-pill);color:var(--c-muted);font-size:var(--fs-sm);font-weight:var(--fw-bold);align-items:center;text-decoration:none;display:inline-flex}.segmented>a[aria-current=page],.segmented button[aria-pressed=true]{background:var(--c-raised);color:var(--c-ink);box-shadow:var(--sh-1)}.tabs>*,.chip-row>*,.segmented>button,.segmented>a{white-space:nowrap;overflow-wrap:normal;flex:none}.card-summary{margin-top:var(--s-2);font-size:var(--fs-sm);color:var(--c-ink-2);line-height:var(--lh-body)}.animal-card>.condition,.match-name{margin:var(--s-2) var(--s-1) 0;font-size:var(--fs-xs);color:var(--c-muted)}.group-chip{align-items:center;gap:var(--s-1-5);min-height:28px;padding:0 var(--s-3);border-radius:var(--r-pill);background:var(--g-bg,var(--g-other-bg));color:var(--g-fg,var(--g-other-fg));font-size:var(--fs-xs);font-weight:var(--fw-bold);display:inline-flex}a.group-chip{text-decoration:none;position:relative}a.group-chip:after{content:"";inset:calc((28px - var(--target)) / 2) 0;position:absolute}a.group-chip svg{width:var(--icon-sm);height:var(--icon-sm);margin-right:calc(-1 * var(--s-1))}.group-chip:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.record-page .condition{font-size:var(--fs-xs);color:var(--c-muted)}[data-area=africa]{--area:var(--area-africa);--area-strong:var(--area-africa-strong)}[data-area=asia]{--area:var(--area-asia);--area-strong:var(--area-asia-strong)}[data-area=europe]{--area:var(--area-europe);--area-strong:var(--area-europe-strong)}[data-area=north-america]{--area:var(--area-north-america);--area-strong:var(--area-north-america-strong)}[data-area=latin-america]{--area:var(--area-latin-america);--area-strong:var(--area-latin-america-strong)}[data-area=oceania]{--area:var(--area-oceania);--area-strong:var(--area-oceania-strong)}[data-area=ocean]{--area:var(--area-ocean);--area-strong:var(--area-ocean-strong)}.animal-grid{grid-template-columns:repeat(auto-fill, minmax(var(--card-min), 1fr));gap:var(--s-4);display:grid}.animal-grid:not(:last-child){margin-block-end:var(--s-5)}.feed-page{content-visibility:auto;contain-intrinsic-size:auto 1200px;overflow-clip-margin:var(--s-3)}.animal-card{--g-bg:var(--g-other-bg);--g-fg:var(--g-other-fg);flex-direction:column;min-width:0;display:flex;position:relative}[data-group=mammal]{--g-bg:var(--g-mammal-bg);--g-fg:var(--g-mammal-fg)}[data-group=bird]{--g-bg:var(--g-bird-bg);--g-fg:var(--g-bird-fg)}[data-group=fish]{--g-bg:var(--g-fish-bg);--g-fg:var(--g-fish-fg)}[data-group=reptile]{--g-bg:var(--g-reptile-bg);--g-fg:var(--g-reptile-fg)}[data-group=amphibian]{--g-bg:var(--g-amphibian-bg);--g-fg:var(--g-amphibian-fg)}[data-group=insect]{--g-bg:var(--g-insect-bg);--g-fg:var(--g-insect-fg)}[data-group=sea]{--g-bg:var(--g-sea-bg);--g-fg:var(--g-sea-fg)}[data-group=other]{--g-bg:var(--g-other-bg);--g-fg:var(--g-other-fg)}.animal-link{color:var(--c-ink);border-radius:var(--r-md);transition:transform var(--dur-1) var(--ease);text-decoration:none;display:block}@media (hover:hover){.animal-link:hover{color:var(--c-ink)}.animal-link:hover .card-media img.is-loaded{transform:scale(1.045)}}.animal-link:active{transform:scale(.98)}.card-media{aspect-ratio:4/5;border-radius:var(--r-md);background:var(--c-surface-2);isolation:isolate;position:relative;overflow:hidden;container-type:inline-size}.card-media img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--dur-2) var(--ease), transform var(--dur-4) var(--ease);transform:scale(1.03)}.card-media img.is-loaded{opacity:1;transform:none}.card-media .no-photo{justify-content:flex-end;gap:var(--s-2);padding:var(--s-4);background:radial-gradient(120% 80% at 100% 0%, color-mix(in srgb, var(--g-fg) 14%, transparent), transparent 60%), var(--g-bg);color:var(--g-fg);text-align:left;flex-direction:column;display:flex;position:absolute;inset:0}.card-media .no-photo .group-icon{aspect-ratio:1;opacity:.14;stroke-width:1.4px;width:62%;height:auto;position:absolute;top:6%;right:-10%}.card-media .no-photo>:not(.group-icon){position:relative}.no-photo-hint{font-size:var(--fs-xs);font-weight:var(--fw-bold);opacity:.8}.card-media .no-photo{justify-content:flex-start}.card-media .card-name{z-index:var(--z-raised);padding:var(--s-7) var(--s-3) var(--s-3);background:linear-gradient(to top, var(--c-scrim-strong) 0%, var(--c-scrim-strong) 28%, var(--c-scrim-soft) 60%, transparent);color:var(--c-on-scrim);text-shadow:var(--sh-text);pointer-events:none;margin:0;position:absolute;inset:auto 0 0}.animal-link .card-media .card-name[lang=la]{color:var(--c-on-scrim);opacity:.92}.card-media:has(>.no-photo) .card-name{color:var(--g-fg);text-shadow:none;background:0 0;padding-top:0}.animal-link .card-media:has(>.no-photo) .card-name[lang=la]{color:var(--g-fg)}@media (width<45em){.card-media .card-name{padding:var(--s-6) var(--s-2) var(--s-2)}}.card-body{padding:var(--s-3) var(--s-1) 0;container-type:inline-size}.animal-link h3[lang=la]{font-family:var(--font-sans);font-style:italic;font-weight:var(--fw-medium);color:var(--c-ink-2)}.animal-link h3{font-size:var(--fs-sm);font-weight:var(--fw-bold);line-height:var(--lh-snug);-webkit-line-clamp:2;line-clamp:2;word-break:normal;text-wrap:balance;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.animal-card .scientific{margin-top:var(--s-0);font-size:var(--fs-xs);line-height:var(--lh-snug);color:var(--c-muted)}.card-in-book{top:var(--s-2);right:var(--s-2);z-index:var(--z-raised);background:var(--c-accent-fill);width:32px;height:32px;color:var(--c-on-accent);box-shadow:var(--sh-1);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute}.card-in-book svg{width:var(--icon-md);height:var(--icon-md)}.same-name .scientific{color:var(--c-muted)}@media (width<45em){.animal-grid.is-strip{gap:var(--s-3);margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;grid-template-columns:none;grid-auto-columns:42%;grid-auto-flow:column;overflow-x:auto}.animal-grid.is-strip>.animal-card{scroll-snap-align:start}}.card-media.paleo-card-media{aspect-ratio:3/2;background:var(--c-surface);position:relative}.zh-explore-doors{justify-content:center;align-items:center;gap:calc(var(--s-1) * 3.5);margin:0 0 calc(var(--s-1) * 4.5);font-size:var(--fs-2xs);color:var(--c-forest);flex-wrap:wrap;display:flex}.zh-explore-doors a,.zh-explore-doors summary{min-height:44px;padding:var(--s-1) calc(var(--s-1) * .75);color:inherit;cursor:pointer;align-items:center;text-decoration:none;display:inline-flex}.zh-explore-doors a:hover,.zh-explore-doors summary:hover{text-decoration:underline}.zh-explore-doors details label{align-items:center;gap:var(--s-1-5);margin:var(--s-2) 0;display:flex}.zh-explore-doors select{max-width:180px;min-height:40px}.chinese-card.is-compact .card-body{padding:var(--s-2) var(--s-0) 0}.chinese-card.is-compact .card-body h3{font-size:var(--fs-xs);margin:0}@media (width<45em){.zh-explore-doors{gap:calc(var(--s-1) * 2.5);margin-bottom:var(--s-3);font-size:var(--fs-2xs)}}.chinese-card .card-summary{-webkit-line-clamp:3;font-size:var(--fs-xs);line-height:var(--lh-body);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:root[data-theme=dark] .zh-explore-doors{color:var(--c-forest)}.detail-photo{border-radius:var(--photo-radius,var(--r-lg));background:var(--photo-bg,var(--c-surface));cursor:zoom-in;width:100%;display:block;position:relative;overflow:hidden}@media (hover:hover){.detail-photo:hover{background:var(--c-surface)}.detail-photo:hover .zoom-mark{opacity:1;transform:scale(1.08)}}.detail-photo:active{transform:none}.detail-photo:focus-visible .zoom-mark{opacity:1}.detail-photo img{object-fit:contain;width:100%;height:auto;max-height:min(68vh,620px);margin:0 auto}.detail-photo.focused-photo img{max-height:none;position:absolute}.zoom-mark{right:var(--s-3);bottom:var(--s-3);background:var(--c-raised);width:40px;height:40px;color:var(--c-ink);box-shadow:var(--sh-1);opacity:0;transition:transform var(--dur-2) var(--ease), opacity var(--dur-2) var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute}.spotlight{box-shadow:0 0 0 3px var(--c-raised), 0 0 0 6px var(--c-accent),  0 0 0 9999px var(--c-scrim-soft);pointer-events:none;--enter:scale(1.4);animation:enter var(--dur-2) var(--ease) both;border-radius:50%;position:absolute}.photo-credit-button{top:var(--s-2);right:var(--s-2);z-index:calc(var(--z-raised) + 1);max-width:min(60%,16em);padding:var(--s-0) var(--s-2);border-radius:var(--r-pill);background:var(--c-scrim-soft);color:var(--c-on-scrim);font-size:var(--fs-2xs);font-weight:var(--fw-medium);line-height:var(--lh-snug);opacity:.85;display:block;position:absolute}.photo-credit-text{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.photo-credit-button:after{content:"";position:absolute;inset:-12px -6px}@media (hover:hover){.photo-credit-button:hover{opacity:1}}.photo-credit-button.is-mark{top:auto;bottom:var(--s-1-5);right:var(--s-1-5);-webkit-backdrop-filter:blur(6px);place-items:center;width:28px;height:28px;padding:0;display:grid}.photo-credit-button.is-mark svg{width:var(--icon-sm);height:var(--icon-sm)}.photo-credit-button.is-mark:after{inset:-8px}.photo-credit-button.is-quiet{text-shadow:var(--sh-text);opacity:.75;background:0 0}.ai-image-disclosure{margin:var(--s-3) 0;padding:var(--s-3) var(--s-4);border-radius:var(--r-sm);background:var(--c-note);color:var(--c-on-note);font-size:var(--fs-xs);line-height:var(--lh-snug)}.ai-image-disclosure strong,.ai-image-disclosure span{display:block}.photo-caption{margin-top:var(--s-2);font-size:var(--fs-sm);color:var(--c-ink-2)}.photo-credit{margin-top:var(--s-1);font-size:var(--fs-xs);color:var(--c-muted)}.photo-credit>summary{font-size:var(--fs-xs);color:var(--c-muted)}.photo-credit p{margin-top:var(--s-1);overflow-wrap:anywhere}.photo-credit a{color:inherit}.detail-photo.framed{--max-h:min(72svh, 680px);aspect-ratio:var(--ar,4 / 3);width:min(100%, calc(var(--max-h) * var(--ar,1.333)));background:var(--c-surface-2)}.detail-photo.framed>img,.detail-photo.framed .photo-frame img{object-fit:contain;width:100%;height:100%;max-height:none}.detail-photo.framed .photo-frame{width:100%;height:100%}.modal.viewer{background:var(--c-ink-fill);width:100%;max-width:none;height:100%;max-height:none;color:var(--c-on-scrim);border-radius:0;grid-template-rows:auto minmax(0,1fr) auto;margin:0;padding:0;display:grid;overflow:hidden}.modal.viewer:not([open]){display:none}.viewer .modal-top{padding:var(--s-3) var(--s-3) var(--s-3) var(--s-5);align-items:center;margin:0}.viewer .modal-top h2{color:var(--c-on-scrim);font-size:var(--fs-body)}.viewer .modal-top button{color:var(--c-on-scrim);margin:0}.viewer-stage{overscroll-behavior:contain;cursor:zoom-in;touch-action:pan-x pan-y pinch-zoom;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:auto}.viewer-stage.is-zoomed{cursor:zoom-out;place-items:start}.viewer-stage img{object-fit:contain;--enter:scale(.97);width:100%;height:100%;animation:enter var(--dur-2) var(--ease)}.viewer-stage:not(.is-zoomed) img{position:absolute;inset:0}.viewer-stage.is-zoomed img{width:200%;max-width:none;height:auto}.viewer-info{padding:var(--s-3) var(--s-5) calc(var(--s-4) + env(safe-area-inset-bottom));font-size:var(--fs-xs);color:var(--c-line);gap:var(--s-1) var(--s-4);flex-wrap:wrap;align-items:center;display:flex}.viewer-info a{color:var(--c-on-scrim)}.viewer-info details>summary{color:var(--c-on-scrim);font-size:var(--fs-xs)}.viewer-info details p{margin-top:var(--s-1)}img.is-broken{visibility:hidden}.img-fallback{background:var(--c-surface-2);width:100%;height:100%;color:var(--c-line-strong);place-items:center;display:grid}.img-fallback svg{aspect-ratio:1;opacity:.6;width:clamp(20px,22%,48px);height:auto}img[data-look]:not(.is-loaded){opacity:1}.photo-wait:empty:before{content:"";z-index:var(--z-raised);background:linear-gradient(100deg, transparent 30%, var(--c-shimmer) 50%, transparent 70%);animation:shimmer var(--dur-loop) linear infinite;pointer-events:none;background-size:200% 100%;position:absolute;inset:0}:is(.card-media,.photo-wait):has(>img:not(.is-loaded)):before{content:"";z-index:var(--z-raised);background:linear-gradient(100deg, transparent 30%, var(--c-shimmer) 50%, transparent 70%);animation:shimmer var(--dur-loop) linear infinite;pointer-events:none;background-size:200% 100%;position:absolute;inset:0}.game-frame:has(img:not(.is-loaded)):before{content:"";z-index:var(--z-raised);background:linear-gradient(100deg, transparent 30%, var(--c-shimmer) 50%, transparent 70%);animation:shimmer var(--dur-loop) linear infinite;pointer-events:none;background-size:200% 100%;position:absolute;inset:0}.game-frame{border-radius:inherit;background:var(--c-surface-2)}.photo-credit-button.is-plain{max-width:60%;color:var(--c-muted);font-size:var(--fs-2xs);text-align:right;background:0 0;margin-left:auto;padding:0;position:relative;inset:auto}.modal{width:min(720px, calc(100% - 2 * var(--s-4)));max-height:min(88vh,900px);padding:var(--s-5);border-radius:var(--r-lg);background:var(--c-raised);color:inherit;box-shadow:var(--sh-2);overscroll-behavior:contain;opacity:1;transition:opacity var(--dur-2) var(--ease), transform var(--dur-2) var(--ease), overlay var(--dur-2) allow-discrete, display var(--dur-2) allow-discrete;border:0;overflow:auto;transform:none}@starting-style{.modal[open]{opacity:0;transform:translateY(12px)scale(.98)}}.modal::backdrop{background:var(--c-scrim-soft);transition:opacity var(--dur-2) var(--ease)}@starting-style{.modal[open]::backdrop{opacity:0}}.modal-top{justify-content:space-between;align-items:start;gap:var(--s-4);margin-bottom:var(--s-4);display:flex}.modal-top h2{font-size:var(--fs-lg)}.modal-top button{width:var(--target);margin:calc(-1 * var(--s-1-5)) calc(-1 * var(--s-1-5)) 0 0;color:var(--c-ink-2);background:0 0;border-color:#0000;flex-shrink:0;padding:0}@media (hover:hover){.modal-top button:hover{background:var(--c-surface);border-color:#0000}.viewer .modal-top button:hover{background:var(--c-glass)}}.replacement-list{margin:0 0 var(--s-5);gap:var(--s-2);padding:0;list-style:none;display:grid}.replacement-list button{border-radius:var(--r-md);justify-content:flex-start;width:100%}.storage-message,.notice{margin:var(--s-5) 0;padding:var(--s-4) var(--s-5);border:1px solid var(--c-line-strong);border-radius:var(--r-md);background:var(--c-accent-soft)}.storage-message p{margin-bottom:var(--s-3)}.nav-count{min-width:20px;height:20px;padding:0 var(--s-1-5);border-radius:var(--r-pill);background:var(--c-accent-soft);color:var(--c-accent-strong);font-size:var(--fs-2xs);font-weight:var(--fw-bold);animation:bump var(--dur-2) var(--ease-pop);place-items:center;line-height:1;display:inline-grid}.undo-bar{left:50%;bottom:calc(var(--tabbar-h) + var(--s-4) + env(safe-area-inset-bottom));z-index:var(--z-toast);align-items:center;gap:var(--s-4);width:max-content;max-width:calc(100% - 2 * var(--s-4));white-space:nowrap;padding:var(--s-2) var(--s-2) var(--s-2) var(--s-5);border-radius:var(--r-pill);background:var(--c-ink-fill);color:var(--c-on-accent);box-shadow:var(--sh-2);font-weight:var(--fw-bold);animation:enter var(--dur-2) var(--ease) both;display:flex;position:fixed;translate:-50%}.undo-bar button{background:var(--c-bg);color:var(--c-ink);border-color:#0000}.name-list{margin:var(--s-4) 0;padding:0;list-style:none}.name-list>li{justify-content:space-between;align-items:center;gap:var(--s-2) var(--s-4);min-height:56px;padding:var(--s-3) 0;border-bottom:1px solid var(--c-line);flex-wrap:wrap;display:flex}.name-list>li>a{font-weight:var(--fw-bold)}.name-list span,.name-list a{overflow-wrap:anywhere}.saved-row{justify-content:space-between;align-items:center;gap:var(--s-4);min-height:56px;padding:var(--s-3) var(--s-2);border-bottom:1px solid var(--c-line);transition:background-color var(--dur-1) var(--ease);text-decoration:none;display:flex}.saved-row>*{overflow-wrap:anywhere;min-width:0}@media (width<45em){.animal-grid{gap:var(--s-3)}.card-body{padding-top:var(--s-2)}.search-form{min-height:var(--target-lg);padding-left:var(--s-4);margin:var(--s-4) 0 var(--s-5)}.section-heading{margin-top:var(--s-7)}.modal{padding:var(--s-4)}.detail-photo{border-radius:var(--r-md)}}.detail-photo.spotlight-photo img{object-fit:cover;width:100%;height:100%;max-height:none}.list-rows{border-radius:var(--r-lg);background:var(--c-raised);box-shadow:var(--sh-1);margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.list-rows>li+li{border-top:1px solid var(--c-line)}.list-row{align-items:center;gap:var(--s-3);min-height:56px;padding:var(--s-3) var(--s-4);color:var(--c-ink);text-decoration:none;display:flex}.list-row-icon{border-radius:var(--r-sm);background:var(--c-surface);width:36px;height:36px;color:var(--c-ink-2);flex:none;place-items:center;display:grid}.list-row-icon svg{width:var(--icon-md);height:var(--icon-md)}.list-row-main{min-width:0;line-height:var(--lh-snug);flex:1;display:grid}.list-row-main strong{font-weight:var(--fw-bold)}.list-row-main small{color:var(--c-muted);font-size:var(--fs-sm);overflow-wrap:anywhere}.list-row>svg:last-child{width:20px;height:20px;color:var(--c-muted);flex:none}@media (hover:hover){.list-row:hover{background:var(--c-surface)}}.saved-list li+li .saved-row{border-top:1px solid var(--c-line)}.saved-list .saved-row{border-bottom:0}.toggle-row{align-items:start;gap:var(--s-3);width:100%;padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--c-raised);box-shadow:var(--ring-line);color:var(--c-ink);text-align:left;font-weight:var(--fw-medium);white-space:normal;transition:box-shadow var(--dur-1) var(--ease), background-color var(--dur-1) var(--ease);grid-template-columns:40px minmax(0,1fr);display:grid}.toggle-row[aria-pressed=true]{background:var(--c-accent-soft);box-shadow:var(--ring-picked)}@media (hover:hover){.toggle-row:hover{background:var(--c-raised);color:var(--c-ink);box-shadow:var(--ring-strong)}.toggle-row[aria-pressed=true]:hover{background:var(--c-accent-soft);box-shadow:var(--ring-picked)}}.toggle-row-mark{background:var(--c-accent-fill);width:40px;height:40px;color:var(--c-on-accent);font-family:var(--font-display);font-weight:var(--fw-black);border-radius:50%;place-items:center;display:grid}.toggle-row-mark.is-text{background:var(--c-surface);color:var(--c-ink-2)}.toggle-row-mark svg{width:var(--icon-md);height:var(--icon-md)}.toggle-row-text strong{font-size:var(--fs-xs);color:var(--c-muted);line-height:var(--lh-snug);display:block}.toggle-row-text span{font-weight:var(--fw-bold);line-height:var(--lh-body);display:block}.saved-list .saved-row{padding-inline:0}.list-row-icon.is-photo{border-radius:50%;overflow:hidden}.list-row-icon.is-photo img{object-fit:cover;width:100%;height:100%}.list-row.is-waiting .list-row-main{--skeleton-radius:var(--r-pill);flex:0 60%;height:14px}.evidence{margin:0 0 var(--s-3);font-size:var(--fs-body);font-weight:var(--fw-medium);line-height:var(--lh-body);color:var(--c-ink)}.evidence:last-child{margin-bottom:0}details.more-item.source-list:not([open]){padding-block:0}.source-list ol{padding-left:var(--s-5);gap:var(--s-3);margin:0;display:grid}.source-list li,.source-list>div{overflow-wrap:anywhere;scroll-margin-top:calc(var(--header-h) + var(--s-4));font-size:var(--fs-sm)}.source-list li:target,.source-list>div:target{background:var(--c-accent-soft);border-radius:var(--r-sm);outline:6px solid var(--c-accent-soft)}.cite{min-width:1.5em;margin-left:var(--s-0);padding:0 var(--s-1);border-radius:var(--r-pill);color:var(--c-muted);font-size:var(--fs-2xs);font-weight:var(--fw-medium);line-height:var(--lh-snug);text-align:center;vertical-align:.45em;white-space:nowrap;background:0 0;text-decoration:none;display:inline-block;position:relative}.cite:after{content:"";width:max(100% + 8px,24px);height:max(100% + 8px,24px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (hover:hover){.cite:hover{background:var(--c-surface);color:var(--c-ink)}}.more-item{border-top:1px solid var(--c-line);scroll-margin-top:calc(var(--header-h) + var(--s-4))}details.more-item>summary{align-items:center;gap:var(--s-2);width:100%;min-height:56px;color:var(--c-ink);font-weight:var(--fw-bold);cursor:pointer;list-style:none;display:flex}details.more-item>summary:before{content:none}details.more-item>summary>span:first-child{color:var(--c-ink)}.more-item>summary::-webkit-details-marker{display:none}.more-item>summary small{color:var(--c-muted);font-weight:var(--fw-medium);font-size:var(--fs-xs);margin-right:auto}.more-item>summary>span:first-child:has(+svg){margin-right:auto}.more-item>summary svg{width:var(--icon-md);height:var(--icon-md);color:var(--c-muted);transition:transform var(--dur-2) var(--ease)}.more-item[open]>summary svg{transform:rotate(90deg)}.more-item[open]{padding-bottom:var(--s-4)}h2+.more-item{border-top:0}.more-link{align-items:center;gap:var(--s-2);min-height:56px;color:var(--c-ink);font-weight:var(--fw-bold);text-decoration:none;display:flex}.more-link>span{margin-right:auto}button.more-link{text-align:left;width:100%}.evidence-source{font-size:calc(var(--fs-relative) * .75);white-space:nowrap;margin-inline-start:calc(var(--fs-relative) * .2)}.article-updated{color:var(--c-muted);font-size:var(--fs-sm)}.result-tier+.result-tier{margin-top:var(--s-6)}.name-rows{gap:var(--s-2) var(--s-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.name-row{align-items:center;gap:var(--s-3);min-height:72px;padding:var(--s-2) var(--s-4) var(--s-2) var(--s-2);border-radius:var(--r-md);background:var(--c-raised);box-shadow:var(--ring-line);color:var(--c-ink);transition:transform var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease);grid-template-columns:48px minmax(0,1fr) auto;text-decoration:none;display:grid}.name-row:active{transform:scale(.99)}@media (hover:hover){.name-row:hover{color:var(--c-ink);box-shadow:var(--ring-line), var(--sh-1);transform:translateY(-2px)}}.name-row-badge{border-radius:var(--r-md);background:var(--g-bg,var(--g-other-bg));width:48px;height:48px;color:var(--g-fg,var(--g-other-fg));place-items:center;display:grid}.name-row-badge svg{width:var(--icon-lg);height:var(--icon-lg)}.name-row-text{min-width:0;line-height:var(--lh-snug);display:grid}.name-row-text strong{font-weight:var(--fw-black);overflow-wrap:anywhere}.name-row-text .scientific{color:var(--c-muted);font-size:var(--fs-sm)}.name-row-match{color:var(--c-muted);font-size:var(--fs-xs)}.name-row-go{width:20px;height:20px;color:var(--c-muted)}@media (width<45em){.name-rows{grid-template-columns:minmax(0,1fr)}}.result-more>summary{align-items:center;gap:var(--s-2);min-height:var(--target);cursor:pointer;list-style:none;display:flex}.result-more>summary::-webkit-details-marker{display:none}.result-more>summary:before{content:none}.result-more>summary:after{content:"";width:8px;height:8px;transition:transform var(--dur-2) var(--ease);border-bottom:2px solid;border-right:2px solid;margin-left:auto;transform:rotate(45deg)}.result-more[open]>summary:after{transform:rotate(-135deg)}.result-more-count{color:var(--c-muted);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.name-list[data-layout=wrap]{gap:var(--s-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.name-list[data-layout=wrap] li{align-items:center;gap:var(--s-2);border:0;padding:0;display:inline-flex}.name-list[data-layout=wrap] button{min-height:var(--target);padding:var(--s-1-5) var(--s-4);font-size:var(--fs-sm);border-color:var(--c-line)}@media (hover:hover){.name-list[data-layout=wrap] button:hover{border-color:var(--c-accent)}}.ask-card{border-radius:var(--r-lg);background:var(--c-raised);color:var(--c-ink);box-shadow:var(--sh-1);display:grid;overflow:hidden}.ask-card.is-waiting{background:linear-gradient(100deg, transparent 30%, var(--c-shimmer) 50%, transparent 70%) var(--c-surface);min-height:460px;box-shadow:none;--enter:none;animation:enter var(--dur-2) var(--ease) var(--dur-3) both, shimmer var(--dur-loop) linear infinite;background-size:250% 100%}.q-map svg{width:100%;height:auto;display:block}.q-map path{fill:var(--c-line);stroke:var(--c-raised);stroke-width:.6px;transition:fill var(--dur-2) var(--ease)}.q-map.is-open path{cursor:pointer}.q-map.is-open path[data-area=africa]:not(.is-lit){fill:var(--area-africa)}.q-map.is-open path[data-area=asia]:not(.is-lit){fill:var(--area-asia)}.q-map.is-open path[data-area=europe]:not(.is-lit){fill:var(--area-europe)}.q-map.is-open path[data-area=north-america]:not(.is-lit){fill:var(--area-north-america)}.q-map.is-open path[data-area=latin-america]:not(.is-lit){fill:var(--area-latin-america)}.q-map.is-open path[data-area=oceania]:not(.is-lit){fill:var(--area-oceania)}@media (hover:hover){.q-map.is-open path:not(.is-lit):hover{fill:var(--c-accent-soft);stroke:var(--c-accent)}}.q-map path.is-right{fill:var(--c-right)}.q-map path.is-wrong{fill:var(--c-wrong-soft)}.q-map path.is-other{fill:var(--c-surface-2)}.q-map path.is-lit{fill:var(--c-accent)}.q-map.has-home path.is-right{fill:var(--c-right-soft)}@media (hover:none){.q-map.is-open path:active{fill:var(--c-accent-soft);stroke:var(--c-accent)}}.book-fly{z-index:var(--z-toast);width:64px;height:64px;box-shadow:var(--sh-2);pointer-events:none;border-radius:50%;position:fixed;top:0;left:0;overflow:hidden}.book-fly img{object-fit:cover;width:100%;height:100%}.guide{--guide-lion:64px;align-items:flex-end;gap:var(--s-2);display:flex}.guide[data-size=md]{--guide-lion:80px}.guide[data-size=lg]{--guide-lion:96px}.guide-lion{width:var(--guide-lion);height:var(--guide-lion);object-fit:contain;transform-origin:50% 90%;--bob:translateY(-3px) rotate(-2deg);animation:bob var(--dur-loop) ease-in-out infinite;flex:none}.guide-bubble{min-width:0;padding:var(--s-3) var(--s-4);border-radius:var(--r-md) var(--r-md) var(--r-md) var(--r-xs);background:var(--c-raised);box-shadow:var(--sh-1);color:var(--c-ink);word-break:auto-phrase;flex:1}.guide[data-size=lg] .guide-bubble{padding:var(--s-4) var(--s-5)}.guide-bubble :is(h1,h2,h3,p){margin:0}.guide-bubble :is(h1,h2,h3){font-size:var(--fs-lg);line-height:var(--lh-tight)}.guide-bubble p{margin-top:var(--s-1);font-size:var(--fs-sm);color:var(--c-muted)}.guide[data-look=plain]{align-items:center;gap:var(--s-3)}.guide[data-look=plain] .guide-bubble{box-shadow:none;background:0 0;flex:0 auto;padding:0}.guide[data-look=plain] .guide-bubble p{font-size:var(--fs-body);color:var(--c-ink-2)}.guide[data-look=forest] .guide-bubble{background:var(--c-accent-fill);box-shadow:none;color:var(--c-on-scrim)}.guide[data-look=forest] .guide-bubble p{color:inherit;opacity:.82}@media (width<45em){.guide[data-size=md],.guide[data-size=lg]{--guide-lion:64px}}.soon-card .guide-bubble p,.soon-card .guide-bubble h2+p{margin-top:var(--s-1)}.game{margin:0 0 var(--s-7);padding:clamp(var(--s-5), 3vw, var(--s-6));border-radius:var(--r-lg);background:var(--c-forest-soft);scroll-margin-top:calc(var(--header-h) + var(--s-4));position:relative}.game-frame{display:block;position:relative;overflow:hidden}.game-zoom{transform-origin:0 0;transition:transform var(--dur-4) var(--ease);position:absolute;inset:0}.game-frame img{max-width:none;height:auto;position:absolute}.game-ring{border-radius:var(--r-lg);box-shadow:0 0 0 3px var(--c-raised), 0 0 0 999px var(--c-scrim-soft);pointer-events:none;--enter:scale(1.15);animation:enter var(--dur-4) var(--ease) var(--dur-4) both;position:absolute}.play-finish{justify-items:center;gap:var(--s-4);max-width:520px;padding:var(--s-2) 0;text-align:center;margin:0 auto;display:grid;position:relative}.finish-stamp{border:5px solid var(--c-accent);background:radial-gradient(circle at 50% 40%, var(--c-raised), var(--c-accent-soft));width:188px;height:188px;box-shadow:inset 0 0 0 7px var(--c-raised), inset 0 0 0 9px var(--c-accent);color:var(--c-accent-strong);--enter:rotate(-8deg) scale(2.2);animation:enter var(--dur-4) var(--ease-pop) calc(var(--stagger) * 3.75) both;border-radius:50%;place-items:center;display:grid;transform:rotate(-8deg)}.finish-stamp>div{justify-items:center;gap:var(--s-0);max-width:140px;display:grid}.finish-stamp small{font-size:var(--fs-2xs);font-weight:var(--fw-black)}.finish-stamp strong{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:var(--fw-black);line-height:var(--lh-display)}.finish-stamp span{font-size:var(--fs-xs);font-weight:var(--fw-bold);line-height:var(--lh-tight)}.finish-title{font-size:var(--fs-xl);margin:0}.finish-score{margin:calc(-1 * var(--s-3)) 0 0;color:var(--c-muted);font-weight:var(--fw-bold)}.finish-save{align-items:center;gap:var(--s-3);width:100%;display:flex}.finish-faces{flex:none;display:flex}.finish-faces :is(img,i){width:44px;height:44px;margin-left:calc(-1 * var(--s-3));border:3px solid var(--c-surface);object-fit:cover;background:var(--g-bg,var(--c-surface-2));border-radius:50%}.finish-faces :first-child{margin-left:0}.finish-save-button{min-height:var(--target-lg);border-radius:var(--r-pill);font-weight:var(--fw-black);flex:1}a.finish-save-button{justify-content:center;align-items:center;gap:var(--s-2);text-decoration:none;display:inline-flex}.finish-save-button.is-done{background:var(--c-forest-soft);color:var(--c-forest)}.finish-next{border-radius:var(--r-lg);background:var(--c-raised);width:100%;box-shadow:var(--sh-1);color:var(--c-ink);text-align:left;transition:transform var(--dur-2) var(--ease);grid-template-columns:104px minmax(0,1fr);text-decoration:none;display:grid;overflow:hidden}@media (hover:hover){.finish-next:hover{transform:translateY(-3px)}}.finish-next img{object-fit:cover;width:100%;height:100%;min-height:116px}.finish-next>span{align-content:center;gap:var(--s-0);padding:var(--s-3) var(--s-4);display:grid}.finish-next small{color:var(--c-accent-strong);font-size:var(--fs-2xs);font-weight:var(--fw-black)}.finish-next strong{font-family:var(--font-display);font-size:var(--fs-lead);line-height:var(--lh-snug)}.finish-next em{align-items:center;gap:var(--s-1);color:var(--c-accent-strong);font-style:normal;font-weight:var(--fw-black);font-size:var(--fs-sm);display:inline-flex}.finish-next em svg{width:var(--icon-sm);height:var(--icon-sm)}.finish-more{justify-content:center;gap:var(--s-2) var(--s-4);flex-wrap:wrap;display:flex}.finish-more button{min-height:44px;color:var(--c-accent-strong);font-weight:var(--fw-bold);background:0 0;border:0}.name-cloud{font-family:var(--font-system);gap:var(--s-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.name-cloud li{align-items:baseline;gap:var(--s-1-5);padding:var(--s-1) var(--s-3);border-radius:var(--r-pill);background:var(--c-surface);font-size:var(--fs-sm);font-weight:var(--fw-medium);display:inline-flex}.name-cloud small{color:var(--c-muted);font-size:var(--fs-2xs);font-weight:var(--fw-bold)}ul.name-all{font-family:var(--font-system);font-size:var(--fs-sm);margin:var(--s-4) 0 0;columns:2 14em;column-gap:var(--s-5);padding:0;list-style:none}.name-all li{justify-content:space-between;gap:var(--s-2);padding:var(--s-1) 0;border-bottom:1px solid var(--c-line);break-inside:avoid;display:flex}.name-all li small{color:var(--c-muted)}details.source-list>summary{align-items:baseline;gap:var(--s-2);cursor:pointer;list-style:none;display:flex}details.source-list>summary::-webkit-details-marker{display:none}details.source-list>summary h2{font-size:var(--fs-lead);margin:0}details.source-list>summary span{color:var(--c-muted);font-weight:var(--fw-bold)}details.source-list>ol{margin-top:var(--s-4)}details.source-list:not([open]){padding-block:var(--s-4)}@media (width<45em){.game{margin-inline:calc(-1 * var(--gutter));padding:var(--s-4) var(--gutter);border-radius:0}}.same-name{margin-top:var(--s-4);padding:var(--s-4);border-radius:var(--r-lg);background:var(--c-raised);box-shadow:var(--sh-1)}.same-name p{margin:0 0 var(--s-2);color:var(--c-muted);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.same-name ul{margin:0;padding:0;list-style:none}.same-name a{align-items:baseline;gap:var(--s-0) var(--s-2);min-height:44px;padding:var(--s-2) 0;color:var(--c-ink);flex-wrap:wrap;text-decoration:none;display:flex}.same-name a svg{align-self:center;margin-left:auto}.brand-icon{width:22px;height:22px;color:var(--icon-color,inherit);stroke-width:2px;flex:none}.primary-nav .brand-icon{width:20px;height:20px}.tab-bar .brand-icon{width:22px;height:22px}.tab-bar a.active{font-weight:var(--fw-bold)}.search-form>.brand-icon{width:20px;height:20px;margin-left:var(--s-3);color:var(--c-muted);flex-shrink:0}.brand-illustration{object-fit:contain;width:88px;height:88px}.illustrated-status .brand-illustration{margin:0 auto var(--s-4)}.illustrated-status[role=alert] .brand-illustration{width:64px;height:64px}@property --enter{syntax:"*";inherits:false}@property --enter-o{syntax:"*";inherits:false}@property --bump{syntax:"*";inherits:false}@property --bob{syntax:"*";inherits:false}@keyframes enter{0%{opacity:var(--enter-o,0);transform:var(--enter,translateY(18px))}}@keyframes sound{50%{height:100%}}@keyframes bump{40%{transform:var(--bump,scale(1.3))}}@keyframes bob{50%{transform:var(--bob,translateY(-4px))}}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes ring-once{25%{box-shadow:0 0 0 4px var(--c-bg), 0 0 0 8px var(--c-accent)}to{box-shadow:0 0 0 3px var(--c-bg), 0 0 0 5px var(--c-accent-soft)}}@keyframes flash{0%,40%{background:var(--c-accent-soft)}}@keyframes fly{to{transform:translate(var(--x), var(--y)) rotate(var(--r));opacity:var(--to-o,0)}}@keyframes dot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@keyframes burst{0%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(1.6)}}@keyframes shimmer{0%{background-position:125% 0}to{background-position:-125% 0}}@keyframes book-stamp{0%{opacity:0;transform:scale(2.2)rotate(-24deg)}18%{opacity:1;transform:scale(1)rotate(-8deg)}78%{opacity:1;transform:scale(1)rotate(-8deg)}to{opacity:0;transform:translateY(-40px)scale(.9)rotate(-8deg)}}@property --ring{syntax:"<number>";inherits:true;initial-value:0}@keyframes book-land{0%{opacity:0;transform:scale(1.35)rotate(-6deg)}60%{opacity:1;transform:scale(.96)rotate(1deg)}}@keyframes book-shine{0%{transform:translate(-120%)skew(-20deg)}to{transform:translate(260%)skew(-20deg)}}@keyframes book-toast{0%{opacity:0;transform:translateY(16px)scale(.9)}10%,85%{opacity:1;transform:none}to{opacity:0;transform:translateY(8px)}}@keyframes sweep{0%{translate:-120%}30%,to{translate:120%}}@keyframes plus-one{0%{opacity:0;transform:scale(.4)}15%{opacity:1;transform:scale(1.15)}25%,80%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}.admin-bar{align-items:center;gap:var(--s-2) var(--s-4);margin:calc(-1 * var(--s-2)) 0 var(--s-6);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-3);border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-raised);box-shadow:var(--sh-1);flex-wrap:wrap;display:flex}.admin-badge{align-items:center;gap:var(--s-1-5);padding:var(--s-1-5) var(--s-3);border-radius:var(--r-pill);background:var(--c-forest-fill);color:var(--c-on-scrim);font-size:var(--fs-xs);font-weight:var(--fw-bold);display:inline-flex}.admin-badge svg{width:var(--icon-sm);height:var(--icon-sm)}.admin-bar nav{gap:var(--s-0);flex-wrap:wrap;display:flex}.admin-bar nav a{min-height:var(--target);padding:0 var(--s-4);border-radius:var(--r-pill);color:var(--c-ink-2);font-size:var(--fs-sm);font-weight:var(--fw-bold);align-items:center;text-decoration:none;display:inline-flex}@media (hover:hover){.admin-bar nav a:hover{background:var(--c-surface);color:var(--c-ink)}}.admin-bar nav a.active{background:var(--c-forest-soft);color:var(--c-forest)}.admin-exit{align-items:center;gap:var(--s-1-5);min-height:var(--target);padding:0 var(--s-3);color:var(--c-muted);font-size:var(--fs-sm);margin-left:auto;text-decoration:none;display:inline-flex}.admin-exit svg{width:var(--icon-sm);height:var(--icon-sm)}@media (width<45em){.admin-bar{padding:var(--s-2)}.admin-exit{margin-left:0}}:is(.card-media,.photo-wait)>.img-fallback{position:absolute;inset:0}.species-actions{justify-self:stretch;align-items:center;gap:var(--s-2);margin:var(--s-2) 0 0;flex-wrap:wrap;display:flex}.species-actions>:is(button,.button){white-space:nowrap}.species-actions .save-action{background:var(--c-accent-fill);color:var(--c-on-accent);box-shadow:var(--sh-press);font-size:var(--fs-lead);border-color:#0000}.species-actions .save-action:active{box-shadow:var(--sh-pressed);transform:translateY(3px)}.species-actions .save-action[aria-pressed=true]{background:var(--c-surface);color:var(--c-ink-2);box-shadow:none}.species-actions .save-action[aria-pressed=true] svg{color:var(--c-accent)}.species-actions .compare-action{background:var(--c-raised);color:var(--c-ink)}.species-actions .compare-action[aria-pressed=true]{border-color:var(--c-accent);background:var(--c-accent-soft);color:var(--c-accent-strong)}@media (hover:hover){.species-actions .save-action:hover{filter:brightness(1.06)}}@media (width<45em){.species-actions{flex-wrap:wrap}.species-actions .save-action{flex:1;min-width:0}}.trait-thumb{border-radius:var(--r-sm);background:var(--c-surface-2);width:96px;height:96px;position:relative;overflow:hidden}.trait-thumb img{max-width:none;position:absolute}@media (width<45em){.trait-thumb{width:76px;height:76px}}.photo-frame{width:fit-content;max-width:100%;margin:0 auto;display:block;position:relative}.detail-photo .photo-frame img{width:auto;max-width:100%;height:auto;display:block}.detail-photo:has(.photo-frame){width:fit-content;max-width:100%;margin-inline:auto}.photo-mark{z-index:var(--z-raised);width:32px;height:32px;margin:calc(-1 * var(--s-4)) 0 0 calc(-1 * var(--s-4));border:2px solid var(--c-raised);background:var(--c-ink-fill);color:var(--c-on-scrim);font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-sm);box-shadow:var(--sh-1);transition:background-color var(--dur-2) var(--ease), transform var(--dur-2) var(--ease-pop);--enter:scale(.5);animation:enter var(--dur-2) var(--ease-pop) both;border-radius:50%;place-items:center;display:grid;position:absolute}.photo-mark:nth-child(3){animation-delay:calc(var(--stagger) * 2)}.photo-mark:nth-child(4){animation-delay:calc(var(--stagger) * 4)}.photo-mark.is-active{background:var(--c-accent-fill);transform:scale(1.2)}.book-stamp{z-index:var(--z-toast);pointer-events:none;animation:book-stamp var(--dur-loop) var(--ease-pop) both;justify-items:center;display:grid;position:fixed;top:44%;left:50%;translate:-50% -50%}.book-stamp-face{border:6px solid var(--c-accent);background:var(--c-raised);width:168px;height:168px;box-shadow:var(--sh-2);color:var(--g-fg,var(--c-accent));border-radius:50%;place-items:center;display:grid}.book-stamp-face img{object-fit:cover;border-radius:50%;width:128px;height:128px}.book-stamp-face svg{width:72px;height:72px}.book-stamp-label{margin-top:calc(-1 * var(--s-4));padding:var(--s-1) var(--s-4);border-radius:var(--r-pill);background:var(--c-accent-fill);color:var(--c-on-accent);font-family:var(--font-display);font-weight:var(--fw-black);white-space:nowrap}.more-choices>summary{min-height:var(--target);padding:var(--s-2) var(--s-4);border-radius:var(--r-pill);background:var(--c-surface);color:var(--c-ink-2);font-size:var(--fs-sm);font-weight:var(--fw-bold);cursor:pointer;align-items:center;display:inline-flex}.more-choices>div{margin-top:var(--s-3)}.tile-grid>.more-choices{grid-column:1/-1}.tile-grid{gap:var(--s-5) var(--s-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=45em){.tile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.tile-grid .more-choices>div{gap:var(--s-5) var(--s-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=45em){.tile-grid .more-choices>div{grid-template-columns:repeat(4,minmax(0,1fr))}}.photo-tile{gap:var(--s-3);color:var(--c-ink);align-content:start;text-decoration:none;display:grid}.photo-tile-photo{aspect-ratio:4/5;border-radius:var(--r-md);background:var(--g-bg,var(--c-surface-2));isolation:isolate;transition:transform var(--dur-1) var(--ease), box-shadow var(--dur-2) var(--ease);display:block;position:relative;overflow:hidden}.photo-tile-photo img{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-4) var(--ease)}.photo-tile-mark{color:var(--g-fg,var(--c-ink-2));place-items:center;display:grid;position:absolute;inset:0}.photo-tile-mark svg{aspect-ratio:1;width:min(40%,56px);height:auto}.photo-tile-name{gap:var(--s-0);padding:0 var(--s-1);font-weight:var(--fw-bold);line-height:var(--lh-snug);display:grid}.photo-tile-name small{color:var(--c-muted);font-size:var(--fs-xs);font-weight:var(--fw-medium)}.photo-tile[aria-current] .photo-tile-photo{box-shadow:0 0 0 3px var(--c-bg), 0 0 0 6px var(--c-accent)}.photo-tile[aria-current] .photo-tile-name{color:var(--c-accent-strong)}@media (hover:hover){.photo-tile:hover{color:var(--c-ink)}.photo-tile:hover img{transform:scale(1.045)}}.photo-tile:active .photo-tile-photo{transform:scale(.98)}.photo-tile{min-width:0}.photo-tile-name{overflow-wrap:anywhere;min-width:0;max-width:100%}.participation-actions{margin:var(--s-4) 0}.coverage-meter:not(.more-facts>*){margin-top:var(--s-6)}.coverage-body{margin-top:var(--s-4)}.coverage-counts{gap:var(--s-4);display:grid}.coverage-counts dt{font-weight:var(--fw-bold)}.coverage-counts dd{margin:var(--s-1) 0 0}.coverage-counts meter{width:100%;accent-color:var(--c-accent);display:block}.coverage-date{font-size:var(--fs-xs);color:var(--c-muted)}.photo-contribution-review>button{min-height:var(--target-lg);padding-inline:var(--s-4);border-radius:var(--r-sm);border-color:var(--c-line);text-align:left;justify-content:flex-start}.photo-contribution-review>img{object-fit:contain;border-radius:var(--r-md);background:var(--c-surface);width:100%;max-height:480px}.photo-contribution-list article,.photo-contribution-form details{gap:var(--s-2);padding:var(--s-4);border:1px solid var(--c-line);border-radius:var(--r-md);display:grid}.photo-contribution-form details[open]>:not(summary){margin-top:var(--s-3)}.contribution-picker ul{gap:var(--s-1);padding:0;list-style:none;display:grid}.q-map path.is-home{fill:var(--c-accent);stroke:var(--c-raised);stroke-width:.6px}.q-map path.is-coast{fill:none;stroke:var(--c-accent);stroke-width:7px;stroke-linejoin:round}.q-map .q-sea{fill:#0000;transition:fill var(--dur-2) var(--ease)}.q-map .q-sea.is-lit{fill:color-mix(in srgb, var(--area-ocean) 55%, transparent)}.q-map.is-open .q-sea{cursor:pointer;fill:color-mix(in srgb, var(--area-ocean) 22%, transparent)}.q-map.is-open .q-sea.is-lit{fill:color-mix(in srgb, var(--area-ocean) 60%, transparent)}@media (hover:hover){.q-map.is-open .q-sea:hover{fill:color-mix(in srgb, var(--area-ocean) 45%, transparent)}}.q-map .q-seen circle{fill:var(--c-accent);fill-opacity:.85}.q-map path:not(.is-coast){vector-effect:non-scaling-stroke;stroke-width:.8px}.pq{grid-template:"ask""stage"minmax(0,1fr)"side""band"/minmax(0,1fr);min-height:0;display:grid;position:relative}.pq.is-waiting{border-radius:var(--r-lg);background:linear-gradient(100deg, transparent 30%, var(--c-shimmer) 50%, transparent 70%) var(--c-surface);--enter:none;animation:enter var(--dur-2) var(--ease) var(--dur-3) both, shimmer var(--dur-loop) linear infinite;background-size:250% 100%}.pq-ask{padding:var(--s-1) 0 var(--s-3);font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-black);line-height:var(--lh-tight);word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance;grid-area:ask;margin:0}.pq-ask:focus{outline:none}.pq-ask rt{font-family:var(--font-sans);font-size:calc(var(--fs-relative) * .42);font-weight:var(--fw-bold);color:var(--c-muted)}.pq-who{color:var(--c-accent-strong)}.pq-who.is-line{font-size:var(--fs-lg);display:block}.pq-look{align-items:center;gap:var(--s-1);width:fit-content;margin-bottom:var(--s-1-5);padding:var(--s-0) var(--s-3) var(--s-0) var(--s-2);border-radius:var(--r-pill);background:var(--c-surface-2);color:var(--c-ink-2);font-family:var(--font-sans);font-size:var(--fs-xs);font-weight:var(--fw-bold);display:flex}.pq-look svg{width:var(--icon-sm);height:var(--icon-sm)}.kind-part .pq-ask{font-size:var(--fs-lg);line-height:var(--lh-snug)}.pq-ask-tail{color:var(--c-accent-strong);display:block}.pq-stage{gap:var(--s-2);grid-area:stage;min-height:0;display:grid}.pq-stage.is-pair{grid-template-rows:repeat(2,minmax(0,1fr))}.pq-side{min-height:0;padding-top:var(--s-2);grid-area:side;display:grid;position:relative}.pq-pick,.pq-hero{border-radius:var(--r-lg);background:var(--photo-color,var(--c-surface-2));min-height:0;color:var(--c-on-scrim);text-align:left;transition:transform var(--dur-1) var(--ease), opacity var(--dur-3) var(--ease), filter var(--dur-3) var(--ease);border:0;padding:0;display:block;position:relative;overflow:hidden}.pq-hero{height:100%}.pq-pick img,.pq-hero img{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-5) var(--ease);position:absolute;inset:0}.pq-pick:after,.pq-hero:after{content:"";background:linear-gradient(transparent, var(--c-scrim-strong));pointer-events:none;position:absolute;inset:50% 0 0}.pq-pick:not([aria-disabled=true]):active{transform:scale(.97)}@media (hover:hover){.pq-pick:not([aria-disabled=true]):hover{transform:translateY(-2px)}}.pq-foot{z-index:var(--z-raised);inset:auto var(--s-3) var(--s-3);justify-items:start;gap:var(--s-1-5);display:grid;position:absolute}.pq-name{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-black);line-height:var(--lh-tight);text-shadow:var(--sh-text)}.pq-key{z-index:var(--z-raised);top:var(--s-2);left:var(--s-2);border-radius:var(--r-xs);background:var(--c-raised);width:26px;height:26px;color:var(--c-ink-2);font-size:var(--fs-2xs);font-weight:var(--fw-black);place-items:center;display:none;position:absolute}.pq-pick:before,.pq-card-photo:before{content:"";z-index:var(--z-raised);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.pq-pick.is-picked:before{box-shadow:inset 0 0 0 5px var(--c-on-scrim)}.pq-pick.is-right:before,.pq-card.is-right .pq-card-photo:before{box-shadow:inset 0 0 0 5px var(--c-right)}.pq-pick.is-wrong:before,.pq-card.is-wrong .pq-card-photo:before{box-shadow:inset 0 0 0 5px var(--c-wrong)}.pq-mark{z-index:var(--z-raised);top:var(--s-2);right:var(--s-2);width:36px;height:36px;color:var(--c-on-accent);box-shadow:0 0 0 3px var(--c-raised);border-radius:50%;place-items:center;display:none;position:absolute}.pq-mark svg{width:var(--icon-md);height:var(--icon-md);stroke-width:3px;display:none}:is(.is-right,.is-wrong) .pq-mark{--enter:scale(.4);animation:enter var(--dur-3) var(--ease-pop) both;display:grid}.is-right .pq-mark{background:var(--c-right)}.is-wrong .pq-mark{background:var(--c-wrong)}.is-right .pq-mark svg:first-child,.is-wrong .pq-mark svg:last-child{display:block}:is(.pq-pick,.pq-card).is-other{opacity:.5;filter:saturate(.5)}.just-right :is(.pq-pick,.pq-tile,.pq-card).is-right{--bump:scale(1.04);animation:bump var(--dur-4) var(--ease-pop)}.just-wrong :is(.pq-pick,.pq-tile,.pq-card).is-wrong{animation:shake var(--dur-3) var(--ease)}.kind-part .pq-pick.is-right img{transform:scale(var(--zoom,1))}.pq-ruler{gap:var(--s-1);animation:enter var(--dur-3) var(--ease) both;justify-self:stretch;display:grid}.pq-len{white-space:nowrap;font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:var(--fw-black);text-shadow:var(--sh-text);font-variant-numeric:tabular-nums;line-height:1}.pq-len small{margin-left:var(--s-0);font-size:var(--fs-lg)}.pq-track{border-radius:var(--r-pill);background:var(--c-glass-strong);height:10px;display:block;position:relative}.pq-fill{--tip:var(--c-on-scrim);width:calc(var(--max) * 100%);border-radius:inherit;background:linear-gradient(to right, var(--tip) calc(var(--min) / var(--max) * 100%), color-mix(in srgb, var(--tip) 60%, transparent) 0);transform-origin:0;position:absolute;inset:0 auto 0 0}.pq-ruler.is-racing .pq-fill{animation:race-grow var(--race) linear both}.pq-ruler.is-long .pq-len{color:var(--c-sun);--bump:scale(1.12);animation:bump var(--dur-4) var(--ease-pop);transform-origin:0 100%}.pq-ruler.is-long .pq-fill{--tip:var(--c-sun)}@keyframes race-grow{0%{transform:scaleX(0)}}.pq-caption{max-width:100%;padding:var(--s-1) var(--s-3);border-radius:var(--r-sm);background:var(--c-raised);color:var(--c-ink);font-size:var(--fs-xs);font-weight:var(--fw-bold);line-height:var(--lh-snug);animation:enter var(--dur-3) var(--ease) var(--dur-1) both}.pq-cards{gap:var(--s-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pq-card{align-content:start;gap:var(--s-1);min-width:0;color:var(--c-ink);text-align:center;transition:opacity var(--dur-3) var(--ease), filter var(--dur-3) var(--ease);background:0 0;border:0;margin:0;padding:0;display:grid}.pq-card-photo{aspect-ratio:1;border-radius:var(--r-md);background:var(--c-surface-2);transition:transform var(--dur-1) var(--ease);display:block;position:relative;overflow:hidden}.pq-card-photo img{object-fit:cover;width:100%;height:100%}.pq-card:not([aria-disabled=true]):active .pq-card-photo{transform:scale(.96)}.pq-card .pq-mark{top:var(--s-1-5);right:var(--s-1-5);width:28px;height:28px}.pq-card-text{align-content:start;justify-items:center;gap:var(--s-0);min-height:2.5em;display:grid}.pq-card-name{font-size:var(--fs-xs);font-weight:var(--fw-black);line-height:var(--lh-tight);text-wrap:balance}.pq-card-name.is-long{font-size:var(--fs-2xs)}.pq-tag{max-width:100%;color:var(--c-muted);font-size:var(--fs-2xs);font-weight:var(--fw-black);line-height:var(--lh-tight);text-wrap:balance;--enter:scale(.6);animation:enter var(--dur-3) var(--ease-pop) both}.pq-tag.is-hot{color:var(--c-right)}.pq-hero .pq-tag{padding:var(--s-1) var(--s-3);border-radius:var(--r-pill);background:var(--c-raised);color:var(--c-ink-2);font-size:var(--fs-sm)}.pq-hero .pq-tag.is-hot{background:var(--c-right);color:var(--c-on-accent)}.pq-link{z-index:var(--z-raised);pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pq-link path{fill:none;stroke:var(--c-right);stroke-width:3px;stroke-linecap:round}.pq-link.is-new path{stroke-dasharray:1;stroke-dashoffset:1px;animation:link-draw var(--dur-4) var(--ease) forwards}@keyframes link-draw{to{stroke-dashoffset:0}}.pq-tiles,.pq-map{grid-area:1/1}.pq-tiles{gap:var(--s-2);transition:opacity var(--dur-2) var(--ease);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.is-drawn .pq-tiles{opacity:0;pointer-events:none}.pq-tile{align-content:center;justify-items:center;gap:var(--s-0);height:64px;padding:var(--s-1);border-radius:var(--r-md);background:var(--c-raised);box-shadow:var(--ring-line), var(--edge-bottom);color:var(--c-ink-2);font-size:var(--fs-2xs);font-weight:var(--fw-black);line-height:var(--lh-tight);transition:transform var(--dur-1) var(--ease);border:0;display:grid;position:relative}.pq-tile:not([aria-disabled=true]):active{transform:translateY(2px)}.pq-tile .pq-mark{top:calc(-1 * var(--s-1-5));right:calc(-1 * var(--s-1-5));width:24px;height:24px}.pq-shape{width:56px;height:30px}.pq-shape path{fill:color-mix(in srgb, var(--area-tone) 75%, var(--c-raised))}.pq-tile[data-area=africa]{--area-tone:var(--area-africa-strong)}.pq-tile[data-area=asia]{--area-tone:var(--area-asia-strong)}.pq-tile[data-area=europe]{--area-tone:var(--area-europe-strong)}.pq-tile[data-area=north-america]{--area-tone:var(--area-north-america-strong)}.pq-tile[data-area=latin-america]{--area-tone:var(--area-latin-america-strong)}.pq-tile[data-area=oceania]{--area-tone:var(--area-oceania-strong)}@media (hover:hover){.pq-tile:not([aria-disabled=true]):hover{box-shadow:inset 0 0 0 2px var(--area-tone), var(--edge-bottom)}}.pq-map{border-radius:var(--r-md);--enter:scale(.96);width:100%;height:100%;min-height:0;animation:enter var(--dur-3) var(--ease) both;display:block}.pq-sea{fill:color-mix(in srgb, var(--area-ocean) 22%, var(--c-raised))}.pq-map path{fill:var(--c-map-land);stroke:var(--c-raised);stroke-width:.8px;vector-effect:non-scaling-stroke}.pq-map path.is-answer{fill:var(--c-right-soft)}.pq-map path.is-picked{fill:var(--c-wrong-soft)}.pq-map path.is-home{fill:var(--c-right)}.pq-map-label{font-family:var(--font-display);font-weight:var(--fw-black);fill:var(--c-right);text-anchor:middle;paint-order:stroke;stroke:var(--c-raised);stroke-width:4px;vector-effect:non-scaling-stroke;animation:enter var(--dur-2) var(--ease) both}.pq-voice{border-radius:var(--r-lg);background:var(--c-accent-strong);height:100%;color:var(--c-on-scrim);place-items:center;display:grid;position:relative;overflow:hidden}.pq-voice>img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--dur-4) var(--ease);position:absolute;inset:0}.pq-voice.is-shown>img{opacity:1}.pq-voice:after{content:"";background:linear-gradient(transparent, var(--c-scrim-strong));opacity:0;transition:opacity var(--dur-4) var(--ease);pointer-events:none;position:absolute;inset:50% 0 0}.pq-voice.is-shown:after{opacity:1}.pq-voice-play{z-index:var(--z-raised);background:var(--c-raised);width:96px;height:96px;color:var(--c-accent-strong);box-shadow:var(--sh-1);transition:all var(--dur-3) var(--ease);border:0;border-radius:50%;place-items:center;display:grid;position:relative}.pq-voice-play svg{width:40px;height:40px;margin-left:var(--s-1);fill:currentColor}.pq-voice.is-shown .pq-voice-play{top:var(--s-3);left:var(--s-3);width:48px;height:48px;box-shadow:none;position:absolute}.pq-voice.is-shown .pq-voice-play svg{width:var(--icon-lg);height:var(--icon-lg);margin-left:var(--s-0)}.pq-wave{inset:auto 0 var(--s-6);justify-content:center;align-items:center;gap:var(--s-1);height:48px;transition:opacity var(--dur-2);display:flex;position:absolute}.pq-wave i{width:5px;height:calc(var(--h) * 100%);border-radius:var(--r-xs);background:var(--c-glass-strong)}.is-playing .pq-wave i{animation:wave calc(var(--stagger) * 22.5) ease-in-out calc(var(--i) * calc(var(--stagger) * -1.75)) infinite alternate}.pq-voice.is-shown .pq-wave{opacity:0}@keyframes wave{0%{transform:scaleY(.35)}}.pq-voice-failed{top:var(--s-3);font-size:var(--fs-xs);font-weight:var(--fw-bold);position:absolute}.pq-credit{z-index:var(--z-raised);right:var(--s-2);bottom:var(--s-1-5);max-width:70%;color:var(--c-glass-strong);font-size:var(--fs-2xs);text-overflow:ellipsis;white-space:nowrap;text-shadow:var(--sh-text);text-decoration:none;position:absolute;overflow:hidden}.pq-voice.is-shown .pq-foot,.pq-hero .pq-foot{bottom:var(--s-5)}.pq-band{margin-inline:calc(-1 * var(--gutter));transition:grid-template-rows var(--dur-3) var(--ease), padding var(--dur-3) var(--ease);grid-area:band;grid-template-rows:0fr;display:grid;overflow:hidden}.is-banded .pq-band{padding-top:var(--s-2);grid-template-rows:1fr}.pq-band-in{min-height:0;overflow:hidden}.pq-band-box{align-items:center;gap:var(--s-2) var(--s-3);padding:var(--s-3) var(--gutter) calc(var(--s-3) + env(safe-area-inset-bottom));border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--c-raised);box-shadow:var(--sh-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.pq-band-box>p{margin:0}.pq-verdict{gap:var(--s-0);min-width:0;display:grid}.pq-verdict b{align-items:center;gap:var(--s-2);font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-black);line-height:var(--lh-tight);white-space:nowrap;display:flex}.pq-verdict-mark{width:28px;height:28px;color:var(--c-on-accent);border-radius:50%;flex:none;place-items:center;display:grid}.pq-verdict-mark svg{width:var(--icon-sm);height:var(--icon-sm);stroke-width:3px}.pq-verdict.is-right b{color:var(--c-right)}.pq-verdict.is-right .pq-verdict-mark{background:var(--c-right)}.pq-verdict.is-wrong .pq-verdict-mark{background:var(--c-ink-2)}.pq-line{color:var(--c-ink-2);font-size:var(--fs-xs);line-height:var(--lh-snug)}.pq-save{grid-column:1/-1}.pq-go{align-items:center;gap:var(--s-2);display:flex}.pq-go .primary{min-width:100px;min-height:var(--target-lg);justify-content:center}.pq-enter{display:none}@media (width<60em) and (height<44em){.pq-ask{padding-bottom:var(--s-2);font-size:var(--fs-lg)}.pq-tile{height:58px}}@media (width>=60em){.pq{column-gap:var(--s-5);grid-template:"ask ask""stage side"minmax(0,1fr)"band band"/minmax(0,1.3fr) minmax(0,1fr)}.pq:is(.kind-bigger,.kind-part){grid-template-areas:"ask ask""stage stage""band band"}.pq-ask{padding:var(--s-3) 0 var(--s-5);font-size:var(--fs-2xl)}.pq-who.is-line{font-size:var(--fs-xl)}.pq-stage.is-pair{gap:var(--s-4);grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr))}.pq-side{align-content:center;padding-top:0}.pq.kind-where .pq-side{align-content:stretch}.pq-tiles{gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr));align-content:center}.pq-tile{height:112px;font-size:var(--fs-sm)}.pq-shape{width:104px;height:60px}.pq-side:has(.pq-cards){align-content:stretch}.pq-cards{gap:var(--s-3);grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:minmax(0,1fr);height:100%}.pq-card{align-items:center;gap:var(--s-4);text-align:left;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:100%;min-height:0}.pq-card-photo{aspect-ratio:auto;height:100%}.pq-card-text{justify-items:start;min-height:0}.pq-card-name,.pq-card-name.is-long{font-family:var(--font-display);font-size:var(--fs-lg)}.pq-tag{font-size:var(--fs-sm)}.pq-name{font-size:var(--fs-xl)}.pq-len{font-size:var(--fs-display)}.pq-key{display:grid}.is-answered .pq-key{display:none}.pq-band{margin-inline:0}.is-banded .pq-band{padding-top:var(--s-5)}.pq-band-box{padding:var(--s-3) var(--s-4) var(--s-3) var(--s-5);border-radius:var(--r-lg);box-shadow:var(--ring-line)}.pq-verdict{justify-content:start;align-items:baseline;gap:var(--s-4);grid-auto-flow:column}.pq-verdict b{font-size:var(--fs-xl)}.pq-line{font-size:var(--fs-body)}.pq-go .primary{min-width:200px}.pq-enter{padding:0 var(--s-1-5);border-radius:var(--r-xs);box-shadow:var(--ring-line);color:var(--c-muted);font-family:var(--font-sans);font-size:var(--fs-2xs);font-weight:var(--fw-bold);display:inline-block}.pq-voice-play{width:120px;height:120px}}.confetti{z-index:var(--z-toast);pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti i{border-radius:var(--r-xs);--y:105vh;--to-o:.9;width:10px;height:14px;animation:fly var(--dur-loop) var(--ease) forwards;position:absolute;top:-14px}.recognition-preview{object-fit:contain;width:100%;max-height:280px}.recognition-dialog,.recognition-consent{gap:var(--s-4);display:grid}.recognition-dialog .recognition-preview{border-radius:var(--r-md);background:var(--c-surface);max-height:18rem}.recognition-consent dl{gap:var(--s-2) var(--s-4);grid-template-columns:auto minmax(0,1fr);display:grid}.recognition-consent dt{font-weight:var(--fw-bold)}.recognition-consent dd{overflow-wrap:anywhere}.recognition-check{align-items:flex-start;gap:var(--s-3);padding:var(--s-3) 0;cursor:pointer;display:flex}.recognition-check input{margin-top:var(--s-0)}.recognition-candidates{gap:var(--s-3);margin:0;padding:0;list-style:none;display:grid}.recognition-candidates li{gap:var(--s-2);padding:var(--s-4);border:1px solid var(--c-line);border-radius:var(--r-md);overflow-wrap:anywhere;display:grid}.recognition-candidates button{justify-self:start}.recognition-manual{gap:var(--s-2);flex-wrap:wrap;display:flex}@media (width<45em){.recognition-consent dl{grid-template-columns:1fr}.recognition-manual button,.recognition-candidates button{width:100%}}.region-map{margin:0}.region-map svg{border-radius:var(--r-md);background:var(--c-surface);width:100%;height:auto;display:block}.region-map .country{fill:var(--c-map-land);stroke:var(--c-surface);stroke-width:.7px}.region-map .available-country{fill:color-mix(in srgb, var(--c-accent) var(--tone,100%), var(--c-map-land));stroke:var(--c-surface);stroke-width:.7px;cursor:pointer;transition:fill var(--dur-1) var(--ease)}.map-scale{align-items:center;gap:var(--s-2);color:var(--c-muted);font-size:var(--fs-xs);display:inline-flex}.map-scale i{border-radius:var(--r-pill);background:linear-gradient(90deg, color-mix(in srgb, var(--c-accent) 28%, var(--c-map-land)), var(--c-accent));width:72px;height:8px}.region-map .available-country.is-selected,.region-map a:focus-visible .available-country{fill:var(--c-accent);stroke:var(--c-ink);stroke-width:1.5px}@media (hover:hover){.region-map a:hover .available-country{fill:var(--c-accent);stroke:var(--c-ink);stroke-width:1.5px}}.region-map figcaption{justify-content:space-between;gap:var(--s-2);margin-top:var(--s-3);font-size:var(--fs-sm);color:var(--c-muted);flex-wrap:wrap;display:flex}.region-map figcaption strong{color:var(--c-ink)}.region-map figcaption a{color:var(--c-muted);font-size:var(--fs-xs)}.sign-in-prompt{margin-top:var(--s-5)}.sign-in-prompt p{max-width:28rem}.sp-trait{align-items:center;gap:var(--s-3);width:100%;color:var(--c-ink);text-align:left;font:inherit;line-height:var(--lh-snug);background:0 0;border:0;margin:0;padding:0;display:flex}.sp-trait-words{gap:var(--s-0);min-width:0;display:grid}.sp-trait-words strong{font-weight:var(--fw-black)}.sp-trait-words>span{font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--c-ink-2)}p.sp-trait{align-items:flex-start}p.sp-trait:before{content:"";width:8px;height:8px;margin:calc(var(--s-1) * 2.2) var(--s-1) 0 var(--s-1);background:var(--g-fg,var(--c-muted));opacity:.6;border-radius:50%;flex:none}.sp-trait.is-photo{padding:var(--s-2) var(--s-3) var(--s-2) var(--s-2);border-radius:var(--r-md);background:var(--c-surface);cursor:pointer;transition:background-color var(--dur-2) var(--ease)}.sp-trait.is-photo[aria-expanded=true]{background:var(--g-bg,var(--c-accent-soft))}.sp-trait.is-photo>img{border-radius:var(--r-sm);object-fit:cover;flex:none;width:64px;height:64px}.sp-trait-chev{width:var(--icon-md);height:var(--icon-md);color:var(--c-muted);transition:rotate var(--dur-3) var(--ease);flex:none;margin-left:auto}.sp-trait[aria-expanded=true] .sp-trait-chev{rotate:180deg}@media (hover:hover){.sp-trait.is-photo:hover{background:var(--g-bg,var(--c-accent-soft))}}.sp-trait-photo{transition:grid-template-rows var(--dur-3) var(--ease);grid-template-rows:0fr;display:grid}.sp-trait-photo>div{min-height:0;overflow:hidden}.sp-trait-photo.is-open{grid-template-rows:1fr}.sp-trait-photo .detail-photo{margin-top:var(--s-2);border-radius:var(--r-lg);overflow:hidden}.page-end{padding-top:var(--s-7)}.main-container:has(>.page-end){flex-direction:column;display:flex}.main-container>.page-end{margin-top:auto}:where(.main-container:has(>.page-end)>*){width:100%}.page-end-today{align-items:center;gap:var(--s-4);max-width:640px;padding:var(--s-2) var(--s-3) var(--s-2) var(--s-2);border-radius:var(--r-lg);background:var(--c-raised);box-shadow:var(--sh-1);color:var(--c-ink);transition:transform var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease);grid-template-columns:auto minmax(0,1fr) auto;margin:0 auto;text-decoration:none;display:grid}.page-end-today:active{transform:scale(.98)}.page-end-photo{aspect-ratio:4/3;border-radius:var(--r-md);background:var(--c-surface-2);width:112px;display:block;position:relative;overflow:hidden}.page-end-photo img{object-fit:cover;width:100%;height:100%}.page-end-words{gap:var(--s-0);display:grid}.page-end-words small{align-items:center;gap:var(--s-1);color:var(--c-muted);font-size:var(--fs-xs);font-weight:var(--fw-bold);display:inline-flex}.page-end-words small svg{width:var(--icon-sm);height:var(--icon-sm);color:var(--c-sun-deep)}.page-end-words strong{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-black);line-height:var(--lh-tight)}.page-end-go{width:var(--target);height:var(--target);background:var(--c-ink-fill);color:var(--c-on-accent);transition:transform var(--dur-2) var(--ease);border-radius:50%;place-items:center;display:grid}.page-end-go svg{width:var(--icon-md);height:var(--icon-md)}@media (hover:hover){.page-end-today:hover{color:var(--c-ink);box-shadow:var(--sh-2);transform:translateY(-2px)}.page-end-today:hover .page-end-go{transform:translate(3px)}}@media (width<45em){.page-end-photo{width:88px}}.screen{grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.screen>*{min-width:0}.screen[data-type=list]{align-content:start}.read-column{width:100%;max-width:var(--w-read);margin-inline:auto}@media (width>=45em){.read-head{padding-top:var(--s-2);grid-area:1/2}}.screen[data-type=question]>*{width:100%;max-width:var(--w-read);margin-inline:auto}@media (width>=60em){.screen[data-type=question]>:has(.ask-card,.pq){max-width:var(--w-page)}}.skip-link{top:var(--s-2);left:var(--s-4);z-index:var(--z-overlay);padding:var(--s-3) var(--s-4);border-radius:var(--r-sm);background:var(--c-raised);box-shadow:var(--sh-2);position:fixed;transform:translateY(calc(-100% - 64px))}.skip-link:focus{transform:none}.site-header{z-index:var(--z-bar);padding-top:var(--safe-top);background:var(--c-header);view-transition-name:site-header;transition:transform var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease);border-bottom:1px solid #0000;position:sticky;top:0}.site-header.is-scrolled{border-bottom-color:var(--c-line)}.site-header.is-hidden{transform:translateY(-100%)}:root[data-detail] .site-header.is-hidden{transform:none}.header-inner{max-width:calc(var(--w-page) + 2 * var(--gutter));min-height:calc(var(--header-h) - var(--safe-top));padding:0 var(--gutter);align-items:center;gap:var(--s-6);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);margin:0 auto;display:grid}.header-start{align-items:center;gap:var(--s-3);min-width:0;display:flex}.brand{min-width:0;color:var(--c-ink);flex:0 200px;text-decoration:none}.brand>img{width:200px;height:auto;transition:transform var(--dur-2) var(--ease-pop);display:block}.brand:active>img{transform:scale(.97)}.primary-nav{align-self:stretch;display:flex}.primary-nav a{justify-content:center;align-items:center;gap:var(--s-2);min-width:136px;padding:0 var(--s-5);color:var(--c-ink-2);font-size:var(--fs-lead);font-weight:var(--fw-bold);white-space:nowrap;transition:color var(--dur-1) var(--ease);text-decoration:none;display:inline-flex;position:relative}.primary-nav a.active{color:var(--c-ink)}.primary-nav a:after,.nav-mark{width:28px;height:4px;margin-left:calc(var(--s-1) * -3.5);border-radius:var(--r-pill);position:absolute;bottom:14px;left:50%}.primary-nav a:after{content:"";background:var(--c-line);opacity:0;transition:opacity var(--dur-1) var(--ease)}.nav-mark{z-index:var(--z-raised);background:var(--c-ink);view-transition-name:nav-mark}.header-tools{justify-self:end;align-items:center;gap:var(--s-1);display:flex}.header-tools .menu-button{min-height:var(--target);padding:0 var(--s-4) 0 var(--s-3);border-color:var(--c-line);color:var(--c-ink);font-size:var(--fs-sm);background:0 0}.menu-button svg{width:var(--icon-lg);height:var(--icon-lg);stroke-width:2.25px}.menu-button{position:relative}.menu-button.is-here:after{content:"";background:var(--c-ink);width:10px;height:10px;box-shadow:0 0 0 2px var(--c-bg);border-radius:50%;position:absolute;top:-2px;right:-2px}@media (hover:hover){.brand:hover{color:var(--c-ink)}.brand:hover>img{transform:rotate(-2deg)scale(1.03)}.primary-nav a:hover{color:var(--c-ink)}.primary-nav a:not(.active):hover:after{opacity:1}.header-tools .menu-button:hover{background:var(--c-surface);border-color:var(--c-line);color:var(--c-ink)}}::view-transition-group(nav-mark){animation-duration:var(--dur-3);animation-timing-function:var(--ease-pop)}::view-transition-group(tab-mark){animation-duration:var(--dur-3);animation-timing-function:var(--ease-pop)}#root{flex-direction:column;min-height:100dvh;display:flex}.main-container{min-height:calc(100svh - var(--header-h));width:100%;max-width:calc(var(--w-page) + 2 * var(--gutter));padding:var(--s-6) var(--gutter) var(--s-8);flex:1 0 auto;margin:0 auto}.main-container>h1:first-child,.main-container>section:first-child>h1:first-child{margin-bottom:var(--s-5)}.main-container>h2,.main-container>section>h2{margin:var(--s-6) 0 var(--s-4)}footer{justify-items:start;gap:var(--s-3);width:100%;max-width:calc(var(--w-page) + 2 * var(--gutter));padding:var(--s-6) var(--gutter) var(--s-6);border-top:1px solid var(--c-line);font-size:var(--fs-2xs);color:var(--c-muted);order:2;margin:0 auto;display:grid}.footer-mark{width:40px;height:40px;transition:transform var(--dur-3) var(--ease-pop)}@media (hover:hover){footer:hover .footer-mark{transform:rotate(-8deg)}}.footer-links{gap:0 var(--s-5);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.footer-links a{min-height:36px;color:var(--c-ink-2);font-size:var(--fs-sm);font-weight:var(--fw-bold);align-items:center;text-decoration:none;display:inline-flex}@media (hover:hover){.footer-links a:hover{color:var(--c-ink);text-decoration:underline}}footer .footer-credit{gap:0 var(--s-3);flex-wrap:wrap;margin:0;display:flex}.footer-credit span,.footer-by{white-space:nowrap}.footer-by{margin:0}.tab-bar{display:none}.comparison-selection{left:50%;bottom:calc(var(--tabbar-h) + var(--s-3) + env(safe-area-inset-bottom));z-index:calc(var(--z-bar) + 1);align-items:center;gap:var(--s-1);padding:var(--s-1);border-radius:var(--r-pill);background:var(--c-ink-fill);color:var(--c-on-accent);box-shadow:var(--sh-2);--enter:translate(-50%, 16px);animation:enter var(--dur-2) var(--ease);display:flex;position:fixed;transform:translate(-50%)}.tray-open{align-items:center;gap:var(--s-2);min-height:44px;padding:0 var(--s-3) 0 var(--s-1);border-radius:var(--r-pill);color:inherit;font-weight:var(--fw-bold);font-size:var(--fs-sm);white-space:nowrap;text-decoration:none;display:inline-flex}.tray-open>svg{width:var(--icon-sm);height:var(--icon-sm)}.tray-faces{flex:none;display:flex}.tray-faces img,.tray-faces .thumb-empty{object-fit:cover;background:var(--c-surface-2);width:36px;height:36px;box-shadow:0 0 0 2px var(--c-ink);--enter:scale(.6);animation:enter var(--dur-2) var(--ease-pop);border-radius:50%;flex:none}.tray-faces>*+*{margin-left:calc(-1 * var(--s-3))}.tray-clear{background:var(--c-glass);width:36px;height:36px;color:inherit;cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.tray-clear svg{width:var(--icon-sm);height:var(--icon-sm)}@media (hover:hover){.tray-open:hover{background:var(--c-glass)}.tray-clear:hover{background:var(--c-glass-strong)}}body:has(.comparison-selection) footer{padding-bottom:calc(var(--tabbar-h) + var(--s-8) + env(safe-area-inset-bottom))}@media (width<60em){.header-inner{gap:var(--s-2);padding-right:var(--s-1-5);display:flex}.brand{flex-basis:140px}.brand>img{width:140px}.primary-nav{display:none}.header-tools{margin-left:auto}.header-tools .menu-button{width:var(--target);border-color:#0000;padding:0}.menu-label{display:none}.menu-button.is-here:after{top:8px;right:8px}.tab-bar{z-index:var(--z-bar);height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);padding-inline:max(env(safe-area-inset-left,0), env(safe-area-inset-right,0), calc((100% - calc(var(--s-1) * 140)) / 2));background:var(--c-header);border-top:1px solid var(--c-line);view-transition-name:tab-bar;transition:transform var(--dur-2) var(--ease);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;position:fixed;inset:auto 0 0}:root[data-typing] .tab-bar{transform:translateY(100%)}.tab-bar a{align-content:center;justify-items:center;gap:calc(var(--s-1) * .75);padding:var(--s-1) var(--s-0);text-align:center;min-width:0;line-height:var(--lh-tight);overflow-wrap:anywhere;color:var(--c-ink-2);font-size:var(--fs-xs);font-weight:var(--fw-bold);-webkit-tap-highlight-color:transparent;text-decoration:none;display:grid}.tab-bar a.active{color:var(--c-ink)}.tab-bar a svg{width:var(--icon-lg);height:var(--icon-lg);position:relative}.tab-bar a.active svg{color:var(--c-on-accent)}.tab-bar a.hop svg{animation:tab-pop var(--dur-3) var(--ease-pop)}.tab-bar a:active .tab-icon{transform:scale(.92)}.main-container{padding-top:var(--s-5);padding-bottom:var(--s-7)}footer{padding-bottom:calc(var(--tabbar-h) + var(--s-6) + env(safe-area-inset-bottom))}}@media (width<60em) and (orientation:landscape) and (height<32rem){.tab-bar a{align-items:center;gap:var(--s-2);grid-auto-flow:column}.tab-icon{height:28px}}@keyframes tab-pop{0%{transform:scale(.7)}to{transform:none}}.empty-state.not-found{padding:var(--s-6) 0;background:0 0}.tab-icon{width:56px;height:32px;transition:transform var(--dur-1) var(--ease);place-items:center;display:grid;position:relative}.tab-mark{border-radius:var(--r-pill);background:var(--c-ink-fill);view-transition-name:tab-mark;position:absolute;inset:0}.tab-icon .nav-count{min-width:18px;height:18px;padding:0 var(--s-1-5);box-shadow:0 0 0 2px var(--c-bg);position:absolute;top:-6px;right:2px}.primary-nav .nav-count{margin-left:var(--s-0)}.header-back{align-items:center;gap:var(--s-1-5);min-height:40px;padding:0 var(--s-4) 0 var(--s-3);border-radius:var(--r-pill);background:var(--c-surface);color:var(--c-ink);font-size:var(--fs-sm);font-weight:var(--fw-bold);flex:none;text-decoration:none;display:inline-flex}.header-back svg{width:var(--icon-md);height:var(--icon-md)}@media (hover:hover){.header-back:hover{background:var(--c-surface-2);color:var(--c-ink)}}.header-title{display:none}@keyframes page-out-next{to{opacity:0;transform:translate(-24px)}}@keyframes page-in-next{0%{opacity:0;transform:translate(24px)}}@keyframes page-out-back{to{opacity:0;transform:translate(24px)}}@keyframes page-in-back{0%{opacity:0;transform:translate(-24px)}}:root[data-tab-dir=next]::view-transition-old(root){animation:page-out-next var(--dur-2) var(--ease) both}:root[data-tab-dir=next]::view-transition-new(root){animation:page-in-next var(--dur-3) var(--ease) both}:root[data-tab-dir=back]::view-transition-old(root){animation:page-out-back var(--dur-2) var(--ease) both}:root[data-tab-dir=back]::view-transition-new(root){animation:page-in-back var(--dur-3) var(--ease) both}@media (width<60em){html[data-detail] .header-inner{padding-left:var(--s-1-5)}html[data-detail] .header-start{flex:1}html[data-detail] .brand{display:none}.header-back{width:var(--target);height:var(--target);background:0 0;justify-content:center;padding:0}.header-back svg{width:var(--icon-lg);height:var(--icon-lg)}.header-back-label{display:none}.header-title{text-align:center;min-width:0;font-family:var(--font-display);font-size:var(--fs-body);font-weight:var(--fw-black);min-height:var(--target);color:var(--c-ink);white-space:nowrap;text-overflow:ellipsis;opacity:0;pointer-events:none;transition:opacity var(--dur-2) var(--ease), transform var(--dur-2) var(--ease);flex:1;display:block;overflow:hidden;transform:translateY(4px)}.header-title.is-shown{opacity:1;pointer-events:auto;transform:none}.header-title.is-shown:active{transform:scale(.97)}}.modal.site-menu{width:min(340px, calc(100% - 2 * var(--s-4)));margin:calc(var(--header-h) - var(--s-2)) max(var(--gutter), calc((100vw - var(--w-page)) / 2)) auto auto;padding:var(--s-2);border-radius:var(--r-lg);box-shadow:0 0 0 1px var(--c-line), var(--sh-2);transform-origin:100% 0}.modal.site-menu::backdrop{background:0 0}@starting-style{.modal.site-menu[open]{opacity:0;transform:translateY(-6px)scale(.97)}}.modal.site-menu.is-closing{opacity:0;transform:translateY(-6px)scale(.97)}.modal.site-menu.is-closing::backdrop{opacity:0}.menu-grip{display:none}.menu-account{align-items:center;gap:var(--s-4);min-height:56px;margin-bottom:var(--s-1);padding:0 var(--s-3);border-radius:var(--r-md);background:var(--c-surface);color:var(--c-ink);font-weight:var(--fw-bold);text-decoration:none;display:flex}.menu-account svg{width:var(--icon-lg);height:var(--icon-lg);color:var(--c-accent)}.menu-account-words{min-width:0;line-height:var(--lh-tight);display:grid}.menu-account-words strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu-account-words small{color:var(--c-muted);font-size:var(--fs-2xs);font-weight:var(--fw-medium)}.menu-account svg:last-child{width:var(--icon-md);height:var(--icon-md);color:var(--c-muted);margin-left:auto}.site-menu ul{padding:var(--s-1) 0;margin:0;list-style:none}.site-menu ul+ul{border-top:1px solid var(--c-line)}.site-menu li a{align-items:center;gap:var(--s-4);min-height:52px;padding:0 var(--s-3);border-radius:var(--r-md);color:var(--c-ink);font-weight:var(--fw-bold);text-decoration:none;display:flex}.site-menu li a svg{width:var(--icon-lg);height:var(--icon-lg);color:var(--c-accent)}.site-menu li a[aria-current],.menu-account[aria-current]{background:var(--c-surface);box-shadow:inset 3px 0 0 var(--c-ink)}.menu-small a[aria-current]{color:var(--c-ink);font-weight:var(--fw-bold)}@media (hover:hover){.site-menu li a:hover,.menu-account:hover{background:var(--c-surface);color:var(--c-ink)}.menu-account:hover{background:var(--c-surface-2)}}.menu-language-row{margin-top:var(--s-2);container-type:inline-size}.menu-languages{gap:var(--s-0);padding:var(--s-1);border-radius:var(--r-lg);background:var(--c-surface);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.site-menu ul+.menu-languages{margin-top:var(--s-2)}@container (width<17rem){.menu-languages{grid-template-columns:1fr 1fr;grid-auto-flow:row}}.menu-languages a{min-height:40px;padding:0 var(--s-1);border-radius:var(--r-pill);color:var(--c-ink-2);font-size:var(--fs-xs);font-weight:var(--fw-bold);white-space:nowrap;transition:background-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease);place-items:center;text-decoration:none;display:grid}.menu-languages a[aria-current]{background:var(--c-ink-fill);color:var(--c-on-accent)}@media (hover:hover){.menu-languages a:not([aria-current]):hover{background:var(--c-raised);color:var(--c-ink)}}.menu-small{justify-content:center;gap:0 var(--s-5);margin:var(--s-2) 0 0;flex-wrap:wrap;display:flex}.menu-small a{min-height:36px;color:var(--c-muted);font-size:var(--fs-2xs);align-items:center;text-decoration:none;display:inline-flex}@media (hover:hover){.menu-small a:hover{color:var(--c-ink);text-decoration:underline}}@media (width<60em){.modal.site-menu{width:100%;max-width:none;padding:0 var(--gutter) calc(var(--s-4) + env(safe-area-inset-bottom));border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:var(--sh-2);transition:opacity var(--dur-2) var(--ease), transform var(--dur-3) var(--ease), overlay var(--dur-3) allow-discrete, display var(--dur-3) allow-discrete;margin:auto 0 0}.modal.site-menu::backdrop{background:var(--c-scrim-soft)}@starting-style{.modal.site-menu[open]{opacity:1;transform:translateY(100%)}}.modal.site-menu.is-closing{opacity:1;transform:translateY(100%)}.menu-grip{width:100%;height:24px;margin-bottom:var(--s-1);display:block;position:relative}.menu-grip:before{content:"";width:40px;height:5px;margin-left:calc(var(--s-1) * -5);border-radius:var(--r-pill);background:var(--c-line);position:absolute;top:10px;left:50%}}:root[data-play] .site-header,:root[data-play] .tab-bar,:root[data-play] footer{display:none}:root[data-play] .main-container{padding-top:0;padding-bottom:var(--s-4)}.empty-state{justify-items:center;gap:var(--s-3);padding:var(--s-8) var(--s-5);border-radius:var(--r-lg);background:var(--c-surface);text-align:center;display:grid}.empty-state h2{font-size:var(--fs-lg)}.empty-state p{color:var(--c-muted);max-width:28em}.site-menu .modal-top{margin:var(--s-1) 0 0;padding-left:var(--s-3);align-items:center}.site-menu .modal-top h2{font-size:var(--fs-sm);color:var(--c-muted)}:root[data-theme=dark] .brand>img{content:url(/brand/folk-book-20261026/logo-en-dark.webp)}:root[data-theme=dark]:lang(ja) .brand>img{content:url(/brand/folk-book-20261026/logo-ja-dark.webp)}:root[data-theme=dark] img[src$="/folk-book-20261026/symbol.webp"]{content:url(/brand/folk-book-20261026/symbol-dark.webp)}.explore-intro{padding:var(--s-5) 0 0}.explore-intro h1{overflow-wrap:anywhere;max-width:18em}.explore-intro-copy{min-width:0}.active-conditions{align-items:center;gap:var(--s-2) var(--s-3);margin:var(--s-3) 0 var(--s-6);flex-wrap:wrap;display:flex}.active-conditions p{max-width:100%;padding:var(--s-1-5) var(--s-4);border-radius:var(--r-pill);background:var(--c-accent-soft);color:var(--c-accent-strong);font-size:var(--fs-sm);font-weight:var(--fw-bold);line-height:var(--lh-snug);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.active-conditions button{padding:var(--s-1-5) var(--s-4);background:var(--c-surface);color:var(--c-ink-2);font-size:var(--fs-sm);border-color:#0000}@media (hover:hover){.active-conditions button:hover{background:var(--c-surface-2);color:var(--c-ink);border-color:#0000}}.entry-tile{align-items:center;gap:var(--s-4);min-height:72px;padding:var(--s-4) var(--s-5);border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-raised);color:var(--c-ink);transition:border-color var(--dur-1) var(--ease), box-shadow var(--dur-2) var(--ease), transform var(--dur-2) var(--ease);text-decoration:none;display:flex}@media (hover:hover){.entry-tile:hover{color:var(--c-ink);border-color:var(--c-line-strong);box-shadow:var(--sh-1);transform:translateY(-1px)}.entry-tile:hover>svg:last-child{color:var(--c-accent);transform:translate(3px)}}.entry-tile>span{flex:1;min-width:0}.entry-tile strong{font-weight:var(--fw-bold);display:block}.entry-tile span.entry-sub{font-size:var(--fs-sm);color:var(--c-muted);display:block}.entry-tile>svg:last-child{color:var(--c-muted);transition:transform var(--dur-2) var(--ease);margin-left:auto}.sort-control{align-items:center;gap:var(--s-2);font-size:var(--fs-sm);color:var(--c-muted);margin:var(--s-3) 0 var(--s-5);display:inline-flex}.sort-control select{min-height:var(--target);padding-block:var(--s-1-5);font-size:var(--fs-sm);border-color:var(--c-line);border-radius:var(--r-pill)}.current-question{margin:var(--s-4) 0;font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-bold)}.crumbs{align-items:center;gap:var(--s-2);margin:calc(-1 * var(--s-3)) 0 var(--s-4);color:var(--c-muted);font-weight:var(--fw-bold);font-size:var(--fs-sm);display:flex}.crumbs a{color:var(--c-muted);text-decoration:none}@media (hover:hover){.crumbs a:hover{color:var(--c-ink)}}.crumbs>span{opacity:.4}.species-sci{margin-top:var(--s-1);font-family:var(--font-display);font-style:normal;font-size:var(--fs-sm);color:var(--c-muted);overflow-wrap:anywhere}.look-points{margin-top:var(--s-6)}.look-points h2{margin-bottom:var(--s-3);font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:var(--fw-black);color:var(--c-accent-strong)}.look-points ul{gap:var(--s-2);margin:0;padding:0;list-style:none;display:grid}.trait{gap:var(--s-4);padding:var(--s-3);border-radius:var(--r-md);background:var(--c-surface);grid-template-columns:96px minmax(0,1fr);align-items:center;display:grid}.trait h3{margin:0 0 var(--s-0);font-size:var(--fs-body)}.trait .evidence{margin:0}.link-list{gap:var(--s-4);margin:0;padding:0;list-style:none;display:grid}.link-line{align-items:center;gap:var(--s-2);margin:0 0 var(--s-2);flex-wrap:wrap;display:flex}.link-line>svg{width:var(--icon-md);height:var(--icon-md);color:var(--c-muted)}.link-partner,.link-animal{align-items:center;gap:var(--s-2);min-height:var(--target);padding:0 var(--s-4);border-radius:var(--r-pill);font-weight:var(--fw-bold);display:inline-flex}.link-partner{background:var(--g-reptile-bg);color:var(--g-reptile-fg)}[data-kind=habitat] .link-partner{background:var(--g-sea-bg);color:var(--g-sea-fg)}[data-kind=interaction] .link-partner{background:var(--g-bird-bg);color:var(--g-bird-fg)}.link-animal{padding-left:var(--s-1);background:var(--c-surface)}.link-animal:not(:has(img)){padding-left:var(--s-4)}.link-animal img{object-fit:cover;border-radius:50%;width:32px;height:32px}.place-rows{gap:var(--s-5);display:grid}.place-name{font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-lg);line-height:var(--lh-snug)}.place-tags{align-items:center;gap:var(--s-2);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.place-tags>span{min-height:28px;padding:0 var(--s-3);border-radius:var(--r-pill);background:var(--c-surface);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--c-ink-2);align-items:center;display:inline-flex}.source-list p{font-size:var(--fs-xs);color:var(--c-muted)}.source-list>div{margin:var(--s-3) 0}@media (width<45em){.crumbs{margin:calc(-1 * var(--s-3)) 0 var(--s-3)}.trait{gap:var(--s-3);grid-template-columns:76px minmax(0,1fr)}}.species-skeleton .sk-photo{aspect-ratio:4/3;border-radius:var(--r-lg)}.species-skeleton .species-intro>.skeleton{width:100%;height:var(--s-4)}.species-skeleton .species-intro>.sk-chip{width:30%;height:var(--s-6)}.species-skeleton .species-intro>.sk-title{width:60%;height:var(--s-7)}.species-skeleton .species-intro>.sk-facts{height:var(--s-8)}.species-skeleton .sk-buttons{gap:var(--s-2);width:100%;display:flex}.species-skeleton .sk-buttons .skeleton{height:var(--target-lg)}.species-skeleton .sk-buttons .skeleton:first-child{width:30%}.species-skeleton .sk-buttons .skeleton:last-child{flex:1}@media (width<45em){.species-skeleton .sk-photo{border-radius:0}}.search-head{padding-top:var(--s-4)}.search-head h1{margin-bottom:var(--s-4)}.search-head .search-form{max-width:none;margin-bottom:var(--s-6)}.other-kinds{margin-top:var(--s-6)}.other-kinds ul{gap:var(--s-1) var(--s-5);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.other-kinds-count{margin-left:var(--s-1);color:var(--c-muted);font-weight:var(--fw-medium)}.tree-path ol{scrollbar-width:none;white-space:nowrap;align-items:center;gap:var(--s-2);margin:var(--s-4) 0 var(--s-4);flex-wrap:nowrap;padding:0;list-style:none;display:flex;overflow-x:auto}.tree-path li{align-items:center;gap:var(--s-2);font-size:var(--fs-sm);display:inline-flex}.tree-path li:not(:last-child):after{content:"";border-top:1.5px solid var(--c-line-strong);border-right:1.5px solid var(--c-line-strong);width:6px;height:6px;transform:rotate(45deg)}.tree-path a,.tree-path [aria-current]{min-height:var(--target);font-weight:var(--fw-bold);align-items:center;text-decoration:none;display:inline-flex}.tree-path a{color:var(--c-muted)}@media (hover:hover){.tree-path a:hover{color:var(--c-ink)}}.tree-path li:last-child{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tree-path li:nth-last-child(2):after{content:none}.tree-head{margin-bottom:var(--s-5)}.tree-explanation{max-width:42em;margin-top:var(--s-3)}.tree-count{margin-left:var(--s-2);color:var(--c-muted);white-space:nowrap}.tree-sources{margin-top:var(--s-6);color:var(--c-muted);font-size:var(--fs-sm);overflow-wrap:anywhere}.tree-eyebrow{align-items:center;gap:var(--s-1-5);margin-bottom:var(--s-1);color:var(--c-forest);font-size:var(--fs-sm);font-weight:var(--fw-bold);display:inline-flex}.tree-eyebrow svg{width:var(--icon-sm);height:var(--icon-sm)}.familiar-groups{margin-bottom:var(--s-7)}.familiar-groups .animal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tree-animals+.tree-tools{margin-top:var(--s-6)}.country-animals .animal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tree-animals+.tree-heading{margin-top:var(--s-7)}.tree-guide{max-width:var(--w-narrow);margin:0 0 var(--s-5)}.tree-tools{align-items:center;gap:var(--s-3) var(--s-4);margin-bottom:var(--s-5);flex-wrap:wrap;display:flex}.tree-tools .sort-control{margin:0}.tree-search{max-width:var(--w-read);flex:260px;min-width:0}.tree-links{gap:var(--s-2) var(--s-6);margin-top:var(--s-4);flex-wrap:wrap;display:flex}.tree-heading{align-items:baseline;gap:var(--s-2);margin-bottom:var(--s-4);font-size:var(--fs-lg);display:flex}.tree-heading span{font-size:var(--fs-body);color:var(--c-muted)}.tree-list{grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--panel-min)), 1fr));gap:var(--s-3);margin:0;padding:0;list-style:none;display:grid}.tree-row{align-items:center;gap:var(--s-3);height:100%;min-height:88px;padding:var(--s-2) var(--s-3) var(--s-2) var(--s-2);border-radius:var(--r-lg);background:var(--c-raised);box-shadow:var(--sh-1);color:var(--c-ink);transition:transform var(--dur-2) var(--ease);text-decoration:none;display:flex}@media (hover:hover){.tree-row:hover{color:var(--c-ink);transform:translateY(-2px)}}.tree-row:active{transform:scale(.98)}.tree-thumb{border-radius:var(--r-md);background:var(--g-bg,var(--c-surface));width:72px;height:72px;color:var(--g-fg,var(--c-ink-2));flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.tree-thumb img{object-fit:cover;width:100%;height:100%}.tree-text{justify-items:start;gap:var(--s-0);flex:1;min-width:0;display:grid}.tree-text strong{font-family:var(--font-display);font-size:var(--fs-body);line-height:var(--lh-tight);overflow-wrap:anywhere}.tree-sub{align-items:center;gap:var(--s-0) var(--s-2);flex-wrap:wrap;min-width:0;display:flex}.tree-text .scientific{overflow-wrap:anywhere}.tree-go{width:20px;height:20px;color:var(--c-muted);transition:transform var(--dur-2) var(--ease);flex:none}@media (hover:hover){.tree-row:hover .tree-go{color:var(--c-accent);transform:translate(3px)}}.tree-placeholder{border-radius:var(--r-md);background:var(--c-surface);min-height:88px}.tree-placeholder.is-photo{aspect-ratio:4/5}.tree-chunk-status{grid-column:1/-1}.tree-more{gap:var(--s-2);margin-bottom:var(--s-6)}.tree-more span{color:var(--c-muted);font-weight:var(--fw-medium)}.tree-page>.text-link{margin-top:var(--s-4)}.places-head{gap:var(--s-4);padding-top:var(--s-4);margin-bottom:var(--s-5);display:grid}.country-picker{gap:var(--s-2);margin-block:var(--s-4);max-width:28rem;display:grid}.country-picker select{width:100%;min-height:44px}.places-map{margin-bottom:var(--s-5);padding:var(--s-4);border-radius:var(--r-lg);background:var(--c-raised);box-shadow:var(--sh-1)}.places-map.has-country{gap:var(--s-5);grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;display:grid}.country-animals{min-width:0;scroll-margin-top:calc(var(--header-h) + var(--s-4))}.country-animals h2{align-items:baseline;gap:var(--s-1) var(--s-3);margin-bottom:var(--s-4);font-size:var(--fs-lg);flex-wrap:wrap;display:flex}.country-animals h2 span{font-size:var(--fs-sm);color:var(--c-muted)}.country-animals .animal-grid{gap:var(--s-4) var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr))}.country-animals .sk-heading{width:60%;height:var(--s-5);margin-bottom:var(--s-4);border-radius:var(--r-pill)}.country-animals .text-link{margin-top:var(--s-4)}@media (width<60em){.places-map.has-country{grid-template-columns:minmax(0,1fr)}.country-animals .animal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<45em){.familiar-groups .animal-grid,.country-animals .animal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.sync-controls{align-items:center;gap:var(--s-2) var(--s-3);margin:0 0 var(--s-5);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--c-surface);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.sync-controls p{margin-right:auto}.sync-controls button{font-size:var(--fs-sm)}.saved-unavailable{padding:var(--s-4);border-radius:var(--r-md);background:var(--c-surface)}.saved-unavailable p{margin:var(--s-2) 0;font-size:var(--fs-sm);color:var(--c-muted)}.saved-row a{color:var(--c-ink)}@media (width<45em){.explore-intro{padding-top:var(--s-2)}.explore-intro h1{font-size:var(--fs-xl);max-width:none}.entry-tile{min-height:64px;padding:var(--s-3) var(--s-4)}.tree-search{flex-basis:100%;max-width:none}.tree-row{min-height:76px}.tree-thumb{width:60px;height:60px}}.search-head{position:relative}.suggestions{margin:var(--s-2) 0 0;border-radius:var(--r-md);background:var(--c-raised);box-shadow:var(--sh-2);animation:enter var(--dur-2) var(--ease);padding:0;list-style:none;display:grid;overflow:hidden}.suggestions li+li{box-shadow:var(--edge-top)}.suggestions :is(a,button){width:100%;font:inherit;text-align:left;cursor:pointer;align-items:center;gap:var(--s-3);min-height:56px;padding:var(--s-2) var(--s-3);color:var(--c-ink);font-weight:var(--fw-bold);background:0 0;border:0;text-decoration:none;display:flex}@media (hover:hover){.suggestions :is(a,button):hover{background:var(--c-surface)}}.suggestions mark{color:var(--c-accent-strong);font-weight:var(--fw-black);background:0 0}.suggestion-photo{border-radius:var(--r-sm);background:var(--c-surface-2);width:44px;height:44px;color:var(--c-ink-2);flex:none;place-items:center;display:grid;overflow:hidden}.suggestion-wait{align-items:center;gap:var(--s-3);min-height:56px;padding:var(--s-2) var(--s-3);display:flex}.suggestion-wait .skeleton+.skeleton{--skeleton-radius:var(--r-pill);width:40%;height:14px}.suggestion-photo img{object-fit:cover;width:100%;height:100%}.area-choose{gap:var(--s-5);display:grid}.area-map{display:none}@media (width>=60em){.area-choose{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start}.area-map{min-width:0;display:block}}.area-head .q-map path.is-lit{fill:var(--area-strong)}.area-head .q-map:has(path.is-lit) path:not(.is-lit){fill:var(--c-surface-2)}.area-heading{margin:var(--s-6) 0 var(--s-4)}.area-animals{gap:var(--s-4);display:grid}.places-countries{margin-top:var(--s-6)}.tier-head{margin:0 0 var(--s-4);font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-black)}.result-more>summary .tier-head{margin:0}.places-head .guide{max-width:var(--w-narrow)}.tree-thumb .group-icon{width:28px;min-height:28px}.country-animals .skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.tree-thumb .group-icon{opacity:.8}.result-tier .animal-grid:has(>.animal-card:only-child){grid-template-columns:minmax(0, calc(2 * var(--card-min)))}.tree-explanation>.tree-count:first-child{margin-left:0}.tree-view-switch{gap:var(--s-2) calc(var(--s-1) * 5);margin:var(--s-1-5) 0 calc(var(--s-1) * 4.5);font-size:var(--fs-2xs);flex-wrap:wrap;display:flex}.tree-view-switch a{min-height:44px;color:var(--c-forest);text-underline-offset:4px;align-items:center;display:inline-flex}:root[data-theme=dark] .tree-view-switch a{color:var(--c-forest)}.photo-feed .feed-page{margin-top:var(--s-5)}.photo-feed .section-heading{align-items:baseline}.question-card.is-waiting{background:var(--c-glass)}.question-card{justify-content:flex-end;align-items:flex-start;gap:var(--s-2);padding:var(--s-5);border-radius:var(--r-lg);isolation:isolate;background:var(--c-ink-fill);color:var(--c-on-scrim);aspect-ratio:4/5;scroll-snap-align:start;transition:transform var(--dur-2) var(--ease);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.question-card:active{transform:scale(.98)}.question-media{z-index:calc(-1 * var(--z-raised));position:absolute;inset:0}.question-media img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--dur-2) var(--ease), transform var(--dur-4) var(--ease)}.question-media img.is-loaded{opacity:1}@media (hover:hover){.question-card:hover{color:var(--c-on-scrim);transform:translateY(-4px)rotate(-.4deg)}.question-card:hover .question-media img.is-loaded{transform:scale(1.05)}}.question-media:after{content:"";background:linear-gradient(180deg, transparent 45%, var(--c-scrim-soft) 68%, var(--c-scrim-strong) 100%);position:absolute;inset:0}.question-text{font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-lg);line-height:var(--lh-tight);text-shadow:0 1px 12px var(--c-scrim-soft);word-break:auto-phrase}@media (width<45em){.question-card{flex:0 0 78%}}.play-door{align-items:center;gap:var(--s-2) var(--s-4);padding:var(--s-4) var(--s-5);border-radius:var(--r-lg);background:var(--c-accent-fill);color:var(--c-on-scrim);grid-template-columns:auto minmax(0,1fr);text-decoration:none;display:grid}.play-door img{width:64px;height:64px}.play-door-copy{gap:var(--s-0);display:grid}.play-door-copy small{opacity:.85;font-size:var(--fs-sm);font-weight:var(--fw-bold)}.play-door-copy strong{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-black);line-height:var(--lh-tight)}.play-door-go{justify-content:center;align-items:center;gap:var(--s-2);min-height:var(--target-lg);border-radius:var(--r-pill);background:var(--c-raised);color:var(--c-accent);font-weight:var(--fw-bold);grid-column:1/-1;display:inline-flex}.play-door-go svg{width:var(--icon-md);height:var(--icon-md)}:is(.photo-feed,.skeleton-grid)+.reading-doors{margin-top:var(--s-7)}.reading-doors{max-width:var(--w-read)}.reading-doors>h2{margin-bottom:var(--s-3)}.confirm-box,.conflict{margin:var(--s-5) 0;padding:var(--s-5);border:1px solid var(--c-line-strong);border-radius:var(--r-md);background:var(--c-accent-soft)}.confirm-box button,.conflict button{margin:var(--s-2) var(--s-3) 0 0}.confirm-box input{width:100%;margin:var(--s-2) 0 var(--s-4)}.memo{white-space:pre-wrap;overflow-wrap:anywhere}.change-review{gap:var(--s-5);margin:var(--s-5) 0;grid-template-columns:1fr 1fr;display:grid}.change-review>div{min-width:0;padding:var(--s-5);border:1px solid var(--c-line);border-radius:var(--r-md);overflow-wrap:anywhere}.change-review pre,.record-page pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--fs-sm)}.import-row{padding:var(--s-5) 0;border-bottom:1px solid var(--c-line)}.update-kind{margin:0 var(--s-2) var(--s-1) 0;padding:var(--s-0) var(--s-3);border-radius:var(--r-pill);background:var(--c-accent-soft);color:var(--c-accent-strong);font-size:var(--fs-xs);font-weight:var(--fw-bold);display:inline-flex}.help-lead{max-width:42rem;margin:var(--s-1) 0 var(--s-5);color:var(--c-ink-2);font-size:var(--fs-lead)}.soon-card{justify-items:start;gap:var(--s-5);max-width:var(--w-read);margin:var(--s-4) 0 var(--s-6);padding:var(--s-6);border-radius:var(--r-lg);background:var(--c-surface);display:grid}.soon-card>.button{margin-left:calc(calc(var(--s-8) + var(--s-5)) + var(--s-2))}.not-found .soon-card{justify-items:center;gap:var(--s-4);width:min(100%,520px);display:grid}.not-found .soon-card .search-form{width:100%}.form-card{min-width:0;margin:var(--s-4) 0 var(--s-5);padding:var(--s-6);border-radius:var(--r-lg);background:var(--c-raised);box-shadow:var(--sh-1)}.form-card.record-form>.primary{justify-self:start;min-width:10rem}.form-note{font-size:var(--fs-sm);margin:0}.form-message{margin:var(--s-4) 0;font-weight:var(--fw-bold);color:var(--c-ink)}.state-pill{width:fit-content;margin:0 0 var(--s-3);padding:var(--s-1) var(--s-4);border-radius:var(--r-pill);background:var(--c-forest-soft);color:var(--c-forest);font-size:var(--fs-sm);font-weight:var(--fw-bold);align-items:center;display:flex}.form-card .reply{margin-top:var(--s-4);padding-top:var(--s-4);border-top:1px solid var(--c-line)}.form-card .reply h3{font-size:var(--fs-body)}.update-list{gap:var(--s-3);max-width:var(--w-read);margin:var(--s-4) 0 var(--s-5);padding:0;list-style:none;display:grid}.update-list>li{gap:var(--s-1);padding:var(--s-4) var(--s-5);border-radius:var(--r-lg);background:var(--c-raised);box-shadow:var(--sh-1);display:grid}.update-list>li>a:first-of-type{color:var(--c-ink);font-weight:var(--fw-bold);font-size:var(--fs-lead);text-decoration:none}@media (hover:hover){.update-list>li>a:first-of-type:hover{color:var(--c-accent-strong);text-decoration:underline}}.update-list>li>a+p+a{font-size:var(--fs-sm);justify-self:start}.update-list .update-kind{justify-self:start}.update-date{font-size:var(--fs-sm);color:var(--c-muted);margin:0}.saved-target-picker{align-items:end;gap:var(--s-2);max-width:var(--w-read);margin:var(--s-5) 0 var(--s-4);flex-wrap:wrap;display:flex}.saved-target-picker>label{gap:var(--s-2);max-width:440px;font-size:var(--fs-sm);font-weight:var(--fw-bold);flex-basis:100%;display:grid}.saved-target-picker input{width:100%;margin-top:var(--s-2);display:block}.help-callout{justify-content:space-between;align-items:center;gap:var(--s-3) var(--s-5);max-width:var(--w-read);margin:var(--s-6) 0 0;padding:var(--s-5);border-radius:var(--r-md);background:var(--c-surface);flex-wrap:wrap;display:flex}.help-callout p{font-weight:var(--fw-bold);margin:0}.ledger-table{margin:var(--s-5) 0;border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-raised);overflow:auto}.ledger-table table{border-collapse:collapse;width:100%;min-width:570px}.ledger-table th,.ledger-table td{padding:var(--s-3);border-bottom:1px solid var(--c-line);text-align:left}.ledger-table th{background:var(--c-surface);font-size:var(--fs-xs);color:var(--c-muted);font-weight:var(--fw-bold);position:sticky;top:0}.ledger-table td{font-variant-numeric:tabular-nums}@media (hover:hover){.ledger-table tbody tr:hover{background:var(--c-surface)}}.refund-form{align-items:end;gap:var(--s-4);margin:var(--s-5) 0;padding:var(--s-5);border-radius:var(--r-md);background:var(--c-surface);flex-wrap:wrap;display:flex}.refund-form h2{flex-basis:100%}.missing-head{margin-bottom:var(--s-5)}.missing-guide{justify-items:start;gap:var(--s-4);max-width:var(--w-narrow);margin:var(--s-3) 0 var(--s-5);display:grid}.missing-head .missing-guide{margin-bottom:var(--s-4)}.missing-filters{margin-bottom:var(--s-5)}.missing-more{margin-top:var(--s-3)}.participation-filters{gap:var(--s-3) var(--s-4);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.participation-filters label{min-width:0;font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--c-ink-2);flex:12rem}.participation-filters select,.participation-filters input{width:100%;margin-top:var(--s-1);display:block}.missing-filter-row{align-items:flex-start;gap:var(--s-2) var(--s-3);flex-wrap:wrap;display:flex}.missing-filter-row .missing-group-selection{flex:auto;min-width:0}.missing-group-selection .active-conditions{margin:0 0 var(--s-1)}.missing-group-picker{margin:0}.missing-group-picker>summary,.missing-more>summary{min-height:var(--target);padding:var(--s-2) var(--s-4);border-radius:var(--r-pill);background:var(--c-surface);color:var(--c-ink-2);font-size:var(--fs-sm);font-weight:var(--fw-bold);cursor:pointer;align-items:center;list-style:none;display:inline-flex}.missing-group-picker[open]>summary,.missing-more[open]>summary{background:var(--c-accent-soft);color:var(--c-accent-strong)}.missing-group-picker>p{margin:var(--s-2) 0;font-family:var(--font-display);font-weight:var(--fw-bold)}.missing-group-picker ul{margin:var(--s-3) 0;gap:var(--s-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.missing-group-picker button{font-size:var(--fs-sm)}.missing-group-picker ul button{background:var(--c-raised);border-color:#0000}.missing-card-actions{align-items:center;gap:var(--s-2);padding-inline:var(--s-1);flex-wrap:wrap;display:flex}.missing-card-actions :is(button,.button){padding:var(--s-1-5) var(--s-4)}.missing-tag{padding:var(--s-0) var(--s-3);border-radius:var(--r-pill);background:var(--c-surface);color:var(--c-ink-2);font-size:var(--fs-xs);font-weight:var(--fw-bold);display:inline-flex}.missing-empty{max-width:var(--w-narrow);margin:var(--s-5) 0}.photo-contribution-form,.photo-contribution-list,.photo-contribution-review{gap:var(--s-4);margin-block:var(--s-4);display:grid}.photo-contribution-form label,.photo-contribution-review label,.contribution-picker{gap:var(--s-2);display:grid}:is(.photo-contribution-form label:has(input[type=checkbox]),.photo-contribution-review label:has(input[type=checkbox])){align-items:start;gap:var(--s-3);display:flex}.photo-contribution-form img,.photo-contribution-list img,.photo-contribution-review img{object-fit:contain;border-radius:var(--r-md);background:var(--c-surface);width:100%;max-height:20rem}@media (width<45em){.form-card{padding:var(--s-5)}.soon-card{padding:var(--s-4)}.soon-card>.button{width:100%;margin-left:0}.change-review{grid-template-columns:1fr}}.missing-areas{flex-wrap:wrap;overflow:visible}.missing-areas button{flex:none}.missing-known{gap:var(--s-3);margin-bottom:var(--s-6);display:grid}.missing-known h2{font-size:var(--fs-lg)}.missing-rows,.missing-row{gap:var(--s-2);display:grid}.missing-row .missing-card-actions{padding:0 0 var(--s-2) var(--s-3)}.missing-all-head{margin-bottom:var(--s-3);font-size:var(--fs-lg)}.missing-card-actions :is(button,.button){font-size:var(--fs-xs)}.support-fine{margin:var(--s-4) 0 0;color:var(--c-muted);font-size:var(--fs-xs);line-height:var(--lh-body)}.support-fine a{font-weight:var(--fw-bold)}.support-test{justify-content:center;align-items:center;gap:var(--s-2);margin:0 0 var(--s-4);padding:var(--s-2) var(--s-4);border-radius:var(--r-md);background:color-mix(in srgb, var(--c-sun) 30%, var(--c-raised));color:var(--c-ink);font-size:var(--fs-sm);font-weight:var(--fw-bold);display:flex}.support-test svg{flex:none;width:1.1rem;height:1.1rem}.support-alert{padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--c-wrong-soft);color:var(--c-ink);font-weight:var(--fw-bold);animation:support-drop var(--dur-3) var(--ease) both;margin:0}.support-back{align-items:center;gap:var(--s-2);width:fit-content;min-height:var(--target);padding:0 var(--s-4) 0 var(--s-3);border-radius:var(--r-pill);background:var(--c-raised);box-shadow:inset 0 0 0 1.5px var(--c-line);color:var(--c-ink);font-size:var(--fs-sm);font-weight:var(--fw-bold);justify-self:start;text-decoration:none;display:inline-flex}.support-back svg{width:1.1rem;height:1.1rem;color:var(--c-muted)}.support-next{gap:var(--s-3);width:100%;max-width:24rem;display:grid}.support-next .button{width:100%;min-height:52px}.support-closed{gap:var(--s-4);max-width:40rem;padding-top:var(--s-5);margin:0 auto;display:grid}.support-closed h1{font-family:var(--font-display);font-size:var(--fs-xl);margin:0}.support-closed .soon-card{margin:0}.support-door{align-items:center;gap:var(--s-4);max-width:40rem;margin:var(--s-5) auto;padding:var(--s-4) var(--s-5) var(--s-4) var(--s-4);border-radius:var(--r-lg);color:var(--c-ink);background:linear-gradient(120deg, var(--c-accent-soft), var(--c-raised) 75%);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--c-accent) 22%, transparent);transition:transform var(--dur-2) var(--ease);text-decoration:none;display:flex}@media (hover:hover){.support-door:hover{transform:translateY(-2px)}}.support-door-text{flex:1;min-width:0;display:grid}.support-door-text b{font-family:var(--font-display);font-size:var(--fs-lg)}.support-door-text small{color:var(--c-ink-2);font-size:var(--fs-sm)}.support-door-go{align-items:center;gap:var(--s-0);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-4);border-radius:var(--r-pill);background:var(--c-accent-fill);color:var(--c-on-accent);font-weight:var(--fw-bold);font-size:var(--fs-sm);flex:none;display:inline-flex}.support-door-go svg{width:1.1rem;height:1.1rem}.support-faces{flex:none;display:flex}.support-faces .f{width:44px;height:44px;margin-left:calc(var(--s-1) * -3);box-shadow:0 0 0 3px var(--c-raised);background:var(--c-surface);animation:support-pop var(--dur-4) calc(var(--i) * calc(var(--stagger) * 1.5)) var(--ease) both;border-radius:50%;overflow:hidden}.support-faces .f:first-child{margin-left:0}.support-faces img{object-fit:cover;width:100%;height:100%}@media (width<45em){.support-door{gap:var(--s-3) var(--s-2);padding:var(--s-4);grid-template-columns:1fr auto;display:grid}.support-faces{grid-column:1/-1}.support-faces:empty{display:none}}.support-row{align-items:center;gap:var(--s-3);max-width:var(--w-read);margin:var(--s-5) 0 0;min-height:64px;padding:var(--s-2) var(--s-4) var(--s-2) var(--s-2);border-radius:var(--r-md);color:var(--c-ink);background:linear-gradient(90deg, var(--c-accent-soft), var(--c-raised));box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--c-accent) 22%, transparent);text-decoration:none;display:flex}.support-row-icon{border-radius:var(--r-sm);background:var(--c-accent-fill);width:46px;height:46px;color:var(--c-on-accent);flex:none;place-items:center;display:grid}.support-row-icon svg{width:var(--icon-lg);height:var(--icon-lg)}.support-row-text{flex:1;min-width:0;display:grid}.support-row-text small{color:var(--c-muted);font-size:var(--fs-xs)}.support-row>svg{width:var(--icon-md);height:var(--icon-md);color:var(--c-muted)}.support-layout{grid-template-columns:minmax(0, 1fr) minmax(0, calc(var(--s-1) * 110));gap:var(--s-7);max-width:65rem;padding-top:var(--s-5);align-items:start;margin:0 auto;display:grid}.support-hero{gap:var(--s-3);align-content:start;display:grid}.support-hero h1{margin:var(--s-4) 0 0;font-family:var(--font-display);font-size:var(--fs-2xl);line-height:var(--lh-tight)}.support-lead{color:var(--c-ink-2);font-size:var(--fs-lead);margin:0}.support-mosaic{gap:calc(var(--s-1) * 2.5);grid-template-columns:repeat(4,1fr);grid-auto-rows:96px;display:grid;position:relative}.support-mosaic>span{border-radius:var(--r-lg);background:var(--c-surface);animation:support-pop var(--dur-4) calc(var(--i) * calc(var(--stagger) * 1.375)) var(--ease) both;overflow:hidden}.support-mosaic img{object-fit:cover;width:100%;height:100%}.support-mosaic>.is-waiting{animation:none}.support-mosaic .m0{border-radius:var(--r-lg);grid-area:span 2/span 2}.support-mosaic .m3,.support-mosaic .m6{border-radius:50%}.support-mosaic .m7{grid-column:span 2}.support-mosaic .support-lion{width:112px;height:112px;filter:drop-shadow(var(--sh-2));animation:support-lion var(--dur-5) calc(var(--stagger) * 10) var(--ease-pop) both;position:absolute;bottom:-34px;right:-14px}.support-growth{align-items:baseline;gap:var(--s-1) var(--s-3);margin:var(--s-2) 0 0;padding:var(--s-4) var(--s-5);border-radius:var(--r-lg);background:var(--c-surface);flex-wrap:wrap;display:flex}.support-growth>span:first-child{color:var(--c-ink-2);font-size:var(--fs-xs);font-weight:var(--fw-bold);flex-basis:100%}.support-growth strong{font-family:var(--font-display);font-size:var(--fs-xl);line-height:1}.support-growth strong small{margin-left:var(--s-0);font-size:var(--fs-lg)}.support-week{align-items:center;gap:var(--s-1);padding:var(--s-1) var(--s-3);border-radius:var(--r-pill);background:var(--c-right-soft);color:var(--c-right);font-size:var(--fs-2xs);font-weight:var(--fw-bold);display:inline-flex}.support-week svg{width:var(--icon-sm);height:var(--icon-sm)}.support-pay{top:calc(var(--header-h) + var(--s-4));gap:var(--s-3);padding:var(--s-6) calc(var(--s-1) * 7);border-radius:var(--r-lg);background:var(--c-raised);box-shadow:var(--sh-2);display:grid;position:sticky}.support-pay h2{color:var(--c-ink-2);font-size:var(--fs-body);margin:0}.support-pending{gap:var(--s-2);padding:var(--s-4);border-radius:var(--r-md);background:color-mix(in srgb, var(--c-sun) 22%, var(--c-raised));display:grid}.support-pending p{font-weight:var(--fw-bold);margin:0}.support-amounts{gap:calc(var(--s-1) * 2.5);border:0;grid-template-columns:1fr 1fr;min-width:0;margin:0;padding:0;display:grid}.support-amounts label{cursor:pointer;position:relative}.support-amounts input{opacity:0;pointer-events:none;position:absolute}.support-amounts label>span{border-radius:var(--r-lg);background:var(--c-surface);height:76px;color:var(--c-ink);transition:background-color var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease), transform var(--dur-1) var(--ease);place-items:center;display:grid;position:relative}.support-amounts strong{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-black)}.support-amounts label svg{width:var(--icon-lg);height:var(--icon-lg);padding:calc(var(--s-1) * .75);background:var(--c-raised);color:var(--c-accent);opacity:0;transition:opacity var(--dur-2) var(--ease), transform var(--dur-3) var(--ease-pop);border-radius:50%;position:absolute;top:8px;right:8px;transform:scale(.4)}@media (hover:hover){.support-amounts label:hover>span{box-shadow:inset 0 0 0 1.5px var(--c-line-strong)}}.support-amounts input:checked+span{background:var(--c-accent-fill);color:var(--c-on-accent);box-shadow:var(--sh-1);animation:support-choose var(--dur-3) var(--ease)}.support-amounts input:checked+span svg{opacity:1;transform:none}.support-amounts input:focus-visible+span{outline:3px solid var(--c-ink);outline-offset:3px}.support-amounts label:active>span{transform:scale(.96)}.support-amounts:disabled label{cursor:default;opacity:.7}.support-go svg{width:var(--icon-lg);height:var(--icon-lg)}.support-spin{border:2.5px solid var(--c-glass-strong);border-top-color:var(--c-on-accent);width:20px;height:20px;animation:support-spin calc(var(--stagger) * 20) linear infinite;border-radius:50%}.support-lock{justify-content:center;align-items:center;gap:var(--s-1-5);color:var(--c-muted);font-size:var(--fs-2xs);text-align:center;margin:0;display:flex}.support-lock svg{width:var(--icon-sm);height:var(--icon-sm);flex:none}.support-facts{gap:calc(var(--s-1) * 2.5);margin:var(--s-1) 0 0;padding:calc(var(--s-1) * 4.5) 0 0;border-top:1px solid var(--c-line);list-style:none;display:grid}.support-facts li{align-items:center;gap:calc(var(--s-1) * 2.5);color:var(--c-ink-2);font-size:var(--fs-sm);display:flex}.support-facts svg{width:30px;height:30px;padding:var(--s-1-5);background:var(--c-surface);color:var(--c-accent-strong);border-radius:50%;flex:none}.support-pay .support-fine{margin:0}@media (width<45em){.support-layout{gap:calc(var(--s-1) * 5.5);padding-top:var(--s-2);grid-template-columns:1fr}.support-hero{gap:calc(var(--s-1) * 2.5)}.support-hero h1{margin-top:var(--s-1);font-size:var(--fs-xl)}.support-lead{font-size:var(--fs-body)}.support-mosaic{gap:var(--s-1-5);grid-auto-rows:62px}.support-mosaic>span{border-radius:var(--r-md)}.support-mosaic .m0{border-radius:var(--r-lg)}.support-mosaic .m5,.support-mosaic .m6,.support-mosaic .m7{display:none}.support-mosaic .support-lion{width:76px;height:76px;bottom:-26px;right:-6px}.support-growth{padding:calc(var(--s-1) * 3.5) var(--s-4)}.support-growth strong{font-size:var(--fs-xl)}.support-pay{padding:calc(var(--s-1) * 5) var(--s-4);border-radius:var(--r-lg);box-shadow:var(--sh-1);position:static}.support-amounts label>span{height:68px}.support-amounts strong{font-size:var(--fs-lg)}}.support-page .support-layout{gap:var(--s-5);grid-template-columns:minmax(0,1fr);max-width:42rem}.support-page .support-hero h1{margin-top:0}.support-intro,.support-purpose,.support-operator,.support-once{color:var(--c-ink-2);line-height:var(--lh-body);margin:0}.support-purpose{font-size:var(--fs-sm)}.support-operator,.support-once{font-size:var(--fs-xs)}.support-page .support-mosaic{margin-block:var(--s-2);grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:86px}.support-page .support-mosaic .m0{border-radius:var(--r-lg);grid-area:auto}.support-page .support-mosaic :is(.m4,.m5,.m6,.m7){display:none}.support-page .support-mosaic .support-lion{width:64px;height:64px;bottom:-12px;right:-6px}.support-page .support-growth{padding:var(--s-3) var(--s-4);margin:0}.support-page .support-growth strong{font-size:var(--fs-lg)}.support-page .support-pay{box-shadow:var(--sh-1);position:static}.support-other{grid-column:1/-1}.support-amounts .support-other>span{height:48px}.support-amounts .support-other strong{font-family:var(--font-sans);font-size:var(--fs-body)}.support-recent h2{margin:0 0 var(--s-2);font-size:var(--fs-sm)}.support-recent>div{gap:var(--s-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.support-recent a{align-items:center;gap:var(--s-2);min-width:0;color:var(--c-ink);font-size:var(--fs-sm);text-decoration:none;display:flex}.support-recent img{object-fit:cover;border-radius:var(--r-sm);flex:none;width:48px;height:48px}.support-recent span{overflow-wrap:anywhere}.support-recent svg{width:var(--icon-sm);height:var(--icon-sm);flex:none}.support-custom{gap:var(--s-2);display:grid}.support-custom label{font-weight:var(--fw-bold)}.support-custom input{box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:calc(var(--s-1) * 2.5) calc(var(--s-1) * 3.5);border:1px solid var(--c-line-strong);border-radius:var(--r-sm);background:var(--c-raised);color:var(--c-ink);font:inherit;font-size:var(--fs-lg)}.support-custom input:focus-visible{outline:3px solid var(--c-accent);outline-offset:2px}.support-custom p{color:var(--c-ink-2);font-size:var(--fs-xs);overflow-wrap:anywhere;margin:0}@media (width<45em){.support-page .support-mosaic{grid-auto-rows:64px}.support-page .support-hero{gap:var(--s-2)}.support-page .support-amounts label>span{height:56px}.support-page .support-amounts .support-other>span{height:44px}}.support-thanks,.support-unpaid{justify-items:center;gap:var(--s-3);width:100%;max-width:32rem;padding-top:var(--s-6);text-align:center;grid-template-columns:minmax(0,1fr);margin:0 auto;display:grid}.support-thanks h1,.support-unpaid h1{margin:var(--s-2) 0 0;font-family:var(--font-display);font-size:var(--fs-xl)}.support-thanks h1{animation:support-rise var(--dur-4) calc(var(--stagger) * 15) var(--ease) both}.support-got{color:var(--c-ink-2);font-size:var(--fs-lead);animation:support-rise var(--dur-4) calc(var(--stagger) * 17.5) var(--ease) both;margin:0}.support-got strong{color:var(--c-ink);font-family:var(--font-display);font-size:var(--fs-lg)}.support-thanks .support-next{margin:var(--s-5) 0 var(--s-2);animation:support-rise var(--dur-4) calc(var(--stagger) * 20) var(--ease) both}.support-burst{width:min(100%,240px);height:180px;position:relative}.support-burst .support-lion{width:150px;height:150px;margin:calc(var(--s-1) * -18.75) 0 0 calc(var(--s-1) * -18.75);animation:support-lion var(--dur-5) calc(var(--stagger) * 2.5) var(--ease-pop) both;position:absolute;top:50%;left:50%}.support-unpaid{padding-top:var(--s-7)}.support-unpaid-icon{background:color-mix(in srgb, var(--c-sun) 35%, var(--c-raised));width:72px;height:72px;color:var(--c-ink);border-radius:50%;place-items:center;display:grid}.support-unpaid-icon svg{width:34px;height:34px}.support-unpaid p{margin:0}.support-unpaid .support-next{margin-top:var(--s-4)}.support-big{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-black);line-height:var(--lh-display);margin:0}.support-big small{margin-left:var(--s-1);font-size:calc(var(--fs-relative) * .5);color:var(--c-ink-2)}@media (width<45em){.support-thanks{padding-top:var(--s-4)}.support-burst{margin:calc(var(--s-1) * -2.5) 0;transform:scale(.88)}.support-thanks h1,.support-unpaid h1{font-size:var(--fs-xl)}}.support-records,.support-record-page{max-width:40rem;padding-top:var(--s-5);margin:0 auto}.support-records h1{margin:0 0 calc(var(--s-1) * 4.5);font-family:var(--font-display);font-size:var(--fs-xl)}.support-record-list{gap:calc(var(--s-1) * 2.5);margin:0 0 var(--s-5);padding:0;list-style:none;display:grid}.support-record-list>li{animation:support-rise var(--dur-3) calc(var(--i) * calc(var(--stagger) * 1.25)) var(--ease) both}.support-record-list>li>p{margin:var(--s-2) var(--s-4) 0;font-size:var(--fs-sm)}.support-record{align-items:center;gap:calc(var(--s-1) * 3.5);min-height:76px;padding:var(--s-3) var(--s-4) var(--s-3) var(--s-3);border-radius:var(--r-lg);background:var(--c-raised);box-shadow:var(--sh-1);color:var(--c-ink);transition:transform var(--dur-2) var(--ease);text-decoration:none;display:flex}@media (hover:hover){.support-record:hover{transform:translateY(-1px)}}.support-record>svg{width:var(--icon-md);height:var(--icon-md);color:var(--c-muted);flex:none}.support-record-icon{background:var(--c-surface);width:48px;height:48px;color:var(--c-ink-2);border-radius:50%;flex:none;place-items:center;display:grid}.support-record-icon.is-done{background:var(--c-accent-soft);color:var(--c-accent-strong)}.support-record-icon.is-wait{background:color-mix(in srgb, var(--c-sun) 30%, var(--c-raised));color:var(--c-ink)}.support-record-icon svg{width:var(--icon-lg);height:var(--icon-lg)}.support-record-text{flex:1;min-width:0;display:grid}.support-record-text strong{font-family:var(--font-display);font-size:var(--fs-lg);line-height:var(--lh-tight)}.support-record-text small{color:var(--c-muted);font-size:var(--fs-2xs)}.support-record-text em{margin-left:var(--s-2);padding:1px var(--s-2);border-radius:var(--r-pill);background:var(--c-surface);color:var(--c-muted);font-family:var(--font-sans);font-size:var(--fs-2xs);font-style:normal;font-weight:var(--fw-bold);vertical-align:middle}.support-state{padding:calc(var(--s-1) * 1.25) var(--s-3);border-radius:var(--r-pill);background:var(--c-surface-2);color:var(--c-ink-2);font-size:var(--fs-2xs);font-weight:var(--fw-bold);flex:none}.support-state.is-done{background:var(--c-right-soft);color:var(--c-right)}.support-state.is-wait{background:color-mix(in srgb, var(--c-sun) 30%, var(--c-raised));color:var(--c-ink)}.support-record-page .support-back{margin-bottom:var(--s-4)}.support-record-head{align-items:center;gap:var(--s-4);margin-bottom:var(--s-5);display:flex}.support-record-head .support-record-icon{width:64px;height:64px}.support-record-head .support-state{margin-top:var(--s-1-5);display:inline-block}.support-record-page .support-next{max-width:none;margin-bottom:var(--s-4)}.support-table{margin:0 0 var(--s-5);border-radius:var(--r-lg);background:var(--c-raised);box-shadow:var(--sh-1);display:grid;overflow:hidden}.support-table>div{gap:var(--s-3);padding:calc(var(--s-1) * 3.5) var(--s-5);border-top:1px solid var(--c-line);grid-template-columns:11rem 1fr;display:grid}.support-table>div:first-child{border-top:0}.support-table dt{color:var(--c-muted);font-size:var(--fs-xs);font-weight:var(--fw-bold)}.support-table dd{line-height:var(--lh-body);margin:0}.support-refund{justify-content:space-between;align-items:center;gap:var(--s-3);margin-bottom:var(--s-4);padding:var(--s-4) var(--s-5);border-radius:var(--r-lg);background:var(--c-surface);display:flex}.support-refund p{margin:0;display:grid}.support-refund span{color:var(--c-ink-2);font-size:var(--fs-xs)}.support-refund .button{flex:none}.support-refund .button svg{width:var(--icon-md);height:var(--icon-md)}.support-record-page .support-alert{margin-bottom:var(--s-4)}.modal.support-confirm{width:min(25rem, calc(100% - 2 * var(--s-4)));text-align:center}.modal.support-confirm .modal-top h2{font-family:var(--font-display);font-size:var(--fs-lg)}.modal.support-confirm p{margin:0 0 var(--s-4);color:var(--c-ink-2)}.modal.support-confirm .support-next{max-width:none}@media (width<45em){.support-records h1{font-size:var(--fs-xl)}.support-record{gap:var(--s-3);padding:calc(var(--s-1) * 2.5) var(--s-3) calc(var(--s-1) * 2.5) calc(var(--s-1) * 2.5)}.support-record-icon{width:42px;height:42px}.support-record-text strong{font-size:var(--fs-lg)}.support-table>div{gap:var(--s-0);padding:var(--s-3) var(--s-4);grid-template-columns:1fr}.support-refund{flex-direction:column;align-items:stretch}}.support-terms{max-width:var(--w-read);padding-top:var(--s-5);margin:0 auto}.support-terms h1{font-family:var(--font-display);font-size:var(--fs-xl);margin:0}.support-terms-version{margin:var(--s-1-5) 0 calc(var(--s-1) * 5.5);color:var(--c-muted);font-size:var(--fs-xs)}.support-terms-points{gap:calc(var(--s-1) * 2.5);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.support-terms-points li{gap:var(--s-0);padding:var(--s-4);border-radius:var(--r-lg);background:var(--c-raised);box-shadow:var(--sh-1);display:grid}.support-terms-points svg{width:30px;height:30px;margin-bottom:var(--s-1-5);padding:var(--s-1-5);background:var(--c-accent-soft);color:var(--c-accent-strong);border-radius:50%}.support-terms-points small{color:var(--c-muted);font-size:var(--fs-2xs)}.support-terms-toc{gap:var(--s-2);margin:calc(var(--s-1) * 5.5) 0 var(--s-2);flex-wrap:wrap;display:flex}.support-terms-toc a{padding:var(--s-2) calc(var(--s-1) * 3.5);border-radius:var(--r-pill);background:var(--c-surface);color:var(--c-ink-2);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-decoration:none}.support-terms h2{margin:var(--s-6) 0 var(--s-3);font-family:var(--font-display);font-size:var(--fs-lg);scroll-margin-top:calc(var(--header-h) + var(--s-4))}.support-terms h3{margin:var(--s-5) 0 var(--s-2);font-size:var(--fs-body)}.support-terms p{margin:0 0 calc(var(--s-1) * 3.5);color:var(--c-ink-2);line-height:var(--lh-body)}.support-terms .support-fine{margin-top:var(--s-5)}.support-terms .support-table{grid-template-columns:11rem 1fr}.support-terms .support-table>:is(dt,dd){padding:calc(var(--s-1) * 3.5) var(--s-4);border-top:1px solid var(--c-line)}.support-terms .support-table>:is(dt,dd):nth-child(-n+2){border-top:0}.support-terms .support-table dt{padding-left:var(--s-5)}.support-terms .support-table dd{font-size:var(--fs-sm)}@media (width<45em){.support-terms h1{font-size:var(--fs-xl)}.support-terms-points,.support-terms .support-table{grid-template-columns:1fr}.support-terms .support-table>dd{border-top:0;padding-top:0}.support-terms .support-table>dt{padding-left:var(--s-4)}.support-terms .support-table>dt:first-child{border-top:0}.support-terms-points li{column-gap:var(--s-3);padding:var(--s-3) calc(var(--s-1) * 3.5);grid-template-columns:auto 1fr;align-items:center}.support-terms-points svg{grid-row:span 2;margin:0}.support-terms-toc{margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.support-terms-toc a{flex:none}}@keyframes support-pop{0%{opacity:0;transform:scale(.6)}}@keyframes support-lion{0%{opacity:0;transform:translateY(24px)scale(.7)}}@keyframes support-choose{40%{transform:scale(1.05)}}@keyframes support-spin{to{transform:rotate(360deg)}}@keyframes support-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes support-drop{0%{opacity:0;transform:translateY(-6px)}}
