*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{overscroll-behavior:contain;scroll-behavior:smooth;background:var(--color-paper);color:var(--color-ink);overflow-x:clip}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--lh-normal);background:var(--color-paper);color:var(--color-ink);-webkit-font-smoothing:antialiased;min-height:100dvh;overflow-x:clip}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-style:normal;font-weight:600;line-height:var(--lh-tight);letter-spacing:-.015em;color:var(--color-ink);overflow-wrap:anywhere;min-width:0}h1{font-size:var(--text-display)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{max-width:var(--measure);line-height:var(--lh-relaxed);color:var(--color-ink-3)}a{color:inherit;transition:color var(--dur-fast) var(--ease-out);text-decoration:none}a:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-xs)}.site-header{top:var(--space-md);z-index:200;width:min(calc(100% - var(--space-2xl)), var(--max-width));padding:10px var(--space-lg);background:var(--color-navy-glass);-webkit-backdrop-filter:blur(24px)saturate(1.8);border:1px solid var(--color-cyan-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-nav);flex-wrap:nowrap;align-items:center;gap:0;display:flex;position:fixed;left:50%;transform:translate(-50%)}.logo{font-family:var(--font-body);font-size:var(--text-sm);align-items:center;gap:var(--space-xs);color:var(--color-ink-on-navy);letter-spacing:.02em;white-space:nowrap;flex:1;min-width:0;font-weight:700;text-decoration:none;display:flex}.logo img{object-fit:contain;width:30px;height:30px;filter:drop-shadow(0 0 6px var(--color-cyan-border));flex-shrink:0}.logo-short{display:none}.nav-links{align-items:center;gap:var(--space-xs);flex:2;min-width:0;display:flex}.nav-link{color:var(--color-ink-on-navy-70);font-weight:500;font-size:var(--text-sm);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);white-space:nowrap;text-decoration:none}.nav-link:hover{background:var(--color-white-hover);color:var(--color-cyan-raw)}.nav-link.active{background:var(--color-cyan-raw);color:var(--color-navy-raw);font-weight:700}.nav-link:focus-visible{outline:2px solid var(--color-cyan-raw);outline-offset:2px}.nav-group{position:relative}.nav-group-label{color:var(--color-ink-on-navy-70);font-weight:600;font-size:var(--text-sm);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);cursor:default;white-space:nowrap;transition:color var(--dur-fast) var(--ease-out)}.nav-group:hover .nav-group-label{color:var(--color-cyan-raw)}.nav-group .nav-link{display:none}.nav-group:hover .nav-link,.nav-group:focus-within .nav-link{background:var(--color-paper-navy);border:1px solid var(--color-cyan-border);border-radius:var(--radius-md);min-width:180px;padding:var(--space-2xs) 0;z-index:100;display:block;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #0006}.nav-group .nav-link+.nav-link{top:calc(100% + 2.2rem)}.hamburger-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:none;position:relative}.hamburger-btn span{background:var(--color-ink-on-navy);width:18px;height:2px;transition:transform var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out);border-radius:2px;display:block;position:absolute}.hamburger-btn span:first-child{transform:translateY(-5px)}.hamburger-btn span:nth-child(2){transform:translateY(0)}.hamburger-btn span:nth-child(3){transform:translateY(5px)}.hamburger-btn.active span:first-child{transform:rotate(45deg)}.hamburger-btn.active span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.active span:nth-child(3){transform:rotate(-45deg)}.hamburger-btn:focus-visible{outline:2px solid var(--color-cyan-raw);outline-offset:2px;border-radius:var(--radius-sm)}.nav-controls{align-items:center;gap:var(--space-2xs);flex-shrink:0;display:flex}.ctrl-btn{min-width:34px;height:34px;padding:0 var(--space-xs);background:var(--color-white-hover);border:1px solid var(--color-cyan-border);border-radius:var(--radius-pill);color:var(--color-ink-on-navy);font-family:var(--font-outlier);font-size:var(--text-xs);letter-spacing:.04em;cursor:pointer;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.ctrl-btn:hover{background:#6fffe81f;border-color:#6fffe866}.ctrl-btn:focus-visible{outline:2px solid var(--color-cyan-raw);outline-offset:2px}.ctrl-lang{min-width:38px}.nav-overlay{background:var(--color-navy-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:180;display:none;position:fixed;inset:0}.nav-overlay.active{display:block}.main-container{max-width:var(--max-width);padding:calc(var(--nav-height) + var(--space-2xl) + var(--space-2xs)) var(--space-xl) var(--space-xl);margin:0 auto}.hero{background:linear-gradient(160deg, var(--color-cyan-raw) 0%, var(--color-paper-3) 50%, #6fffe826 100%);animation:heroIn var(--dur-slow) var(--ease-out) both, heroGradient 12s ease infinite;border-radius:var(--radius-xl);padding:var(--space-4xl) var(--space-4xl) var(--space-3xl);z-index:50;margin-top:var(--space-xl);margin-bottom:var(--space-5xl);box-shadow:var(--shadow-lg);background-size:200% 200%;position:relative;overflow:visible}@keyframes heroIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes heroGradient{0%,to{background-position:0%}50%{background-position:100%}}.hero:before{content:"";pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230c142a' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero__content{z-index:50;position:relative}.hero h1{font-size:var(--text-display);color:var(--color-navy-raw);max-width:18ch;margin-bottom:var(--space-md);line-height:1}.hero__accent{color:var(--color-ink-on-cyan);text-decoration:underline;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:6px;text-decoration-thickness:3px}.hero p{color:var(--color-ink-a70);font-size:var(--text-lg);max-width:52ch;margin-bottom:var(--space-2xl);font-weight:400}.hero__stats{align-items:flex-start;gap:var(--space-xl);margin-top:var(--space-2xl);animation:fadeUp .6s var(--ease-out) .3s both;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero__stat{text-align:center}.hero__stat-num{color:var(--color-navy-raw);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:800;line-height:1;display:block}.hero__stat-label{color:var(--color-ink-a70);white-space:nowrap;margin-top:.25rem;font-size:.85rem}.hero__stat-divider{background:var(--color-ink-a70);opacity:.25;flex-shrink:0;width:1px;height:2rem;margin-top:.2rem}.search-wrapper{z-index:100;max-width:600px;position:relative}.search-wrapper:focus-within,.search-wrapper.is-open{z-index:1000}.search-input-container{background:var(--color-paper-2);border:2px solid var(--color-navy-raw);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-lg);box-shadow:var(--shadow-search);transition:box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);align-items:center;gap:var(--space-sm);display:flex;position:relative}.search-input-container:focus-within{box-shadow:var(--shadow-search-focus);transform:translateY(-1px)}.search-input-container svg{color:var(--color-navy-raw);flex-shrink:0;width:20px;height:20px}.search-input{color:var(--color-navy-raw);font-size:var(--text-base);padding:var(--space-xs) 0;font-weight:500;font-family:var(--font-body);background:0 0;border:none;flex:1;line-height:1}.search-input:focus{outline:none}.search-input::placeholder{color:var(--color-placeholder);font-weight:400}.search-results{top:calc(100% + var(--space-xs));background:var(--color-paper-2);border:1.5px solid var(--color-navy-raw);border-radius:var(--radius-md);z-index:9999;opacity:0;visibility:hidden;max-height:420px;transition:opacity var(--dur-normal) var(--ease-out), visibility var(--dur-normal), transform var(--dur-normal) var(--ease-out);position:absolute;left:0;right:0;overflow:hidden auto;transform:translateY(8px);box-shadow:0 16px 40px #0c142a38,0 6px 12px #0c142a1f}.search-results.active{opacity:1;visibility:visible;transform:translateY(0)}.search-results::-webkit-scrollbar{width:4px}.search-results::-webkit-scrollbar-thumb{background:var(--color-rule);border-radius:var(--radius-pill)}.result-item{padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--color-rule-2);cursor:pointer;color:var(--color-ink);transition:background var(--dur-fast) var(--ease-out);justify-content:space-between;align-items:center;gap:var(--space-md);text-decoration:none;display:flex}.result-item:last-child{border-bottom:none}.result-item:hover{background:var(--color-paper)}.result-item .ri-name{font-weight:700;font-size:var(--text-base);color:var(--color-navy-raw);margin-bottom:var(--space-3xs)}.result-item .ri-sci{color:var(--color-muted);font-size:var(--text-sm);font-style:italic}.vol-badge{padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-sm);font-family:var(--font-outlier);font-size:var(--text-xs);letter-spacing:.06em;background:var(--color-navy-raw);color:var(--color-cyan-raw);white-space:nowrap;flex-shrink:0;font-weight:700}.section-browse{z-index:1;max-width:var(--max-width);margin:0 auto var(--space-5xl);padding:0 var(--space-xl);position:relative}.section-browse-header{margin-bottom:var(--space-2xl)}.section-browse-label{font-family:var(--font-outlier);font-size:var(--text-xs);color:var(--color-navy-raw);text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--space-xs);font-weight:700}.section-browse-title{font-size:var(--text-2xl);color:var(--color-navy-raw);line-height:var(--lh-snug)}.vol-grid{gap:var(--space-md);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.vol-card{background:var(--color-paper-2);border:1.5px solid var(--color-rule);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);box-shadow:var(--shadow-xs);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), outline-color var(--dur-fast) var(--ease-out);outline-offset:2px;outline:2px solid #0000;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.vol-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-navy-raw);outline-color:var(--color-cyan-raw);transform:translateY(-4px)}.vol-card:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.vol-card-num{font-size:var(--text-4xl);font-weight:900;font-family:var(--font-body);opacity:.85;letter-spacing:-.04em;line-height:1}.vol-card-title{font-size:var(--text-sm);color:var(--color-navy-raw);margin-top:var(--space-sm);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.vol-card-count{font-family:var(--font-outlier);font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-2xs)}.vol-card-status{font-family:var(--font-outlier);font-size:var(--text-xs);margin-top:var(--space-xs);color:var(--color-warning);font-weight:600}.page-header{margin-bottom:var(--space-3xl)}.page-header h1{margin-bottom:var(--space-sm)}.page-header p{color:var(--color-ink-3);font-size:var(--text-lg)}.vol-tabs{gap:var(--space-xs);margin-bottom:var(--space-2xl);flex-wrap:wrap;display:flex}.vol-tab{padding:var(--space-xs) var(--space-lg);background:var(--color-paper-2);border:1.5px solid var(--color-rule);border-radius:var(--radius-pill);color:var(--color-ink-3);font-weight:700;font-size:var(--text-sm);font-family:var(--font-outlier);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);cursor:pointer;letter-spacing:.04em}.vol-tab:hover{border-color:var(--color-navy-raw);color:var(--color-navy-raw);transform:translateY(-1px)}.vol-tab.active{background:var(--color-navy-raw);border-color:var(--color-navy-raw);color:var(--color-cyan-raw);box-shadow:var(--shadow-md)}.vol-tab:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.vol-tab:active{transition-duration:var(--dur-instant);transform:translateY(0)}.grid-species{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.species-card-mini{background:var(--color-paper-2);border:1.5px solid var(--color-rule);border-radius:var(--radius-lg);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), outline-color var(--dur-fast) var(--ease-out);box-shadow:var(--shadow-xs);outline-offset:2px;outline:2px solid #0000;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.scm-thumb{background:var(--color-paper);border-bottom:1px solid var(--color-rule);width:100%;height:180px}.scm-thumb img{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-normal) var(--ease-out)}.species-card-mini:hover .scm-thumb img{transform:scale(1.05)}.scm-thumb-placeholder{background:var(--color-paper-3);width:100%;height:100%}.scm-content{padding:var(--space-lg) var(--space-xl);flex-direction:column;flex-grow:1;display:flex}.species-card-mini:after{content:"→";bottom:var(--space-lg);right:var(--space-lg);color:var(--color-navy-raw);font-size:var(--text-lg);opacity:0;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);font-weight:700;position:absolute;transform:translate(-4px)}.species-card-mini:hover{border-color:var(--color-navy-raw);box-shadow:var(--shadow-md);outline-color:var(--color-cyan-raw);transform:translateY(-3px)}.species-card-mini:hover:after{opacity:1;transform:translate(0)}.species-card-mini:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.species-card-mini:active{transition-duration:var(--dur-instant);transform:translateY(0)}.scm-id{font-family:var(--font-outlier);font-weight:800;font-size:var(--text-xs);color:var(--color-muted);margin-bottom:var(--space-sm);letter-spacing:.06em;text-transform:uppercase}.scm-name{font-weight:700;font-size:var(--text-base);color:var(--color-navy-raw);line-height:var(--lh-snug);margin-bottom:var(--space-2xs);overflow-wrap:anywhere}.scm-sci{color:var(--color-ink-3);font-style:italic;font-size:var(--text-sm);line-height:var(--lh-snug);margin-bottom:var(--space-md);overflow-wrap:anywhere;flex-grow:1}.scm-tax{font-family:var(--font-outlier);color:var(--color-muted);border-top:1px solid var(--color-rule-2);padding-top:var(--space-sm);letter-spacing:.02em;text-transform:uppercase;font-size:.72rem}.scm-thumb{width:calc(100% + 2 * var(--space-lg));object-fit:cover;border-radius:var(--radius-md) var(--radius-md) 0 0;height:120px;margin:calc(-1 * var(--space-lg)) calc(-1 * var(--space-lg)) var(--space-md)}.taxonomy-container{background:var(--color-paper-2);border:1.5px solid var(--color-rule);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-sm)}.tree-level{margin-left:var(--space-xl);border-left:2px solid var(--color-rule);padding-left:var(--space-md);display:none}.tree-level.expanded{display:block}.tree-node{margin:var(--space-xs) 0}.node-header{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);color:var(--color-ink);border:1px solid #0000;display:flex}.node-header:hover{background:var(--color-paper);border-color:var(--color-rule);transform:translate(2px)}.node-header:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.node-toggle{width:20px;height:20px;transition:transform var(--dur-normal) var(--ease-out);color:var(--color-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.node-toggle.expanded{transform:rotate(90deg)}.rank-badge{font-family:var(--font-outlier);text-transform:uppercase;padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-xs);letter-spacing:.06em;flex-shrink:0;font-size:.68rem;font-weight:700}.rank-class{background:var(--color-rank-class-bg);color:var(--color-rank-class-text);border:1px solid var(--color-rank-class-bd)}.rank-order{background:var(--color-rank-order-bg);color:var(--color-rank-order-text);border:1px solid var(--color-rank-order-bd)}.rank-family{background:var(--color-rank-family-bg);color:var(--color-rank-family-text);border:1px solid var(--color-rank-family-bd)}.rank-genus{background:var(--color-rank-genus-bg);color:var(--color-rank-genus-text);border:1px solid var(--color-rank-genus-bd)}.species-item{padding:var(--space-sm) var(--space-md);margin:var(--space-2xs) 0;background:var(--color-paper-2);border-radius:var(--radius-md);color:var(--color-ink);border:1px solid var(--color-rule-2);transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.species-item:hover{background:var(--color-paper);border-color:var(--color-navy-raw);box-shadow:var(--shadow-xs);transform:translate(4px)}.species-item:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.sp-name{color:var(--color-navy-raw);font-weight:600}.sp-sci{color:var(--color-muted);margin-left:var(--space-xs);font-size:.9em;font-style:italic}.back-link{align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm);color:var(--color-ink-3);font-weight:600;font-size:var(--text-sm);transition:transform var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid #0000;display:inline-flex}.back-link:hover{color:var(--color-navy-raw);background:var(--color-paper-2);border-color:var(--color-rule);transform:translate(-4px)}.specimen{background:var(--color-paper-2);border:1.5px solid var(--color-rule);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);animation:fadeIn var(--dur-slow) var(--ease-out) both;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.vol-1{--vol-color:var(--color-vol-1)}.vol-2{--vol-color:var(--color-vol-2)}.vol-3{--vol-color:var(--color-vol-3)}.vol-4{--vol-color:var(--color-vol-4)}.vol-5{--vol-color:var(--color-vol-5)}.specimen__hero{background:linear-gradient(160deg, var(--color-paper) 0%, var(--color-paper-2) 100%);padding:var(--space-xl) var(--space-xl) var(--space-md);border-bottom:3px solid var(--vol-color,var(--color-navy-raw));position:relative}.specimen__meta{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);display:flex}.specimen__index{font-family:var(--font-outlier);font-size:var(--text-sm);color:var(--vol-color,var(--color-muted));letter-spacing:.04em;font-weight:700}.specimen__vol{font-family:var(--font-outlier);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-paper-2);background:var(--vol-color,var(--color-navy-raw));padding:2px var(--space-xs);border-radius:var(--radius-sm);font-weight:700}.specimen__name{font-family:var(--font-display);font-size:var(--text-display-s);color:var(--color-ink);font-style:normal;font-weight:700;line-height:var(--lh-tight);margin-bottom:var(--space-2xs);overflow-wrap:anywhere;min-width:0}.specimen__sci{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-ink-2);font-style:italic;font-weight:500;line-height:var(--lh-snug);margin:0}.specimen__author{color:var(--color-muted);font-style:normal;font-weight:400;font-size:var(--text-base)}.specimen__gallery{margin:var(--space-xl) 0;text-align:center}.specimen__photo{margin:0 0 var(--space-sm);text-align:center;cursor:zoom-in;background:var(--color-paper);border-radius:var(--radius-lg);border:1px solid var(--color-border);justify-content:center;align-items:center;height:380px;display:flex;overflow:hidden}.specimen__photo img{object-fit:contain;border-radius:var(--radius-lg);width:100%;height:100%;transition:opacity .2s;box-shadow:0 2px 12px #0000001f}.specimen__photo-thumbs{justify-content:center;gap:var(--space-xs);margin-top:var(--space-sm);display:flex}.specimen__thumb{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:2px solid #0000;flex-shrink:0;padding:0;transition:border-color .2s,transform .15s;overflow:hidden}.specimen__thumb:hover{transform:scale(1.05)}.specimen__thumb.active{border-color:var(--color-accent)}.specimen__thumb img{object-fit:cover;border-radius:calc(var(--radius-sm) - 2px);width:72px;height:54px;display:block}.specimen__photo-dots{display:none}.specimen__dot{background:var(--color-rule);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s,transform .2s}.specimen__dot.active{background:var(--color-navy-raw);transform:scale(1.25)}.specimen__photo-credit{font-size:var(--text-xs);color:var(--color-ink-3);margin-top:var(--space-xs);line-height:var(--lh-normal)}.specimen__photo-credit a{color:var(--color-accent);text-underline-offset:2px;text-decoration:underline}.photo-lightbox{z-index:9999;cursor:zoom-out;background:#000000eb;flex-direction:column;justify-content:center;align-items:center;animation:.2s ease-out lightbox-in;display:flex;position:fixed;inset:0}@keyframes lightbox-in{0%{opacity:0}to{opacity:1}}.photo-lightbox img{object-fit:contain;border-radius:var(--radius-lg);cursor:default;max-width:90vw;max-height:80vh}.photo-lightbox__close{top:var(--space-lg);right:var(--space-lg);color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;transition:background .2s;display:flex;position:absolute}.photo-lightbox__close:hover{background:#ffffff4d}.photo-lightbox__credit{color:#ffffffb3;font-size:var(--text-xs);margin-top:var(--space-sm)}.photo-lightbox__credit a{color:#ffffffe6;text-decoration:underline}.photo-lightbox__nav{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:2.5rem;line-height:1;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.photo-lightbox__nav:hover{background:#ffffff40}.photo-lightbox__nav--prev{left:var(--space-lg)}.photo-lightbox__nav--next{right:var(--space-lg)}.specimen__taxonomy{align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-xl);background:var(--color-paper);border-bottom:1px solid var(--color-rule-2);font-size:var(--text-sm);color:var(--color-ink-2);line-height:var(--lh-normal);flex-wrap:wrap;display:flex}.crumb{align-items:baseline;gap:var(--space-2xs);display:inline-flex}.crumb-rank{font-family:var(--font-outlier);text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);font-size:.65rem;font-weight:700}.crumb em{color:var(--color-ink-3);font-style:italic;font-size:var(--text-xs)}.crumb-sep{color:var(--color-placeholder);font-size:var(--text-lg);margin:0 var(--space-2xs);font-weight:300}.specimen__section{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-rule-2)}.specimen__section:last-of-type{border-bottom:none}.specimen__section-title{font-family:var(--font-display);color:var(--color-ink);text-transform:none;letter-spacing:-.01em;margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:1.5px solid var(--color-rule);align-items:center;gap:var(--space-xs);font-size:1.25rem;font-style:normal;font-weight:700;display:flex}.specimen__section-title:before{content:"";background:var(--color-accent);border-radius:2px;flex-shrink:0;width:4px;height:1.15em;display:inline-block}.kv-row{gap:var(--space-lg);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-rule-2);grid-template-columns:1fr 1fr;display:grid}.kv-row:last-child{border-bottom:none}.kv-full{grid-column:1/-1}.kv-label{font-family:var(--font-body);color:var(--color-ink-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2xs);font-size:.85rem;font-weight:700}.kv-label-en{color:var(--color-ink-3);opacity:.85}.kv-value{font-family:var(--font-body);color:var(--color-ink);font-size:1.08rem;line-height:var(--lh-normal);overflow-wrap:anywhere;font-weight:500}.kv-value-en{color:var(--color-ink-2);font-size:1.02rem;font-weight:400}.fishbase-bar{align-items:flex-start;gap:var(--space-md);margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--lh-normal);display:flex}.fishbase-bar.fb-valid{background:var(--color-success-bg);border:1px solid var(--color-success-border)}.fb-valid .fb-label{color:var(--color-success)}.fishbase-bar.fb-synonym{background:var(--color-warning-bg);border:1px solid var(--color-warning-border)}.fb-synonym .fb-label{color:var(--color-warning)}.fishbase-bar.fb-not-found,.fishbase-bar.fb-unknown{background:var(--color-info-bg);border:1px solid var(--color-info-border)}.fb-not-found .fb-label,.fb-unknown .fb-label{color:var(--color-neutral)}.fb-icon{flex-shrink:0;margin-top:1px;font-size:1.2rem}.fb-label{margin-bottom:var(--space-3xs);font-weight:700}.fb-detail{color:var(--color-ink-3);font-size:var(--text-xs)}.fb-accepted{color:var(--color-navy-raw);font-style:italic;font-weight:600}.fb-link{margin-top:var(--space-2xs);color:var(--color-link);font-size:var(--text-xs);text-underline-offset:2px;font-weight:600;text-decoration:underline;display:inline-block}.fb-link:hover{color:var(--color-link-hover)}.panel-title{font-family:var(--font-outlier);font-size:var(--text-xs);color:var(--color-ink-3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-rule);justify-content:space-between;align-items:center;font-weight:700;display:flex}.panel-badge{background:var(--color-navy-raw);color:var(--color-cyan-raw);padding:2px var(--space-xs);border-radius:var(--radius-sm);letter-spacing:.08em;font-size:.65rem;font-weight:800}.source-tag{margin-left:var(--space-xs);margin-top:var(--space-2xs);letter-spacing:.05em;color:var(--color-ink-3);background:var(--color-info-bg);border:1px solid var(--color-info-border);vertical-align:middle;text-transform:uppercase;border-radius:4px;padding:1px 6px;font-size:.65rem;font-weight:700;display:inline-block}.specimen details.synonym-details{margin:0 var(--space-3xl) var(--space-xl)}.specimen .biology-panel{background:0 0;border:none;margin:0}details.synonym-details{background:var(--color-paper);border:1.5px solid var(--color-rule);border-radius:var(--radius-lg);margin-top:var(--space-xl);transition:border-color var(--dur-fast) var(--ease-out);overflow:hidden}details.synonym-details:hover{border-color:var(--color-navy-raw)}summary.synonym-summary{padding:var(--space-md) var(--space-xl);font-family:var(--font-outlier);font-size:var(--text-xs);color:var(--color-ink-3);text-transform:uppercase;letter-spacing:.09em;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;font-weight:700;list-style:none;display:flex}summary.synonym-summary::-webkit-details-marker{display:none}summary.synonym-summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}summary.synonym-summary:after{content:"▸";color:var(--color-muted);transition:transform var(--dur-fast) var(--ease-out);flex-shrink:0}details[open] summary.synonym-summary:after{transform:rotate(90deg)}.synonym-content-inner{border-top:1px solid var(--color-rule-2)}.synonym-content{font-size:var(--text-sm);color:var(--color-ink-3);white-space:pre-line;padding:var(--space-lg) var(--space-xl);overflow-wrap:anywhere;line-height:1.9}.kv-value i{color:var(--color-navy-raw);font-style:italic;font-weight:600}.biology-panel{background:0 0;border:none;border-radius:0;margin-top:0;padding:0}.bio-grid{gap:var(--space-xl);margin-bottom:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.bio-notes{border-top:1px solid var(--color-rule-2);padding-top:var(--space-md);margin-top:var(--space-sm)}.bio-row-inline{border-bottom:1px solid var(--color-rule-2);padding:.5rem 0;line-height:1.7}.bio-row-inline:last-child{border-bottom:none}.bio-label-inline{color:var(--color-ink);font-weight:600;font-size:var(--text-sm)}.bio-sep{color:var(--color-ink-3);font-size:var(--text-xs);margin:0 .15em}.bio-label-en{color:var(--color-ink-3);font-size:var(--text-xs)}.bio-value-en{color:var(--color-ink);font-size:var(--text-sm);font-weight:500}.bio-value-vn{color:#0f766e;font-size:var(--text-xs);margin-left:.2em;font-style:italic}[data-theme=dark] .bio-value-vn{color:#2dd4bf}.bio-notes-block{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-rule-2)}.bio-notes-block:last-child{border-bottom:none;margin-bottom:0}.bio-notes-header{margin-bottom:var(--space-sm);align-items:baseline;gap:.4em;display:flex}.bio-notes-label-vn{font-weight:700;font-size:var(--text-sm);color:var(--color-ink-1)}.bio-notes-label-en{font-size:var(--text-xs);color:var(--color-ink-3)}.bio-notes-vn{margin-bottom:var(--space-sm)}.bio-notes-text{max-width:none;font-size:var(--text-sm);color:var(--color-ink-2);margin:0 0 var(--space-xs);overflow-wrap:anywhere;line-height:1.8}.bio-notes-text--en{max-width:none;color:var(--color-ink-3);font-size:var(--text-xs);margin-top:var(--space-xs)}.bio-notes-disclaimer{font-size:var(--text-xs);color:var(--color-ink-3);margin:0;font-style:italic}.bio-notes-loading,.bio-notes-error{font-size:var(--text-xs);color:var(--color-ink-3);font-style:italic}.bio-notes-error{color:#f87171}.bio-notes-en-details{margin-top:var(--space-xs)}.bio-notes-en-toggle{font-size:var(--text-xs);color:#0f766e;cursor:pointer;-webkit-user-select:none;user-select:none;text-underline-offset:2px;outline:none;align-items:center;gap:.3em;text-decoration:underline;list-style:none;display:inline-flex}[data-theme=dark] .bio-notes-en-toggle{color:#2dd4bf}.bio-notes-en-toggle:before{content:"▶";font-size:.6rem;transition:transform .15s}details[open] .bio-notes-en-toggle:before{transform:rotate(90deg)}.hero-image-container{width:100%;margin-bottom:var(--space-xl);border-radius:var(--radius-md);border:1px solid var(--color-rule);overflow:hidden}.hero-image{object-fit:cover;width:100%;height:auto;max-height:480px;transition:transform var(--dur-slow) var(--ease-out);display:block}.hero-image-container:hover .hero-image{transform:scale(1.02)}.glass-panel{background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}footer{background:var(--color-navy-raw);color:var(--color-ink-on-navy);margin-top:var(--space-lg);padding:var(--space-3xl) var(--space-xl) var(--space-2xl);border-top:3px solid var(--color-cyan-raw)}.footer-inner{max-width:var(--max-width);margin:0 auto}.footer__statement{font-family:var(--font-display);font-style:normal;font-size:clamp(1.8rem, 3.5vw, var(--text-3xl));color:var(--color-cyan-raw);line-height:var(--lh-snug);max-width:26ch;margin-bottom:var(--space-2xl)}.footer__meta{justify-content:space-between;align-items:flex-end;gap:var(--space-lg);padding-top:var(--space-xl);border-top:1px solid var(--color-rule-footer);flex-wrap:wrap;display:flex}.footer__org{font-size:var(--text-sm);color:var(--color-ink-on-navy-60);line-height:var(--lh-relaxed)}.footer__org strong{color:var(--color-ink-on-navy);margin-bottom:var(--space-3xs);font-weight:700;display:block}.footer__version{font-family:var(--font-outlier);font-size:var(--text-xs);color:var(--color-cyan-raw);letter-spacing:.08em;font-weight:700}.hidden{display:none!important}@media (max-width:768px){.site-header{top:var(--space-xs);width:calc(100% - var(--space-lg));padding:var(--space-xs) var(--space-md)}.logo-full{display:none}.logo-short{display:inline}.hamburger-btn{flex-shrink:0;display:flex}.logo{flex:1}.nav-links{background:var(--color-navy-raw);border-left:1px solid var(--color-cyan-border);width:280px;height:100dvh;padding:calc(var(--nav-height) + var(--space-xl)) var(--space-xl) var(--space-xl);justify-content:flex-start;align-items:flex-start;gap:var(--space-2xs);z-index:190;transition:right var(--dur-normal) var(--ease-out);flex-direction:column;position:fixed;top:0;right:-280px}.nav-links.open{right:0}.nav-link{width:100%;min-height:44px;font-size:var(--text-base);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);align-items:center;display:flex}.nav-group{border-top:1px solid var(--color-cyan-border);width:100%;padding-top:var(--space-sm);margin-top:var(--space-xs)}.nav-group-label{font-size:var(--text-xs);color:var(--color-cyan-raw);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2xs) var(--space-md);margin-bottom:var(--space-2xs);display:block}.nav-group .nav-link{box-shadow:none!important;min-width:unset!important;padding-left:var(--space-lg)!important;background:0 0!important;border:none!important;display:flex!important;position:static!important}.main-container{padding:calc(var(--nav-height) + var(--space-md)) var(--space-md) var(--space-lg)}.hero{padding:var(--space-2xl) var(--space-xl);border-radius:var(--radius-lg);margin-bottom:var(--space-4xl)}.hero h1{font-size:clamp(2rem, 9vw, var(--text-display));max-width:none}.vol-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section-browse{padding:0 var(--space-md)}.bio-grid{grid-template-columns:1fr;gap:0}.specimen__hero{padding:var(--space-md) var(--space-md) var(--space-sm)}.specimen__name{font-size:clamp(1.5rem, 6.5vw, var(--text-display-s))}.specimen__taxonomy{padding:var(--space-sm) var(--space-md)}.specimen__section{padding:var(--space-md) var(--space-md)}.specimen details.synonym-details,.specimen .biology-panel{margin:0}footer{padding:var(--space-3xl) var(--space-md) var(--space-2xl)}.footer__statement{font-size:clamp(1.5rem, 6vw, var(--text-2xl))}}@media (max-width:900px){.kv-row{gap:var(--space-sm);grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.site-header{width:calc(100% - var(--space-lg));padding:8px var(--space-md)}.logo{gap:var(--space-2xs);font-size:.85rem}.logo-full{display:none}.logo-short{display:inline}.nav-links{gap:var(--space-2xs)}.nav-link{padding:var(--space-2xs) var(--space-xs);font-size:.85rem}.main-container{padding:calc(var(--nav-height) + var(--space-xl)) var(--space-md) var(--space-lg)}.specimen__hero{padding:var(--space-lg) var(--space-lg) var(--space-md)}.specimen__section{padding:var(--space-md) var(--space-lg)}.kv-row{gap:var(--space-md)}}.about-wrapper{background:var(--color-paper);min-height:80vh}.about-container{max-width:960px;padding:calc(var(--nav-height) + var(--space-sm)) var(--space-xl) var(--space-4xl);margin:0 auto}.about-hero{margin-bottom:var(--space-3xl);padding-bottom:var(--space-2xl);border-bottom:1px solid var(--color-rule)}.about-hero__badge{border-radius:var(--radius-pill);border:1px solid var(--color-cyan-border);color:var(--color-cyan-raw);font-family:var(--font-outlier);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md);background:#6fffe814;align-items:center;gap:6px;padding:4px 12px;font-weight:600;display:inline-flex}.about-hero__title{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.025em;margin-bottom:var(--space-md);font-size:clamp(2.2rem,5.5vw,3.4rem);font-weight:700;line-height:1.15}.about-hero__title-accent{color:var(--color-cyan-raw)}.about-hero__lead{color:var(--color-ink-2);max-width:74ch;margin-bottom:var(--space-2xl);font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.65}.about-hero__meta-card{gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);background:var(--color-paper-2);border:1.5px solid var(--color-rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.about-meta-col{flex-direction:column;gap:4px;display:flex}.about-meta-label{font-family:var(--font-outlier);text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-3);font-size:11px;font-weight:600}.about-meta-value{color:var(--color-ink);font-size:.925rem;font-weight:600;line-height:1.4}.about-stats-grid{gap:var(--space-md);margin-bottom:var(--space-4xl);grid-template-columns:repeat(4,1fr);display:grid}.about-stat-card{padding:var(--space-lg);background:var(--color-paper-2);border:1.5px solid var(--color-rule);border-radius:var(--radius-lg);transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.about-stat-card:hover{border-color:var(--color-cyan-border);transform:translateY(-2px)}.about-stat-card:before{content:"";background:var(--color-cyan-raw);opacity:.8;height:3px;position:absolute;top:0;left:0;right:0}.about-stat-num{font-family:var(--font-display);color:var(--color-cyan-raw);margin-bottom:var(--space-xs);font-size:clamp(2rem,3.5vw,2.75rem);font-weight:700;line-height:1}.about-stat-label{color:var(--color-ink);margin-bottom:2px;font-size:.95rem;font-weight:700}.about-stat-sub{font-size:var(--text-xs);color:var(--color-ink-3)}.about-section-header{margin-bottom:var(--space-2xl);position:relative}.about-badge-small{font-family:var(--font-outlier);text-transform:uppercase;letter-spacing:.05em;color:var(--color-cyan-raw);margin-bottom:var(--space-xs);align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.about-section-title{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.015em;margin-bottom:var(--space-xs);font-size:clamp(1.5rem,3.5vw,2rem);font-weight:700}.about-section-bar{background:var(--color-cyan-raw);border-radius:var(--radius-pill);width:48px;height:3px}.about-story-section{margin-bottom:var(--space-4xl)}.about-story-content{max-width:78ch;color:var(--color-ink-2);font-size:1.05rem;line-height:1.75}.about-story-content p{margin-bottom:var(--space-lg)}.about-quote{margin:var(--space-2xl) 0;padding:var(--space-lg) var(--space-xl);background:var(--color-paper-2);border-left:4px solid var(--color-cyan-raw);border-radius:0 var(--radius-lg) var(--radius-lg) 0;font-family:var(--font-display);color:var(--color-ink);box-shadow:var(--shadow-xs);font-size:1.15rem;font-style:italic;line-height:1.6}.about-pillars-section{margin-bottom:var(--space-4xl)}.about-pillars-grid{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.about-pillar-card{padding:var(--space-xl);background:var(--color-paper-2);border:1.5px solid var(--color-rule);border-radius:var(--radius-lg);transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out)}.about-pillar-card:hover{border-color:var(--color-cyan-border);transform:translateY(-3px)}.about-pillar-icon{border-radius:var(--radius-md);width:44px;height:44px;color:var(--color-cyan-raw);margin-bottom:var(--space-md);border:1px solid var(--color-cyan-border);background:#6fffe81a;justify-content:center;align-items:center;display:flex}.about-pillar-title{font-family:var(--font-display);color:var(--color-ink);margin-bottom:var(--space-xs);font-size:1.25rem;font-weight:700}.about-pillar-desc{color:var(--color-ink-2);font-size:.95rem;line-height:1.6}.about-timeline-section{margin-bottom:var(--space-4xl)}.about-timeline-list{gap:var(--space-md);flex-direction:column;display:flex}.about-timeline-item{align-items:flex-start;gap:var(--space-lg);padding:var(--space-lg);background:var(--color-paper-2);border:1.5px solid var(--color-rule);border-radius:var(--radius-lg);transition:border-color var(--dur-fast) var(--ease-out);display:flex}.about-timeline-item:hover{border-color:var(--color-cyan-border)}.about-timeline-marker{color:var(--color-cyan-raw);flex-shrink:0;margin-top:2px}.about-timeline-content{flex:1}.about-vol-header{align-items:center;gap:var(--space-sm);margin-bottom:4px;display:flex}.about-vol-badge{font-family:var(--font-outlier);color:var(--color-cyan-raw);border:1px solid var(--color-cyan-border);border-radius:var(--radius-xs);text-transform:uppercase;background:#6fffe81a;padding:2px 8px;font-size:11px;font-weight:700}.about-vol-year{font-size:var(--text-xs);color:var(--color-ink-3);font-weight:600}.about-vol-name{font-family:var(--font-display);color:var(--color-ink);margin-bottom:4px;font-size:1.1rem;font-weight:600}.about-vol-author{color:var(--color-ink-2);font-size:.875rem}.about-cta-box{padding:var(--space-3xl) var(--space-2xl);background:linear-gradient(145deg, var(--color-paper-2) 0%, var(--color-paper-3) 100%);border:1.5px solid var(--color-cyan-border);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.about-cta-box:before{content:"";background:linear-gradient(90deg, var(--color-cyan-raw), #38bdf8);height:4px;position:absolute;top:0;left:0;right:0}.about-cta-title{font-family:var(--font-display);color:var(--color-ink);margin-bottom:var(--space-sm);font-size:clamp(1.5rem,3.5vw,2.1rem);font-weight:700}.about-cta-desc{color:var(--color-ink-2);max-width:60ch;margin:0 auto var(--space-2xl);font-size:1.05rem;line-height:1.6}.about-cta-actions{justify-content:center;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.about-btn-primary{background:var(--color-cyan-raw);color:var(--color-navy-raw);font-family:var(--font-body);font-weight:700;font-size:var(--text-sm);border-radius:var(--radius-pill);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;padding:12px 28px;text-decoration:none;display:inline-flex;box-shadow:0 2px 10px #6fffe84d}.about-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px #6fffe866}.about-btn-secondary{background:var(--color-paper-2);color:var(--color-ink);font-family:var(--font-body);font-weight:600;font-size:var(--text-sm);border-radius:var(--radius-pill);border:1px solid var(--color-rule-active);transition:all var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;padding:12px 24px;text-decoration:none;display:inline-flex}.about-btn-secondary:hover{border-color:var(--color-cyan-border);color:var(--color-cyan-raw);background:var(--color-paper-3)}@media (max-width:768px){.about-container{padding:calc(var(--nav-height) + var(--space-xs)) var(--space-md) var(--space-3xl)}.about-stats-grid{grid-template-columns:repeat(2,1fr)}.about-pillars-grid{grid-template-columns:1fr}.about-cta-box{padding:var(--space-2xl) var(--space-md)}.about-cta-actions{flex-direction:column;width:100%}.about-btn-primary,.about-btn-secondary{width:100%}}@media (max-width:480px){.hero{padding:var(--space-xl) var(--space-md) var(--space-md)}.hero__stats{margin-top:var(--space-lg)}.section-browse{margin-bottom:var(--space-2xl)}.section-browse-header{margin-bottom:var(--space-lg)}.hero h1{font-size:clamp(1.75rem,10vw,2.5rem)}.vol-grid{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr))}.vol-card{padding:var(--space-lg) var(--space-md)}.vol-card-num{font-size:var(--text-3xl)}.grid-species{grid-template-columns:1fr}.specimen__hero{padding:var(--space-xl) var(--space-md) var(--space-md)}.specimen__taxonomy{padding:var(--space-sm) var(--space-md);font-size:var(--text-xs)}.specimen__section{padding:var(--space-lg) var(--space-md)}.specimen details.synonym-details,.specimen .biology-panel{margin:0 var(--space-md) var(--space-md)}}.btn{border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;transition:all .15s var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;line-height:1.2;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--brand-primary);color:var(--color-accent-dark)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:0 0 12px #6fffe84d}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-outline{border-color:var(--color-border);color:var(--color-ink);background:0 0}.btn-outline:hover:not(:disabled){border-color:var(--color-ink);background:var(--color-paper-3)}.btn-outline:active:not(:disabled){transform:translateY(1px)}.back-to-top{background:var(--brand-primary);color:#fff;cursor:pointer;opacity:0;pointer-events:none;z-index:100;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:opacity .3s,transform .3s;display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(20px);box-shadow:0 2px 12px #0003}.back-to-top.show{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{background:var(--color-navy-raw,#0c142a)}.footer__links{gap:var(--space-lg);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.footer__links a{color:var(--color-muted);font-size:.8rem;text-decoration:none;transition:color .15s}.footer__links a:hover{color:var(--brand-primary)}:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--bottom-nav-h:56px}.bottom-nav{display:none}.detail-tabs{background:var(--color-paper-3);border-bottom:1.5px solid var(--color-rule);scrollbar-width:none;-ms-overflow-style:none;gap:8px;padding:8px 12px;display:flex;overflow-x:auto}.detail-tabs::-webkit-scrollbar{display:none}.detail-tab{min-width:max-content;font-family:var(--font-body);color:var(--color-ink-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);white-space:nowrap;background:0 0;border:1.5px solid #0000;flex:1;justify-content:center;align-items:center;min-height:44px;margin-bottom:0;padding:10px 20px;font-size:.95rem;font-weight:600;display:inline-flex}.detail-tab:hover{color:var(--color-ink);background:#ffffff73}.detail-tab.active{color:var(--color-ink);background:var(--color-paper-2);border-color:var(--color-rule);box-shadow:var(--shadow-sm);font-weight:700}[data-theme=dark] .detail-tabs{background:var(--color-paper)}[data-theme=dark] .detail-tab:hover{background:#ffffff0f}[data-theme=dark] .detail-tab.active{color:#fff;background:var(--color-paper-3);border-color:#00f0d059;box-shadow:0 2px 10px #0006,0 0 0 1px #00f0d033}.detail-tab:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.detail-tab-panel{display:none}.detail-tab-panel.active{display:block}@media (min-width:769px){.detail-tabs{border-bottom:1.5px solid var(--color-rule);margin-bottom:0}}.specimen__empty{padding:var(--space-xl);color:var(--color-muted);font-size:var(--text-sm);text-align:center;font-style:italic}@media (max-width:768px){body{padding-bottom:calc(var(--bottom-nav-h) + var(--safe-bottom))}.bottom-nav{height:calc(var(--bottom-nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--color-navy-raw);z-index:300;border-top:1px solid #6fffe81f;justify-content:space-around;align-items:flex-start;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__tab{height:var(--bottom-nav-h);color:#ffffff80;transition:color var(--dur-fast) var(--ease-out);padding-top:var(--space-xs);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;text-decoration:none;display:flex;position:relative}.bottom-nav__tab.active{color:var(--color-cyan-raw)}.bottom-nav__tab:focus-visible{outline:2px solid var(--color-cyan-raw);outline-offset:-3px}.bottom-nav__icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.bottom-nav__label{font-family:var(--font-outlier);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:500;line-height:1}.bottom-nav__dot{background:var(--color-cyan-raw);border-radius:50%;width:4px;height:4px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.hamburger-btn,.nav-links{display:none!important}.back-to-top{bottom:calc(var(--bottom-nav-h) + var(--safe-bottom) + var(--space-md));right:var(--space-md);z-index:200}.grid-species{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr))}.species-card-mini{padding:0}.scm-content{padding:var(--space-md) var(--space-sm)}.scm-name{white-space:normal;overflow-wrap:anywhere;word-break:break-word;font-size:.875rem;line-height:var(--lh-snug)}.scm-sci{font-size:.75rem}.scm-id{font-size:.65rem}.scm-thumb{height:90px}.specimen__gallery{margin:var(--space-md) 0}.specimen__photo{height:min(56vw,280px)!important}.specimen__photo-thumbs{display:none}.specimen__photo-dots{justify-content:center;gap:var(--space-sm);margin-top:var(--space-md);display:flex}.site-header{padding-top:calc(var(--space-xs) + var(--safe-top))}footer{padding-bottom:calc(var(--space-2xl) + var(--bottom-nav-h) + var(--safe-bottom))}.specimen .detail-tabs{background:var(--color-paper-3);z-index:10;margin:0 calc(-1 * var(--space-xl));padding:6px var(--space-xl);border-radius:0;position:sticky;top:60px}.biology-panel,.specimen .biology-panel{padding:var(--space-lg) var(--space-md);background:0 0;border:none;margin:0}details.synonym-details,.specimen details.synonym-details{background:0 0;border:none;margin:0}summary.synonym-summary{padding:var(--space-lg) var(--space-md) var(--space-sm) var(--space-md);border-bottom:2px solid var(--color-rule);margin-bottom:var(--space-xl)}.synonym-content{padding:0 var(--space-md) var(--space-md)}.vol-tab{align-items:center;min-height:44px;display:inline-flex}.detail-tab{min-height:44px;padding:var(--space-xs) var(--space-sm);font-size:.8125rem}}@media (max-width:480px){.site-header{width:calc(100% - var(--space-sm));padding:6px var(--space-xs)}.main-container{padding:calc(var(--nav-height) + var(--space-md)) 12px var(--space-md)}.specimen{border-radius:var(--radius-md)}.specimen__hero{padding:var(--space-md) var(--space-sm) var(--space-xs)}.specimen__name{font-size:clamp(1.35rem,5.5vw,1.65rem)}.specimen__sci{font-size:.95rem}.specimen__taxonomy{padding:var(--space-xs) var(--space-sm);font-size:.75rem}.detail-tabs{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;gap:6px;padding:6px 8px}.detail-tab{scroll-snap-align:start;padding:8px 12px;font-size:.82rem}.specimen__section{padding:var(--space-md) var(--space-sm)}.specimen__section-title{font-size:1.1rem}.grid-species{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr))}.scm-thumb{height:110px}.scm-name{font-size:.8125rem}}.faq-page-wrapper{background:var(--color-paper);min-height:80vh}.faq-page-container{max-width:920px;padding:calc(var(--nav-height) + var(--space-sm)) var(--space-xl) var(--space-4xl);margin:0 auto}.faq-hero{margin-bottom:var(--space-3xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-rule)}.faq-hero__pill{border-radius:var(--radius-pill);border:1px solid var(--color-cyan-border);color:var(--color-cyan-raw);font-family:var(--font-outlier);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md);background:#6fffe814;align-items:center;gap:6px;padding:4px 12px;font-weight:600;display:inline-flex}.faq-hero__title{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.02em;margin-bottom:var(--space-md);font-size:clamp(2rem,5vw,2.75rem);font-weight:700;line-height:1.15}.faq-hero__subtitle{color:var(--color-ink-2);max-width:72ch;font-size:clamp(.95rem,2vw,1.05rem);line-height:1.6}.faq-controls{gap:var(--space-lg);margin-bottom:var(--space-2xl);flex-direction:column;display:flex}.faq-search-wrapper{width:100%;position:relative}.faq-search-icon{color:var(--color-ink-3);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.faq-search-input{background:var(--color-paper-2);border:1.5px solid var(--color-rule);border-radius:var(--radius-lg);width:100%;height:48px;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);outline:none;padding:0 44px 0 46px}.faq-search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #6fffe826}.faq-search-clear{color:var(--color-ink-3);cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.faq-categories{gap:var(--space-xs);flex-wrap:wrap;display:flex}.faq-cat-btn{border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--text-xs);border:1px solid var(--color-rule);background:var(--color-paper-2);color:var(--color-ink-2);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);white-space:nowrap;align-items:center;gap:6px;padding:8px 16px;font-weight:600;display:inline-flex}.faq-cat-btn:hover{border-color:var(--color-cyan-border);color:var(--color-ink);background:var(--color-paper-3)}.faq-cat-btn.active{background:var(--color-cyan-raw);color:var(--color-navy-raw);border-color:var(--color-cyan-raw);font-weight:700;box-shadow:0 2px 8px #6fffe840}.faq-actions{font-size:var(--text-xs);color:var(--color-ink-3);padding-top:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.faq-toggle-btns{align-items:center;gap:var(--space-xs);display:flex}.faq-text-action{color:var(--color-cyan-raw);cursor:pointer;font-size:var(--text-xs);border-radius:var(--radius-xs);background:0 0;border:none;padding:2px 4px;font-weight:600}.faq-text-action:hover{text-decoration:underline}.faq-action-divider{color:var(--color-rule)}.faq-accordion-list{gap:var(--space-md);flex-direction:column;display:flex}.faq-card{background:var(--color-paper-2);border:1.5px solid var(--color-rule);border-radius:var(--radius-lg);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);overflow:hidden}.faq-card:hover{border-color:var(--color-rule-active)}.faq-card.is-open{border-color:var(--color-cyan-border);box-shadow:0 4px 16px #0000000a}.faq-card__header{justify-content:space-between;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-lg) var(--space-xl);text-align:left;cursor:pointer;color:var(--color-ink);background:0 0;border:none;display:flex}.faq-card__title-group{flex-direction:column;flex:1;align-items:flex-start;gap:6px;display:flex}.faq-badge{border-radius:var(--radius-xs);font-family:var(--font-outlier);text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.faq-badge--about{color:#0284c7;background:#38bdf81f;border:1px solid #38bdf840}.faq-badge--sources{color:#9333ea;background:#a855f71f;border:1px solid #a855f740}.faq-badge--tech{color:#059669;background:#10b9811f;border:1px solid #10b98140}.faq-badge--rights{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b40}[data-theme=dark] .faq-badge--about{color:#38bdf8}[data-theme=dark] .faq-badge--sources{color:#c084fc}[data-theme=dark] .faq-badge--tech{color:#34d399}[data-theme=dark] .faq-badge--rights{color:#fbbf24}.faq-card__question{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.01em;font-size:1.15rem;font-weight:600;line-height:1.35}.faq-card__chevron{color:var(--color-ink-3);transition:transform var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:flex}.faq-card__chevron.rotated{color:var(--color-cyan-raw);transform:rotate(180deg)}.faq-card__body{padding:0 var(--space-xl) var(--space-xl);border-top:1px solid var(--color-rule);padding-top:var(--space-lg);animation:fadeIn var(--dur-fast) var(--ease-out);margin-top:2px}.faq-card__answer{color:var(--color-ink-2);font-size:.965rem;line-height:1.7}.faq-card__answer p{margin-bottom:var(--space-md)}.faq-card__answer p:last-child{margin-bottom:0}.faq-card__highlights{margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--color-paper-3);border-left:3px solid var(--color-cyan-raw);border-radius:0 var(--radius-md) var(--radius-md) 0}.faq-highlights-label{font-family:var(--font-outlier);text-transform:uppercase;letter-spacing:.05em;color:var(--color-cyan-raw);margin-bottom:6px;font-size:11px;font-weight:700}.faq-card__highlights ul{padding-left:var(--space-lg);color:var(--color-ink);font-size:.885rem;line-height:1.55;list-style:outside}.faq-card__highlights li{margin-bottom:4px}.faq-card__highlights li:last-child{margin-bottom:0}.faq-empty{text-align:center;padding:var(--space-4xl) var(--space-xl);background:var(--color-paper-2);border:1.5px dashed var(--color-rule);border-radius:var(--radius-xl)}.faq-empty-icon{color:var(--color-ink-3);margin-bottom:var(--space-md)}.faq-empty-title{font-family:var(--font-display);color:var(--color-ink);margin-bottom:var(--space-xs);font-size:1.25rem;font-weight:600}.faq-empty-desc{font-size:var(--text-sm);color:var(--color-ink-3);max-width:48ch;margin:0 auto var(--space-lg);line-height:1.5}.faq-empty-reset{background:var(--color-paper-3);border:1px solid var(--color-rule-active);border-radius:var(--radius-pill);font-size:var(--text-xs);color:var(--color-cyan-raw);cursor:pointer;align-items:center;padding:8px 18px;font-weight:600;display:inline-flex}@media (max-width:768px){.faq-page-container{padding:calc(var(--nav-height) + var(--space-xs)) var(--space-md) var(--space-3xl)}.faq-hero__title{font-size:1.85rem}.faq-card__header{padding:var(--space-md) var(--space-md)}.faq-card__question{font-size:1.025rem}.faq-card__body{padding:0 var(--space-md) var(--space-md)}.faq-card__highlights{padding:var(--space-sm) var(--space-md)}}.book-browser-container{gap:var(--space-2xl);flex-direction:column;display:flex}.special-group-banner{border:1.5px solid var(--color-cyan-border);border-radius:var(--radius-xl);padding:var(--space-2xl) var(--space-2xl) var(--space-xl);gap:var(--space-sm);box-shadow:var(--shadow-sm);margin-bottom:var(--space-md);background:linear-gradient(135deg,#0ea5e914 0%,#0ea5e905 100%);flex-direction:column;display:flex;position:relative;overflow:hidden}.sgb-header-row{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.sgb-badge{border-radius:var(--radius-pill);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:800;display:inline-flex}.sgb-badge--cyan{color:#008f7a;background:#00d4b81f;border:1px solid #00d4b84d}.sgb-badge--rose{color:#be123c;background:#e11d481a;border:1px solid #e11d4840}.sgb-badge--amber{color:#b45309;background:#d977061a;border:1px solid #d9770640}.sgb-badge--emerald{color:#047857;background:#0596691a;border:1px solid #05966940}[data-theme=dark] .sgb-badge--cyan{color:#00f0d0}[data-theme=dark] .sgb-badge--rose{color:#fb7185}[data-theme=dark] .sgb-badge--amber{color:#fbbf24}[data-theme=dark] .sgb-badge--emerald{color:#34d399}.sgb-clear-btn{background:var(--color-paper-2);border:1px solid var(--color-rule);color:var(--color-ink-2);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.sgb-clear-btn:hover{background:var(--color-paper-3);border-color:var(--color-ink-3);color:var(--color-ink)}.sgb-title{font-family:var(--font-display);color:var(--color-navy-raw);margin:0;font-size:clamp(1.4rem,2.5vw,1.85rem);font-weight:700;line-height:1.25}.sgb-desc{color:var(--color-ink-3);max-width:80ch;margin:0;font-size:.95rem;line-height:1.6}.section-label{align-items:center;gap:var(--space-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-3);margin-bottom:var(--space-md);font-size:.78rem;font-weight:800;display:flex}.book-cards-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.book-card{background:var(--color-paper-2);border:1.5px solid var(--color-rule);border-radius:var(--radius-lg);padding:var(--space-xl);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);box-shadow:var(--shadow-xs);flex-direction:column;display:flex;position:relative}.book-card:hover{border-color:var(--color-navy-raw);box-shadow:var(--shadow-md);transform:translateY(-2px)}.book-card.is-selected{border-color:var(--color-cyan-raw);background:linear-gradient(180deg, #0ea5e914 0%, var(--color-paper-2) 100%);box-shadow:0 6px 24px #0ea5e926}.bc-top{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.bc-badge{border-radius:var(--radius-pill);color:var(--color-cyan-raw);letter-spacing:.02em;background:#0ea5e926;padding:3px 10px;font-size:.75rem;font-weight:800}.bc-status-pill{color:#10b981;align-items:center;gap:4px;font-size:.75rem;font-weight:700;display:inline-flex}.bc-title{color:var(--color-ink-1);margin:0 0 var(--space-xs) 0;font-size:1.25rem;font-weight:750;line-height:1.3}.bc-author{color:var(--color-ink-2);margin:0 0 var(--space-sm) 0;font-size:.85rem;font-weight:600}.bc-desc{color:var(--color-ink-3);margin:0 0 var(--space-md) 0;flex:1;font-size:.825rem;line-height:1.5}.bc-meta{color:var(--color-ink-3);border-top:1px solid var(--color-rule);padding-top:var(--space-sm);justify-content:space-between;align-items:center;margin-top:auto;font-size:.8rem;display:flex}.bc-species-total{color:var(--color-ink-1);font-weight:800}.volume-full-tabs{gap:var(--space-sm) var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.volume-full-tab{align-items:center;gap:var(--space-md);background:var(--color-paper-2);border:1.5px solid var(--color-rule);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);text-align:left;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);width:100%;display:flex}.volume-full-tab:hover{border-color:var(--color-navy-raw);background:var(--color-paper-3);transform:translate(2px)}.volume-full-tab.is-active{background:var(--color-navy-raw);border-color:var(--color-navy-raw);color:#fff;box-shadow:var(--shadow-sm)}.vft-roman{background:var(--color-paper-3);color:var(--color-ink-2);white-space:nowrap;font-size:.8rem;font-weight:800;font-family:var(--font-outlier,inherit);border-radius:6px;padding:4px 10px}.volume-full-tab.is-active .vft-roman{background:var(--color-cyan-raw);color:#0f172a}.vft-content{flex:1;min-width:0}.vft-title{color:var(--color-ink-1);margin-bottom:2px;font-size:.95rem;font-weight:700}.volume-full-tab.is-active .vft-title{color:#fff}.vft-sub{color:var(--color-ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:.825rem;overflow:hidden}.volume-full-tab.is-active .vft-sub{color:#fffc}.vft-count{border-radius:var(--radius-pill);background:var(--color-paper-3);color:var(--color-ink-3);white-space:nowrap;padding:4px 10px;font-size:.8rem;font-weight:700}.volume-full-tab.is-active .vft-count{color:#fff;background:#fff3}.single-volume-banner{padding:var(--space-md) var(--space-xl);background:var(--color-paper-2);border:1.5px solid var(--color-rule);border-radius:var(--radius-md)}.svb-title{color:var(--color-ink-1);margin-bottom:4px;font-size:1.05rem;font-weight:700}.svb-sub{color:var(--color-ink-3);font-size:.85rem}.species-list-section{flex-direction:column;display:flex}.species-list-toolbar{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.slt-info{flex-direction:column;gap:2px;display:flex}.slt-volume-title{color:var(--color-ink-1);margin:0;font-size:1.25rem;font-weight:800}.slt-counter{color:var(--color-ink-3);font-size:.85rem}.slt-filter-box{align-items:center;width:100%;max-width:340px;display:flex;position:relative}.slt-filter-icon{color:var(--color-ink-3);pointer-events:none;position:absolute;left:14px}.slt-filter-input{background:var(--color-paper-2);border:1.5px solid var(--color-rule);border-radius:var(--radius-pill);width:100%;color:var(--color-ink-1);font-size:.875rem;font-family:var(--font-body);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);padding:.55rem 2.25rem .55rem 2.4rem}.slt-filter-input:focus{border-color:var(--color-navy-raw);outline:none;box-shadow:0 0 0 3px #0ea5e926}.slt-filter-clear{color:var(--color-ink-3);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:.85rem;display:flex;position:absolute;right:12px}.species-table-wrapper{background:var(--color-paper-2);border:1.5px solid var(--color-rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow-x:auto}.species-list-table{border-collapse:collapse;text-align:left;width:100%}.species-list-table th{background:var(--color-paper-3);padding:var(--space-md) var(--space-lg);text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-3);border-bottom:1px solid var(--color-rule);white-space:nowrap;font-size:.78rem;font-weight:800}.species-list-table th.th-stt{text-align:center;width:80px}.species-list-table th.th-vn{width:40%}.species-list-table th.th-action{text-align:right;width:50px}.species-row{border-bottom:1px solid var(--color-rule);cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.species-row:last-child{border-bottom:none}.species-row:hover{background:#0ea5e90f}.species-row td{padding:var(--space-md) var(--space-xl);vertical-align:middle}.skeleton-row td{padding:var(--space-lg) var(--space-xl)}.skeleton-shimmer{border-radius:var(--radius-sm,4px);background:linear-gradient(90deg,#94a3b81a 0%,#94a3b838 50%,#94a3b81a 100%) 0 0/200% 100%;animation:1.5s ease-in-out infinite skeletonShimmer;display:block}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-shimmer--stt{width:32px;height:1.1rem;margin:0 auto}.skeleton-shimmer--title{width:60%;height:1.1rem;margin-bottom:.4rem}.skeleton-shimmer--subtitle{width:40%;height:.8rem}.skeleton-shimmer--full{width:75%;height:.95rem}.skeleton-shimmer--btn{border-radius:50%;width:22px;height:22px;margin-left:auto}.td-stt{text-align:center;width:80px}.stt-badge{color:var(--color-ink-2);font-size:.95rem;font-weight:800;font-family:var(--font-mono,monospace);background:var(--color-paper-3);border:1px solid var(--color-rule);border-radius:6px;padding:4px 10px}.td-vn{font-weight:700}.species-vn-link{color:var(--color-navy-raw);transition:color var(--dur-fast) var(--ease-out);font-size:1.15rem;font-weight:700;line-height:1.35;text-decoration:none;display:inline-block}.species-row:hover .species-vn-link{color:var(--color-cyan-raw)}.td-sci{color:var(--color-ink-2);font-size:1.05rem;line-height:1.4}.sci-name{color:var(--color-ink-1);margin-right:var(--space-xs);font-size:1.05rem;font-style:italic;font-weight:600}.sci-author{color:var(--color-ink-3);font-size:.92rem;font-weight:400}.td-action{text-align:right;width:50px}.row-arrow{color:var(--color-ink-4,#94a3b8);transition:transform var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out)}.species-row:hover .row-arrow{color:var(--color-cyan-raw);transform:translate(4px)}.td-empty{text-align:center;color:var(--color-ink-3);font-size:var(--text-base);padding:4rem 1rem}.list-status-message{justify-content:center;align-items:center;gap:var(--space-sm);color:var(--color-ink-3);background:var(--color-paper-2);border:1.5px solid var(--color-rule);border-radius:var(--radius-lg);flex-direction:column;padding:4rem 1rem;display:flex}.list-status-message.is-error{color:#ef4444}.species-mobile-sci{display:none}.desktop-only{display:table-cell}@media (max-width:768px){.book-cards-grid{gap:var(--space-md);grid-template-columns:1fr}.volume-full-tab{align-items:flex-start;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);flex-direction:column}.vft-count{align-self:flex-start}.species-list-toolbar{align-items:flex-start;gap:var(--space-md);flex-direction:column}.slt-filter-box{width:100%;max-width:100%}.slt-filter-input{padding:var(--space-sm) var(--space-md) var(--space-sm) 2.6rem;font-size:1.05rem}.desktop-only{display:none!important}.species-mobile-sci{margin-top:4px;line-height:1.4;display:block}.species-list-table th.th-vn{width:auto}.species-row td{padding:var(--space-md) var(--space-md);vertical-align:middle}.species-vn-link{font-size:1.15rem;line-height:1.35}.species-mobile-sci .sci-name{font-size:1.02rem}.species-mobile-sci .sci-author{font-size:.88rem}.td-stt{width:60px}.stt-badge{padding:3px 8px;font-size:.9rem}}@keyframes pwaFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pwaPopUp{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.pwa-prompt-backdrop{z-index:1100;-webkit-backdrop-filter:blur(8px);background:#030712b8;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out pwaFadeIn;display:flex;position:fixed;inset:0}.pwa-prompt-sheet{color:#e2e8f0;background:linear-gradient(#0f172af5 0%,#0a1122fa 100%);border:1px solid #00b4d859;border-radius:20px;width:100%;max-width:460px;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) pwaPopUp;position:relative;overflow:hidden;box-shadow:0 24px 60px #000000bf,0 0 35px #00b4d81f}.pwa-prompt-close{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.pwa-prompt-close:hover{color:#fff;background:#ffffff26;transform:scale(1.05)}.pwa-prompt-header{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.pwa-prompt-app-icon{background:linear-gradient(135deg,#00b4d899 0%,#4ecdc466 100%);border-radius:14px;flex-shrink:0;padding:3px;box-shadow:0 8px 20px #00b4d840}.pwa-prompt-header-text{flex:1;min-width:0}.pwa-prompt-badge{letter-spacing:.06em;text-transform:uppercase;color:#6fffe8;background:#00b4d826;border:1px solid #00b4d84d;border-radius:12px;margin-bottom:6px;padding:2px 10px;font-size:.72rem;font-weight:600;display:inline-block}.pwa-prompt-title{color:#fff;margin:0 0 4px;font-size:1.15rem;font-weight:700;line-height:1.3}.pwa-prompt-subtitle{color:#94a3b8;margin:0;font-size:.84rem;line-height:1.45}.pwa-prompt-body{background:#0206178c;border:1px solid #ffffff14;border-radius:14px;margin-bottom:20px;padding:16px}.pwa-prompt-guide-lead{color:#cbd5e1;margin:0 0 12px;font-size:.86rem}.pwa-prompt-steps{flex-direction:column;gap:12px;display:flex}.pwa-step-item{color:#cbd5e1;align-items:flex-start;gap:12px;font-size:.85rem;line-height:1.5;display:flex}.pwa-step-number{color:#6fffe8;background:#00b4d833;border:1px solid #00b4d880;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:.75rem;font-weight:700;display:flex}.pwa-step-content{flex:1}.pwa-icon-pill{vertical-align:middle;color:#6fffe8;background:#ffffff1f;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;margin:0 2px;padding:2px 5px;display:inline-flex}.pwa-prompt-footer{justify-content:flex-end;align-items:center;gap:12px;display:flex}.pwa-btn-secondary{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:10px;padding:9px 18px;font-size:.88rem;font-weight:500;transition:all .2s}.pwa-btn-secondary:hover{color:#f1f5f9;background:#ffffff14}.pwa-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00b4d8 0%,#0077b6 100%);border:1px solid #fff3;border-radius:10px;align-items:center;gap:8px;padding:9px 22px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #00b4d859}.pwa-btn-primary:hover{background:linear-gradient(135deg,#48cae4 0%,#0096c7 100%);transform:translateY(-1px);box-shadow:0 6px 20px #00b4d880}@media (max-width:480px){.pwa-prompt-backdrop{align-items:flex-end;padding:12px}.pwa-prompt-sheet{border-radius:20px;margin-bottom:72px;padding:20px 16px}}