.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:.8rem;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:.8rem;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);touch-action:manipulation;flex-direction:column;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.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-accent-text);letter-spacing:.02em;background:#0ea5e926;padding:3px 10px;font-size:.8rem;font-weight:800}.bc-status-pill{color:#10b981;align-items:center;gap:4px;font-size:.8rem;font-weight:700;display:inline-flex}.book-card p{max-width:none}.bc-title{color:var(--color-ink);margin:0 0 var(--space-xs) 0;text-wrap:balance;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;text-wrap:pretty;max-width:none;font-size:.85rem;font-weight:600}.bc-desc{color:var(--color-ink-3);margin:0 0 var(--space-md) 0;text-wrap:pretty;flex:1;max-width:none;font-size:.825rem;line-height:1.55}.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);font-weight:800}.volume-full-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;width:100%;display:grid}.volume-full-tab{background:var(--color-paper-2);border:1.5px solid var(--color-rule);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);box-sizing:border-box;appearance:none;touch-action:manipulation;flex-direction:column;justify-content:flex-start;gap:8px;width:100%;min-width:0;padding:12px 14px;display:flex;position:relative;overflow:hidden;color:var(--color-ink)!important}.volume-full-tab:last-child:nth-child(odd){grid-column:1/-1}@media (hover:hover) and (pointer:fine){.volume-full-tab:hover{border-color:var(--color-navy-raw);background:var(--color-paper-3);box-shadow:var(--shadow-sm);transform:translateY(-1px)}}.volume-full-tab.is-active{background:var(--color-navy-raw);border-color:var(--color-navy-raw);box-shadow:0 4px 14px -2px #0b132940;color:var(--color-ink-on-navy,#fff)!important}.vft-header{justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.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);letter-spacing:.04em;border-radius:6px;padding:3px 8px}.volume-full-tab.is-active .vft-roman{background:var(--color-cyan-raw);color:#0b1329}.vft-count{border-radius:var(--radius-pill);background:var(--color-paper-3);color:var(--color-ink-3);white-space:nowrap;padding:2px 8px;font-size:.8rem;font-weight:700}.volume-full-tab.is-active .vft-count{color:#fff;background:#ffffff29;border:1px solid #ffffff38}.vft-body{flex-direction:column;gap:3px;width:100%;min-width:0;display:flex}.vft-title{-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:.88rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden;color:var(--color-ink)!important}.volume-full-tab.is-active .vft-title{color:#fff!important}.vft-sub{color:var(--color-ink-3);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.8rem;line-height:1.35;overflow:hidden}.volume-full-tab.is-active .vft-sub{color:#ffffffbf!important}.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);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);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);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:.8rem;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:7px var(--space-md);vertical-align:middle}.skeleton-row td{padding:8px var(--space-md)}.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:60px}.stt-badge{color:var(--color-ink-2);font-size:.8rem;font-weight:700;font-family:var(--font-mono,monospace);background:var(--color-paper-3);border:1px solid var(--color-rule);border-radius:4px;padding:2px 6px}.td-vn{font-weight:600}.species-vn-link{color:var(--color-navy-raw);transition:color var(--dur-fast) var(--ease-out);font-size:.88rem;font-weight:600;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:.84rem;line-height:1.4}.sci-name{color:var(--color-ink-2,#1e293b);margin-right:var(--space-xs);font-size:.84rem;font-style:italic;font-weight:500}.sci-author{color:var(--color-ink-3);font-size:.8rem;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-tabs{gap:8px 10px}.volume-full-tab{gap:6px;padding:10px 12px}.vft-title{font-size:.82rem}.vft-sub{font-size:.8rem}.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{vertical-align:middle;padding:6px 10px}.species-vn-link{overflow-wrap:anywhere;word-break:break-word;font-size:.85rem;font-weight:600;line-height:1.35}.species-mobile-sci{overflow-wrap:anywhere;word-break:break-word;margin-top:2px}.species-mobile-sci .sci-name{font-size:.8rem;font-weight:500}.species-mobile-sci .sci-author{font-size:.8rem}.stt-badge{padding:2px 5px;font-size:.8rem}.td-stt{width:48px}}@media (max-width:480px){.species-row td{padding:6px}.td-stt,.species-list-table th.th-stt{width:36px;padding-left:2px;padding-right:2px}.stt-badge{letter-spacing:-.02em;padding:1px 4px;font-size:.75rem}.species-vn-link{font-size:.84rem}.species-mobile-sci .sci-author{display:none!important}.species-mobile-sci .sci-name{font-size:.8rem}.species-list-table th.th-action,.species-row td.td-action{width:28px;padding-right:4px}}
.special-group-banner{border:1.5px solid var(--color-cyan-border,#00d4b84d);border-radius:var(--radius-xl,16px);padding:var(--space-xl,24px) var(--space-xl,24px) var(--space-lg,20px);gap:var(--space-sm,12px);margin-bottom:var(--space-md,16px);background:linear-gradient(135deg,#0ea5e914 0%,#0ea5e905 100%);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px -2px #0000000a}.special-group-banner--rose{background:linear-gradient(135deg,#e11d4812 0%,#f43f5e05 100%);border-color:#e11d4840}.special-group-banner--cyan{background:linear-gradient(135deg,#00d4b814 0%,#0ea5e905 100%);border-color:#00d4b84d}.special-group-banner--amber{background:linear-gradient(135deg,#d9770614 0%,#f59e0b05 100%);border-color:#d9770640}.special-group-banner--emerald{background:linear-gradient(135deg,#05966914 0%,#10b98105 100%);border-color:#05966940}.sgb-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.sgb-badge-wrap{align-items:center;display:inline-flex}.sgb-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:9999px;align-items:center;gap:6px;padding:5px 12px;font-size:.8rem;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,#fff);border:1px solid var(--color-rule,#e2e8f0);color:var(--color-ink-2,#475569);cursor:pointer;appearance:none;white-space:nowrap;touch-action:manipulation;border-radius:9999px;outline:none;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .15s ease-out;display:inline-flex;box-shadow:0 1px 2px #0000000d}@media (hover:hover) and (pointer:fine){.sgb-clear-btn:hover{background:var(--color-paper-3,#f1f5f9);border-color:var(--color-ink-3,#94a3b8);color:var(--color-ink,#0f172a);transform:translateY(-1px);box-shadow:0 2px 5px #00000014}}.sgb-title{font-family:var(--font-display,serif);color:var(--color-navy-raw,#03045e);overflow-wrap:anywhere;word-break:break-word;min-width:0;margin:4px 0 0;font-size:clamp(1.4rem,2.5vw,1.85rem);font-weight:700;line-height:1.25}.sgb-desc{color:var(--color-ink-3,#64748b);overflow-wrap:anywhere;word-break:break-word;max-width:80ch;margin:0;font-size:.95rem;line-height:1.6}.sgb-filter-bar{border-top:1px dashed var(--color-rule);flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;padding-top:16px;display:flex}.sgb-filter-bar__label{color:var(--color-ink-3);white-space:nowrap;margin-right:4px;font-size:.82rem;font-weight:700}.sgb-filter-btn{background:var(--color-paper-2);color:var(--color-ink);border:1.5px solid var(--color-rule);cursor:pointer;white-space:nowrap;touch-action:manipulation;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:.82rem;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.sgb-filter-btn[aria-pressed=true]{font-weight:700}.sgb-filter-btn--navy[aria-pressed=true]{background:var(--color-navy-raw);color:#fff;border-color:var(--color-navy-raw)}.sgb-filter-btn--amber[aria-pressed=true]{color:#fff;background:#b45309;border-color:#b45309}.sgb-filter-btn--amber:not([aria-pressed=true]){color:#b45309}.sgb-filter-btn--blue[aria-pressed=true]{color:#fff;background:#0369a1;border-color:#0369a1}.sgb-filter-btn--blue:not([aria-pressed=true]){color:#0369a1}.sgb-filter-btn--green[aria-pressed=true]{color:#fff;background:#047857;border-color:#047857}.sgb-filter-btn--green:not([aria-pressed=true]){color:#047857}.sgb-filter-btn--iucn{padding:4px 10px}.sgb-filter-btn--redlist[aria-pressed=true]{color:#be123c;background:#e11d4826;border-color:#e11d48}.sgb-filter-btn--redlist:not([aria-pressed=true]){border-color:#e11d484d}.sgb-filter-divider{background:var(--color-rule);width:1px;height:18px;margin:0 4px}.sgb-redlist-dot{background:#e11d48;border-radius:50%;width:8px;height:8px;display:inline-block}