.nb-book-shelf,.nb-recommend-dialog{--nb-pick-text:#29485b;--nb-pick-muted:#536b7a;--nb-pick-border:#dce5ee;--nb-pick-surface:#f2f6fb;--nb-pick-bg:#fff;--nb-pick-accent:#2854a0;color:var(--nb-pick-text)}
.text-ui-light .nb-book-shelf,.text-ui-light .nb-recommend-dialog{--nb-pick-text:#e8edf4;--nb-pick-muted:#b8c7d4;--nb-pick-border:#465462;--nb-pick-surface:#242f3c;--nb-pick-bg:#1e2630;--nb-pick-accent:#a6c9ff}
.nb-book-shelf{min-width:0;margin:0 0 30px}
.nb-book-shelf:last-child{margin-bottom:0}
.nb-shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.nb-shelf-heading>div{min-width:0}
.nb-shelf-heading h2{font-size:20px;line-height:1.4;margin:0 0 4px;color:var(--nb-pick-text)!important}
.nb-shelf-heading p{font-size:12px;line-height:1.5;margin:0;color:var(--nb-pick-muted)!important}
.nb-book-shelf button,.nb-recommend-dialog button{border:1px solid var(--nb-pick-border);border-radius:6px;background:var(--nb-pick-surface);color:var(--nb-pick-text)!important;font:inherit;font-size:13px;min-height:44px;padding:8px 12px;cursor:pointer}
.nb-book-shelf button:disabled{opacity:.4;cursor:default}
.nb-shelf-refresh{flex-shrink:0;white-space:nowrap}
.nb-shelf-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;overflow:visible;scrollbar-width:none;-ms-overflow-style:none;padding:0;cursor:default}
.nb-shelf-track::-webkit-scrollbar{display:none;width:0;height:0}
.nb-shelf-track.nb-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}
.nb-shelf-track>.nb-pick{min-width:0;scroll-snap-align:start}
.nb-pick a{display:block;color:var(--nb-pick-text)!important;text-decoration:none!important}
.nb-pick-cover{display:block;aspect-ratio:193/278;overflow:hidden;border-radius:6px;background:var(--nb-pick-surface)}
.nb-pick-cover img{display:block;width:100%!important;height:100%!important;object-fit:cover;padding:0!important;margin:0!important;pointer-events:none}
.nb-pick-cover>span{display:flex;align-items:center;justify-content:center;height:100%;font-size:12px}
.nb-pick h3{color:var(--nb-pick-text)!important;font-size:14px;line-height:1.5;font-weight:600;margin:8px 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nb-pick-meta{display:block;font-size:11px;color:var(--nb-pick-muted)!important}
.nb-shelf-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px}
.nb-shelf-status{font-size:12px;color:var(--nb-pick-muted)!important}
.nb-shelf-footer>div{display:flex;gap:8px}
.nb-shelf-footer button{min-width:44px;font-size:20px;line-height:1}
/* Rediscover is an addition above the original widget, with no theme widget frame. */
#nb-rediscover-widget,#nb-rediscover-widget>.widget__inner{border:0!important;box-shadow:none!important;background:transparent!important}
#nb-rediscover-widget{padding:0 15px!important}
#nb-rediscover-widget>.widget__inner{padding:0!important}
#nb-rediscover-widget .nb-shelf-footer{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#nb-rediscover-widget .nb-shelf-footer>div{display:none}
#nb-rediscover-widget .nb-pick h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;line-height:1.5;min-height:42px;max-height:42px;font-size:14px;margin:9px 0 7px}
.nb-book-shelf :focus-visible,.nb-recommend-dialog :focus-visible{outline:3px solid var(--nb-pick-accent);outline-offset:3px}
.nb-recommend-dialog{position:fixed;inset:0;box-sizing:border-box;width:min(620px,calc(100% - 28px));max-height:85dvh;margin:auto;border:1px solid var(--nb-pick-border);border-radius:12px;padding:26px;background:var(--nb-pick-bg);overflow-y:auto;box-shadow:0 16px 64px #0004}
.nb-recommend-dialog::backdrop{background:#102331aa}
.nb-recommend-dialog .nb-recommend-close{position:absolute;top:8px;right:8px;min-width:44px;border:0;background:transparent;font-size:25px}
.nb-recommend-dialog h2{color:var(--nb-pick-text)!important;margin:14px 30px 8px 0;font-size:20px;line-height:1.5}
.nb-recommend-dialog>p{color:var(--nb-pick-muted)!important;margin:0 0 18px;font-size:13px;line-height:1.6}
.nb-recommend-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.nb-recommend-dialog[data-kind="exit"] .nb-recommend-cards{grid-template-columns:repeat(2,minmax(0,170px));justify-content:center}
.nb-recommend-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}
.nb-recommend-actions[hidden]{display:none}
.nb-recommend-dialog .nb-recommend-continue{color:var(--nb-pick-bg)!important;background:var(--nb-pick-accent);border-color:var(--nb-pick-accent)}
@media(max-width:600px){
    .nb-shelf-heading{align-items:flex-start;gap:8px;margin-bottom:10px}
    .nb-shelf-heading h2{font-size:17px}
    .nb-shelf-heading p{font-size:11px}
    .nb-shelf-refresh{font-size:12px!important;padding:8px!important}
    .nb-pick h3{font-size:13px}
    .nb-recommend-dialog{padding:18px;max-height:88dvh}
    .nb-recommend-dialog h2{font-size:18px;margin-top:18px}
    .nb-recommend-cards{gap:10px}
    .nb-recommend-dialog[data-kind="exit"] .nb-recommend-cards{grid-template-columns:repeat(2,minmax(0,140px))}
    .nb-recommend-actions{margin-top:18px;justify-content:stretch}
    .nb-recommend-actions button{flex:1}
}
@media(max-width:767px){
    .nb-shelf-track{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;touch-action:pan-x pan-y}
    .nb-shelf-track>.nb-pick{flex:0 0 calc((100% - 14px)/2)}
    #nb-rediscover-widget .nb-pick h3{display:block;min-height:0;max-height:none;line-height:21px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:7px 0 4px}
}
@media(prefers-reduced-motion:reduce){.nb-shelf-track{scroll-behavior:auto}}
