.staging-banner[data-astro-cid-wkd2i5d2]{background:linear-gradient(90deg,#dbeafe,#e0f2fe);color:#1e293b;border-bottom:1px solid rgba(148,163,184,.25);padding:.45rem 1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.82rem;font-weight:600;flex-wrap:wrap;text-align:center}.staging-icon[data-astro-cid-wkd2i5d2]{font-size:1rem}.staging-text[data-astro-cid-wkd2i5d2]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.staging-meta[data-astro-cid-wkd2i5d2]{font-size:.73rem;opacity:.78;font-family:monospace}.staging-prod-link[data-astro-cid-wkd2i5d2]{color:#0f766e;text-decoration:underline;font-weight:700;font-size:.8rem;white-space:nowrap}.staging-prod-link[data-astro-cid-wkd2i5d2]:hover{opacity:.85}html[data-frontend-variant=classic-dark] .staging-banner[data-astro-cid-wkd2i5d2],html[data-frontend-variant=fresh-dark] .staging-banner[data-astro-cid-wkd2i5d2]{background:linear-gradient(90deg,#1e293b,#334155);color:#e2e8f0;border-bottom-color:#94a3b847}html[data-frontend-variant=classic-dark] .staging-prod-link[data-astro-cid-wkd2i5d2],html[data-frontend-variant=fresh-dark] .staging-prod-link[data-astro-cid-wkd2i5d2]{color:#93c5fd}html[data-frontend-variant=fresh-light] .staging-banner[data-astro-cid-wkd2i5d2]{background:linear-gradient(90deg,#ccfbf1,#e0f2fe);color:#134e4a;border-bottom-color:#14b8a640}html[data-frontend-variant=fresh-light] .staging-prod-link[data-astro-cid-wkd2i5d2]{color:#0f766e}*{margin:0;padding:0;box-sizing:border-box}html{font-family:Nunito,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",system-ui,sans-serif;transition:var(--transition-colors);width:100%;max-width:100%;overflow-x:hidden}body{min-height:100vh;background:var(--color-bg, #f8fafc);color:var(--color-text-primary, #1e293b);transition:var(--transition-colors);width:100%;max-width:100%;overflow-x:hidden}.skip-link{position:absolute;top:calc(-1 * var(--space-12));left:var(--space-3);z-index:var(--z-toast);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-btn-bg, #0b3b66);color:var(--color-btn-text, #f8fafc);font-weight:var(--font-weight-bold);text-decoration:none;transition:var(--transition-base)}.skip-link:focus{top:var(--space-3)}main,section,.page-wrapper,.page-content{max-width:100%}img,video,canvas,svg{max-width:100%;height:auto}@media(max-width:480px){main{padding-left:var(--space-2)!important;padding-right:var(--space-2)!important}.page-wrapper>main,.page-content{padding-left:var(--space-2)!important;padding-right:var(--space-2)!important}.hero{padding-left:var(--space-3)!important;padding-right:var(--space-3)!important}.book-grid{gap:var(--space-3)!important}}.wishlist-btn{background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);transition:var(--transition-colors);font-family:inherit}.wishlist-btn:hover{background:color-mix(in srgb,var(--color-text-primary) 5%,transparent)}.wishlist-btn:disabled{opacity:.5;cursor:not-allowed}.wishlist-icon{font-size:var(--text-xl);line-height:1}.wishlist-btn-small .wishlist-icon{font-size:var(--text-base)}.wishlist-btn-large .wishlist-icon{font-size:var(--text-2xl)}.wishlist-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.wishlist-btn.in-wishlist .wishlist-label{color:#ef4444}.add-to-list-container{position:relative;display:inline-block}.add-to-list-btn{background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);transition:var(--transition-colors);font-family:inherit}.add-to-list-btn:hover{background:color-mix(in srgb,var(--color-text-primary) 5%,transparent)}.add-to-list-icon{font-size:var(--text-xl);line-height:1}.add-to-list-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.add-to-list-dropdown{position:absolute;top:100%;left:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:220px;z-index:var(--z-dropdown);overflow:hidden;margin-top:var(--space-2)}.dropdown-header{padding:var(--space-3) var(--space-4);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);border-bottom:1px solid var(--color-border)}.dropdown-loading,.dropdown-empty{padding:var(--space-4);text-align:center;color:var(--color-text-secondary)}.dropdown-lists{max-height:200px;overflow-y:auto;padding:var(--space-2)}.dropdown-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-colors)}.dropdown-list-item:hover{background:color-mix(in srgb,var(--color-text-primary) 5%,transparent)}.dropdown-list-item input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer}.dropdown-list-item .list-name{flex:1;color:var(--color-text-primary);font-size:var(--text-sm)}.dropdown-list-item .public-badge{font-size:var(--text-xs)}.dropdown-divider{height:1px;background:var(--color-border);margin:var(--space-2) 0}.dropdown-new-list-btn{width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;text-align:left;color:var(--color-link);font-weight:var(--font-weight-semibold);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-colors);font-family:inherit}.dropdown-new-list-btn:hover{background:color-mix(in srgb,var(--color-text-primary) 5%,transparent)}.new-list-form{padding:var(--space-3)}.new-list-form input{width:100%;padding:var(--space-2) var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-2);font-family:inherit;background:var(--color-input-bg);color:var(--color-text-primary)}.new-list-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.new-list-actions button{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;font-family:inherit;border:none;transition:var(--transition-colors)}.new-list-actions button[type=submit]{background:var(--color-btn-bg);color:var(--color-btn-text)}.new-list-actions button[type=submit]:hover{background:var(--color-btn-bg-hover)}.new-list-actions button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.new-list-actions button[type=button]{background:var(--color-chip-bg);color:var(--color-chip-text)}.book-actions-row{display:flex;align-items:center;gap:var(--space-2)}.book-card-wrapper{position:relative}.staging-hide-btn{position:absolute;top:4px;right:4px;z-index:20;width:24px;height:24px;border-radius:50%;border:none;background:#dc2626d9;color:#fff;font-size:14px;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition-opacity);padding:0}.book-card-wrapper:hover .staging-hide-btn{opacity:1}@media(hover:none){.staging-hide-btn{opacity:.7}}.book-card-wrapper.with-wishlist .book-card{display:block}.book-card-wishlist{position:absolute;bottom:var(--space-2);right:var(--space-2);z-index:10}.book-card-wishlist .wishlist-btn{background:color-mix(in srgb,var(--color-surface) 90%,transparent);border-radius:50%;width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:var(--transition-transform),var(--transition-shadow)}.book-card-wishlist .wishlist-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-lg);background:var(--color-surface)}.book-type-filters{display:flex;flex-wrap:wrap;gap:var(--space-2)}.book-type-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:2px solid var(--color-chip-border);border-radius:var(--radius-lg);background:var(--color-chip-bg);color:var(--color-chip-text);cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);transition:var(--transition-colors);white-space:nowrap}.book-type-btn:hover{filter:brightness(1.03)}.book-type-btn.active{background:var(--color-btn-bg);border-color:var(--color-btn-border);color:var(--color-btn-text)}.book-type-emoji{font-size:1.1rem}.book-type-age{font-size:var(--text-xs);opacity:.7;font-weight:var(--font-weight-normal)}.book-badges{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-1)}.book-type-badge{display:inline-block;padding:.15rem var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);background:var(--color-chip-bg);color:var(--color-chip-text);white-space:nowrap}.book-type-filter-tag{background:var(--color-btn-bg)!important;border-color:var(--color-btn-border)!important;color:var(--color-btn-text)!important}@media(max-width:640px){.book-type-filters{gap:var(--space-1)}.book-type-btn{padding:var(--space-1) var(--space-2);font-size:.8rem}.book-type-age{display:none}}.book-cover{position:relative}.density-badge{position:absolute;bottom:6px;left:6px;display:flex;align-items:center;gap:4px;background:#020617;border:1px solid rgba(248,250,252,.55);backdrop-filter:blur(4px);padding:3px 7px;border-radius:var(--radius-sm);z-index:5;box-shadow:var(--shadow-sm)}.density-dots{display:flex;gap:2px;align-items:center}.density-dots .dot{width:5px;height:5px;border-radius:50%;background:#ffffff80;transition:var(--transition-colors)}.density-dots .dot.filled{background:#facc15}.density-text{font-size:.6rem;color:#f8fafc;font-weight:var(--font-weight-bold);text-shadow:0 1px 1px rgba(0,0,0,.45);white-space:nowrap;line-height:1}@media(max-width:640px){.home-jump-nav{display:none}}@media(max-width:768px)and (min-width:481px){.playbooks-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.playbooks-grid{grid-template-columns:1fr}}