@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-opsz-normal-Czevyj-6.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-opsz-normal-CJcjJNj7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-opsz-normal-DihXLNYH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-opsz-italic-DxWqP7Ku.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-opsz-italic-CGbN9UgK.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-opsz-italic-lSdLDfvT.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#07080b;--canvas:#090a0e;--panel:#0d0f13;--panel-raised:#13161c;--panel-active:#1d222a;--border:#ffffff12;--border-strong:#ffffff21;--fg:#ece9e1;--fg-muted:#8b919c;--fg-dim:#5d636e;--verified:#3ddc84;--partial:#f5c451;--unresolved:#ff6b5e;--verified-dim:#3ddc841c;--partial-dim:#f5c4511c;--unresolved-dim:#ff6b5e1c;--accent:var(--verified);--font-display:"Fraunces Variable", "Iowan Old Style", Georgia, serif;--font-ui:"Geist Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Geist Mono Variable", ui-monospace, "SF Mono", "Cascadia Code", monospace;--step--1:.8125rem;--step-0:.9375rem;--step-1:1.0625rem;--step-2:1.375rem;--step-3:1.875rem;--step-4:clamp(2.25rem, 1.6rem + 3.2vw, 3.25rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-sm:8px;--radius:14px;--radius-lg:20px;--gutter:16px;--tabbar-h:58px;--topbar-h:56px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1)}@media (width>=720px){:root{--gutter:28px}}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{background:radial-gradient(130% 70% at 50% -12%, #3ddc840a 0%, transparent 58%), var(--bg);min-height:100dvh;color:var(--fg);font-family:var(--font-ui);font-size:var(--step-0);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;background-attachment:fixed;line-height:1.55}img,svg,canvas{max-width:100%;display:block}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.no-select{-webkit-user-select:none;user-select:none}#root,.shell{flex-direction:column;min-height:100dvh;display:flex}.shell__main{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + var(--space-5));flex:1}.wrap{width:100%;max-width:1120px;padding-inline:var(--gutter);margin-inline:auto}.display{font-family:var(--font-display);font-weight:600;font-size:var(--step-4);letter-spacing:-.025em;font-variation-settings:"opsz" 88, "SOFT" 0, "WONK" 1;line-height:1.04}.display em{color:var(--accent);font-variation-settings:"opsz" 88, "SOFT" 8, "WONK" 1;font-style:italic}.serif{font-family:var(--font-display);letter-spacing:-.02em;font-variation-settings:"opsz" 40;font-weight:600}.micro{letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);font-size:.6875rem;font-weight:600}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.muted{color:var(--fg-muted)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.rule{background:var(--border);border:0;height:1px}.chip-row{gap:var(--space-2);scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.chip{align-items:center;gap:var(--space-2);border:1px solid var(--border);background:var(--panel);color:var(--fg-muted);font-size:var(--step--1);white-space:nowrap;transition:background .18s var(--ease-out), color .18s var(--ease-out), border-color .18s var(--ease-out);border-radius:999px;flex:none;padding:7px 13px;font-weight:500;display:inline-flex}.chip[aria-pressed=true]{background:var(--panel-active);border-color:var(--border-strong);color:var(--fg)}.chip__count{font-family:var(--font-mono);color:var(--fg-dim);font-size:.6875rem}.chip[aria-pressed=true] .chip__count{color:var(--fg-muted)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.topbar{z-index:20;padding-top:env(safe-area-inset-top);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#07080bd1;position:sticky;top:0}.topbar__inner{height:var(--topbar-h);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.wordmark{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--step-1);letter-spacing:-.02em;font-variation-settings:"opsz" 20;font-weight:600;display:inline-flex}.wordmark__mark{fill:none;width:22px;height:22px;stroke:var(--accent);stroke-width:1.5px}.wordmark__mark circle{fill:var(--bg)}.wordmark__dim{color:var(--fg-dim)}.tabbar{z-index:30;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--border);background:#090a0ee6;grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--fg-dim);transition:color .18s var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.tab__label{letter-spacing:.01em;font-size:.6875rem;font-weight:500}.tab.active{color:var(--fg)}.tab.active .icon{color:var(--accent)}@media (width>=720px){.tabbar{width:min(420px,100% - 48px);height:var(--tabbar-h);border:1px solid var(--border);border-radius:999px;padding-bottom:0;bottom:22px;left:50%;right:auto;overflow:hidden;transform:translate(-50%);box-shadow:0 16px 44px #0009}.shell__main{padding-bottom:calc(var(--tabbar-h) + 52px)}}.dot{border-radius:50%;flex:none;width:8px;height:8px}.dot--verified{background:var(--verified);box-shadow:0 0 0 3px var(--verified-dim)}.dot--partially-verified{background:var(--partial);box-shadow:0 0 0 3px var(--partial-dim)}.dot--unresolved{background:var(--unresolved);box-shadow:0 0 0 3px var(--unresolved-dim)}.pill{align-items:center;gap:var(--space-2);font-size:var(--step--1);border:1px solid var(--border);border-radius:999px;padding:5px 11px 5px 9px;font-weight:500;display:inline-flex}.pill--verified{background:var(--verified-dim);color:var(--verified);border-color:#3ddc8447}.pill--partially-verified{background:var(--partial-dim);color:var(--partial);border-color:#f5c45147}.pill--unresolved{background:var(--unresolved-dim);color:var(--unresolved);border-color:#ff6b5e47}.glyph{width:100%;height:100%}.glyph__bonds line{stroke:#ffffff38;stroke-linecap:round}.glyph--empty{width:100%;height:100%}.card-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}@media (width>=720px){.card-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s var(--ease-out), transform .2s var(--ease-out), background .2s var(--ease-out);flex-direction:column;display:flex;overflow:hidden}@media (hover:hover){.card:hover{border-color:var(--border-strong);background:var(--panel-raised);transform:translateY(-2px)}}.card:active{transform:scale(.985)}.card__glyph{aspect-ratio:1;padding:var(--space-2);background:radial-gradient(85% 70% at 50% 42%, #3ddc840d 0%, transparent 70%), var(--canvas);border-bottom:1px solid var(--border);position:relative}.card__glyph .dot{position:absolute;top:10px;right:10px}.card__body{padding:var(--space-3);flex-direction:column;gap:2px;display:flex}.card__class{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card__name{font-size:var(--step-1);margin-top:2px;line-height:1.2}.card__meta{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--step--1);color:var(--fg-muted);display:flex}.card__meta sub{font-size:.7em}.card__mw{color:var(--fg-dim);font-size:.75rem}.icon{flex:none}.hero{padding-block:var(--space-6) var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.hero--tight{padding-block:var(--space-6) var(--space-4)}.hero .display{max-width:15ch}.genus{font-style:italic}.hero__lede{max-width:46ch;font-size:var(--step-0)}@media (width>=720px){.hero .display{max-width:20ch}}.summary{padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.summary__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.summary__total{font-size:var(--step--1);color:var(--fg-muted)}.summary__bar{background:var(--panel-raised);border-radius:999px;gap:2px;height:7px;display:flex;overflow:hidden}.summary__bar span{height:100%;display:block}.summary__legend{gap:var(--space-2) var(--space-4);font-size:var(--step--1);color:var(--fg-muted);flex-wrap:wrap;padding:0;list-style:none;display:flex}.summary__legend li{align-items:center;gap:var(--space-2);display:inline-flex}.summary__foot{padding-top:var(--space-3);border-top:1px solid var(--border)}.search{align-items:center;gap:var(--space-3);margin-block:var(--space-5) var(--space-3);padding:0 var(--space-4);border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);height:46px;color:var(--fg-dim);transition:border-color .18s var(--ease-out);display:flex}.search:focus-within{border-color:var(--border-strong)}.search input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:1rem}.search input::placeholder{color:var(--fg-dim)}.search input::-webkit-search-cancel-button{-webkit-appearance:none}.chip-row{margin-bottom:var(--space-4);padding-bottom:2px}.back{margin-top:var(--space-4);color:var(--fg-muted);transition:color .18s var(--ease-out), background .18s var(--ease-out);border-radius:999px;align-items:center;gap:4px;margin-left:-8px;padding:6px 12px 6px 8px;display:inline-flex}.back:hover{color:var(--fg);background:var(--panel)}.detail__head{gap:var(--space-2);padding-block:var(--space-4) var(--space-5);flex-direction:column;display:flex}.detail__name{font-size:var(--step-3);line-height:1.1}.detail__lede{max-width:52ch;font-size:var(--step-0)}.detail__badges{align-items:center;gap:var(--space-3);margin-top:var(--space-2);display:flex}.section{margin-top:var(--space-6)}.section__title{margin-bottom:var(--space-3)}.rows{padding:var(--space-2) var(--space-4)}.row{padding-block:var(--space-3);border-bottom:1px solid var(--border);flex-direction:column;gap:3px;display:flex}.row:last-child{border-bottom:0}.row dd{overflow-wrap:anywhere;margin:0}@media (width>=560px){.row{align-items:baseline;gap:var(--space-4);flex-direction:row}.row dt{flex:0 0 150px}.row dd{flex:1;min-width:0}}.copy{align-items:center;gap:var(--space-2);text-align:left;color:var(--fg);transition:color .18s var(--ease-out);display:inline-flex}.copy:hover{color:var(--accent)}.copy__value{font-size:var(--step--1);overflow-wrap:anywhere}.copy__icon{color:var(--fg-dim);flex:none}.copy:hover .copy__icon{color:var(--accent)}.link{color:var(--accent);overflow-wrap:anywhere;align-items:center;gap:5px;display:inline-flex}.link:hover{text-underline-offset:3px;text-decoration:underline}.stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.stat{padding:var(--space-4);border-right:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;gap:3px;display:flex}.stat__value{font-size:var(--step-2);letter-spacing:-.02em}.checks{padding:var(--space-2) var(--space-4);margin:0;list-style:none}.check{align-items:center;gap:var(--space-3);padding-block:var(--space-3);border-bottom:1px solid var(--border);display:flex}.check:last-child{border-bottom:0}.check__label{min-width:0;font-size:var(--step-0);flex:1}.check__status{color:var(--fg-muted)}.notes{margin-top:var(--space-3);gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.notes__item{padding-left:var(--space-4);font-size:var(--step--1);line-height:1.5;position:relative}.notes__item:before{content:"";background:var(--fg-dim);border-radius:50%;width:5px;height:5px;position:absolute;top:.62em;left:0}.note-para{margin-top:var(--space-3);font-size:var(--step--1);max-width:62ch;line-height:1.6}.occurrences{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.occurrence{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);display:flex}.occurrence__name{font-size:var(--step-0);transition:color .18s var(--ease-out)}.occurrence__name:hover{color:var(--accent)}.occurrence__part{color:var(--fg-muted);text-align:right}.refs{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ref{padding-block:var(--space-4);border-bottom:1px solid var(--border)}.ref:first-child{padding-top:0}.ref:last-child{border-bottom:0}.ref__title{font-size:var(--step-0);line-height:1.4}.ref__meta{font-size:var(--step--1);margin-top:3px}.ref__ids{gap:var(--space-2) var(--space-4);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.ref__doi{font-size:.75rem}.species-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.species-card{padding:var(--space-4);transition:border-color .2s var(--ease-out), background .2s var(--ease-out);display:block}@media (hover:hover){.species-card:hover{border-color:var(--border-strong);background:var(--panel-raised)}}.species-card__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.species-card__name{font-size:var(--step-2);line-height:1.2}.species-card__count{color:var(--fg-dim);font-size:var(--step--1)}.species-card__desc{margin-top:var(--space-2);font-size:var(--step--1);line-height:1.55}.rules{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}@media (width>=720px){.rules{grid-template-columns:1fr 1fr}}.rule-item{padding:var(--space-4)}.rule-item__name{font-size:var(--step-1);margin-bottom:var(--space-2)}.rule-item p{font-size:var(--step--1);line-height:1.6}.link-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.link-card{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);color:var(--fg-dim);transition:border-color .2s var(--ease-out), background .2s var(--ease-out);display:flex}@media (hover:hover){.link-card:hover{border-color:var(--border-strong);background:var(--panel-raised)}.link-card:hover .icon{color:var(--accent)}}.link-card__text{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.link-card__name{font-size:var(--step-1);color:var(--fg);line-height:1.2}.link-card__desc{font-size:var(--step--1);line-height:1.55}.colophon{margin-top:var(--space-7);padding-top:var(--space-4);border-top:1px solid var(--border);font-size:var(--step--1);max-width:54ch}.empty{padding-block:var(--space-6);font-size:var(--step-0)}.empty-screen{padding-block:var(--space-7);align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.empty-screen h1{font-size:var(--step-3)}.button{align-items:center;gap:var(--space-2);margin-top:var(--space-2);border:1px solid var(--border-strong);background:var(--panel);font-size:var(--step--1);transition:background .18s var(--ease-out);border-radius:999px;padding:10px 18px;font-weight:500;display:inline-flex}.button:hover{background:var(--panel-raised)}.viewer{margin:0}.viewer__stage{border-radius:var(--radius-lg);border:1px solid var(--border);background:radial-gradient(120% 90% at 50% 8%, #3ddc840d 0%, transparent 62%), radial-gradient(90% 70% at 82% 96%, #6f8cff0f 0%, transparent 60%), var(--canvas);height:min(46dvh,380px);position:relative;overflow:hidden}.viewer__canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.viewer__canvas:active{cursor:grabbing}.viewer__overlay{justify-content:center;align-items:center;gap:var(--space-3);text-align:center;padding:var(--gutter);flex-direction:column;display:flex;position:absolute;inset:0}.viewer__error{font-size:var(--step--1);max-width:24ch}.viewer__pulse{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.9s linear infinite viewer-spin}@keyframes viewer-spin{to{transform:rotate(1turn)}}.viewer__badge,.viewer__reset{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--fg-muted);background:#07080bad;border-radius:999px;padding:5px 10px;position:absolute;top:12px}.viewer__badge{left:12px}.viewer__reset{transition:color .18s var(--ease-out), border-color .18s var(--ease-out);right:12px}.viewer__reset:hover{color:var(--fg);border-color:var(--border-strong)}.viewer__controls{align-items:center;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.segmented{border:1px solid var(--border);background:var(--panel);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.segmented__item{font-size:var(--step--1);color:var(--fg-dim);white-space:nowrap;transition:background .18s var(--ease-out), color .18s var(--ease-out);border-radius:999px;padding:6px 12px;font-weight:500}.segmented__item[aria-pressed=true]{background:var(--panel-active);color:var(--fg)}.viewer__legend{gap:var(--space-2) var(--space-4);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.viewer__element{font-size:var(--step--1);align-items:center;gap:6px;display:inline-flex}.viewer__dot{border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 1px #ffffff1f}.viewer__count{color:var(--fg-dim);font-size:.75rem}