.header-stats {
    display: flex;
    align-items: center;
    gap: 6px;
    background: rgba(201,169,110,.07);
    border: 1px solid var(--border);
    border-radius: 2px;
    padding: 5px 12px;
}
.hstat {
    font-family: 'DM Mono', monospace;
    font-size: .6rem;
    letter-spacing: .06em;
    color: var(--muted);
    display: flex;
    align-items: center;
    gap: 4px;
}
.hstat strong { color: var(--gold); font-weight: 500; }
.hstat-sep { color: var(--border); font-size: .7rem; }

.tab-nav {
    position: sticky;
    top: 64px;
    z-index: 90;
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid var(--border);
    background: rgba(8,6,4,.88);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    padding: 0 40px;
}
.tab-nav-btn {
    font-family: 'DM Mono', monospace;
    font-size: .65rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--muted);
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 14px 18px 12px;
    cursor: pointer;
    transition: color .2s, border-color .2s;
    white-space: nowrap;
    margin-bottom: -1px;
}
.tab-nav-btn:hover { color: var(--cream); }
.tab-nav-btn.active { color: var(--gold); border-bottom-color: var(--gold); }

.tab-panel { display: none; animation: fadeUp .3s cubic-bezier(.22,1,.36,1) both; }
.tab-panel.active { display: block; }

.tab-toolbar {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.filter-fav-btn {
    font-family: 'DM Mono', monospace;
    font-size: .58rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    padding: 5px 12px;
    border: 1px solid var(--border);
    background: transparent;
    color: var(--muted);
    cursor: pointer;
    border-radius: 2px;
    transition: border-color .2s, color .2s, background .2s;
    white-space: nowrap;
}
.filter-fav-btn:hover,
.filter-fav-btn.active {
    border-color: rgba(220,80,80,.5);
    color: #e07070;
    background: rgba(220,80,80,.07);
}

.view-toggle { display: flex; gap: 4px; margin-left: auto; }
.view-btn {
    font-size: .9rem;
    width: 30px; height: 26px;
    border: 1px solid var(--border);
    background: transparent;
    color: var(--muted);
    cursor: pointer;
    border-radius: 2px;
    display: flex; align-items: center; justify-content: center;
    transition: border-color .2s, color .2s, background .2s;
}
.view-btn:hover,
.view-btn.active { border-color: var(--gold-dim); color: var(--gold); background: rgba(201,169,110,.07); }

.status-badge {
    font-family: 'DM Mono', monospace;
    font-size: .52rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    padding: 2px 8px;
    border-radius: 20px;
    display: inline-block;
    line-height: 1.6;
}
.status-read { color: #6fcf97; border: 1px solid rgba(111,207,151,.3); background: rgba(111,207,151,.06); }
.status-reading { color: var(--gold); border: 1px solid var(--gold-dim); background: rgba(201,169,110,.06); }
.status-toread { color: var(--muted); border: 1px solid var(--border); }

.bc-btn-fav { transition: transform .15s ease, border-color .2s; }
.bc-btn-fav.fav-active { border-color: rgba(220,80,80,.5); color: #e07070; background: rgba(220,80,80,.07); }
.bc-btn-fav:hover { transform: scale(1.2); }

.section-clear-btn {
    font-family: 'DM Mono', monospace;
    font-size: .58rem;
    letter-spacing: .13em;
    text-transform: uppercase;
    padding: 5px 12px;
    border: 1px solid var(--border);
    background: transparent;
    color: var(--muted);
    cursor: pointer;
    border-radius: 2px;
    transition: border-color .2s, color .2s;
}
.section-clear-btn:hover { border-color: rgba(180,60,40,.5); color: #d96060; }

.books-grid-view {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 2.8rem 2rem;
}

.books-list-view { display: flex; flex-direction: column; gap: 6px; }

.book-list-row {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 14px;
    border: 1px solid var(--border);
    border-radius: 3px;
    background: rgba(255,255,255,.015);
    cursor: pointer;
    transition: border-color .2s, background .2s;
}
.book-list-row:hover { border-color: var(--gold-dim); background: rgba(201,169,110,.04); }

.list-spine { width: 6px; height: 44px; border-radius: 1px; flex-shrink: 0; }
.list-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.list-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: .95rem; font-style: italic; color: var(--cream);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.list-author { font-family: 'DM Mono', monospace; font-size: .6rem; letter-spacing: .07em; color: var(--gold); }
.list-genre {
    font-family: 'DM Mono', monospace; font-size: .54rem; letter-spacing: .13em;
    text-transform: uppercase; color: var(--muted); border: 1px solid var(--border);
    padding: 2px 8px; border-radius: 20px; white-space: nowrap; flex-shrink: 0;
}
.list-actions { display: flex; gap: 5px; flex-shrink: 0; }

.books-row { display: flex; gap: 10px; flex-wrap: wrap; }

.mini-card {
    display: flex; align-items: center; gap: 10px;
    padding: 8px 14px 8px 8px;
    border: 1px solid var(--border); border-radius: 3px;
    background: rgba(255,255,255,.02); cursor: pointer;
    transition: border-color .2s, background .2s, transform .2s;
    max-width: 200px;
}
.mini-card:hover { border-color: var(--gold-dim); background: rgba(201,169,110,.05); transform: translateY(-2px); }
.mini-card-spine { width: 6px; height: 40px; border-radius: 1px; flex-shrink: 0; }
.mini-card-info { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.mini-card-title {
    font-family: 'Cormorant Garamond', serif; font-size: .85rem; font-style: italic;
    color: var(--cream); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 130px;
}
.mini-card-author {
    font-family: 'DM Mono', monospace; font-size: .56rem; letter-spacing: .07em;
    color: var(--gold); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 130px;
}

body.theme-normal .tab-nav { background: rgba(245,239,230,.92); border-color: rgba(180,130,70,.2); }
body.theme-normal .tab-nav-btn { color: rgba(42,31,20,.5); }
body.theme-normal .tab-nav-btn:hover{ color: #2a1f14; }
body.theme-normal .tab-nav-btn.active { color: #8b5e2a; border-bottom-color: #8b5e2a; }

body.theme-normal .header-stats { background: rgba(139,94,42,.07); border-color: rgba(180,130,70,.25); }
body.theme-normal .hstat { color: rgba(42,31,20,.6); }
body.theme-normal .hstat strong { color: #8b5e2a; }
body.theme-normal .hstat-sep { color: rgba(180,130,70,.3); }

body.theme-normal .status-read { color: #2d7a4f; border-color: rgba(45,122,79,.3);  background: rgba(45,122,79,.06); }
body.theme-normal .status-reading { color: #8b5e2a; border-color: rgba(139,94,42,.4); background: rgba(139,94,42,.06); }
body.theme-normal .status-toread { color: rgba(42,31,20,.5); border-color: rgba(180,130,70,.25); }

body.theme-normal .view-btn:hover,
body.theme-normal .view-btn.active { border-color: #8b5e2a; color: #8b5e2a; background: rgba(139,94,42,.07); }

body.theme-normal .filter-fav-btn:hover,
body.theme-normal .filter-fav-btn.active { border-color: rgba(180,60,40,.4); color: #c05050; background: rgba(180,60,40,.07); }

body.theme-normal .book-list-row { background: rgba(255,255,255,.35); border-color: rgba(180,130,70,.25); }
body.theme-normal .book-list-row:hover { border-color: #8b5e2a; background: rgba(139,94,42,.06); }
body.theme-normal .list-title { color: #2a1f14; }
body.theme-normal .list-author { color: #8b5e2a; }
body.theme-normal .list-genre { color: rgba(42,31,20,.5); border-color: rgba(180,130,70,.25); }

body.theme-normal .mini-card { background: rgba(255,255,255,.35); border-color: rgba(180,130,70,.25); }
body.theme-normal .mini-card:hover { border-color: #8b5e2a; background: rgba(139,94,42,.06); }
body.theme-normal .mini-card-title { color: #2a1f14; }
body.theme-normal .mini-card-author { color: #8b5e2a; }

@media (max-width: 900px) {
    .tab-nav        { top: auto; padding: 0 20px; }
    .header-stats   { display: none; }
}
@media (max-width: 480px) {
    .tab-nav-btn { padding: 12px 10px 10px; font-size: .58rem; letter-spacing: .08em; }
}

.status-btn-group {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.status-btn {
    font-family: 'DM Mono', monospace;
    font-size: .62rem;
    letter-spacing: .1em;
    padding: 7px 14px;
    border: 1px solid var(--border);
    background: transparent;
    color: var(--muted);
    cursor: pointer;
    border-radius: 2px;
    transition: border-color .2s, color .2s, background .2s;
    white-space: nowrap;
}
.status-btn:hover {
    border-color: var(--gold-dim);
    color: var(--gold);
    background: rgba(201,169,110,.06);
}
.status-btn.active[data-value="read"] {
    border-color: rgba(111,207,151,.5);
    color: #6fcf97;
    background: rgba(111,207,151,.08);
}
.status-btn.active[data-value="reading"] {
    border-color: var(--gold-dim);
    color: var(--gold);
    background: rgba(201,169,110,.08);
}
.status-btn.active[data-value="toread"] {
    border-color: var(--border);
    color: var(--cream);
    background: rgba(255,255,255,.05);
}

body.theme-normal .status-btn { border-color: rgba(180,130,70,.3); color: rgba(42,31,20,.6); }
body.theme-normal .status-btn:hover { border-color: #8b5e2a; color: #8b5e2a; background: rgba(139,94,42,.06); }
body.theme-normal .status-btn.active[data-value="read"] { border-color: rgba(45,122,79,.5); color: #2d7a4f; background: rgba(45,122,79,.07); }
body.theme-normal .status-btn.active[data-value="reading"] { border-color: rgba(139,94,42,.5); color: #8b5e2a; background: rgba(139,94,42,.07); }
body.theme-normal .status-btn.active[data-value="toread"] { border-color: rgba(180,130,70,.4); color: #2a1f14; background: rgba(139,94,42,.05); }