.skip-link{position:absolute;top:-100%;left:var(--space-4);z-index:9999;padding:var(--space-3) var(--space-5);background:var(--brand-primary);color:#fff;font-family:var(--font-ui);font-weight:700;border-radius:0 0 var(--radius-md) var(--radius-md);text-decoration:none}.skip-link:focus{top:0}.nav-header{position:sticky;top:0;z-index:100;height:var(--header-height);background:rgb(253 246 236 / .96);backdrop-filter:blur(8px);border-bottom:1px solid var(--brand-border);display:flex;align-items:center;padding:0 var(--space-5)}.nav-header__inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--container-xl);margin:0 auto}.nav-header__logo svg{height:36px;width:auto}.nav-header__links{display:none;list-style:none;gap:var(--space-6);margin:0;padding:0}@media (min-width:768px){.nav-header__links{display:flex}}.nav-header__links a{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:400;color:var(--brand-text-muted);text-decoration:none;transition:color 0.2s}.nav-header__links a:hover,.nav-header__links a[aria-current="page"]{color:var(--brand-primary)}.nav-header__cta{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:var(--brand-primary);color:#fff;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:700;border:none;border-radius:var(--radius-full);cursor:pointer;text-decoration:none;transition:background 0.2s}.nav-header__cta:hover{background:var(--brand-primary-dark)}.nav-mobile-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;cursor:pointer}@media (min-width:768px){.nav-mobile-toggle{display:none}}.nav-breadcrumb{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) 0;font-family:var(--font-ui);font-size:var(--text-sm);color:var(--brand-text-muted);list-style:none;margin:0}.nav-breadcrumb a{color:var(--brand-primary);text-decoration:none}.nav-breadcrumb li+li::before{content:'›';margin-right:var(--space-2);color:var(--brand-border)}.card{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-lg);overflow:hidden;transition:transform 0.35s ease,box-shadow 0.35s ease}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.card__image{aspect-ratio:16/9;overflow:hidden}.card__image img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.card:hover .card__image img{transform:scale(1.05)}.card__body{padding:var(--space-5)}.card__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--brand-text);margin:0 0 var(--space-2)}.card__excerpt{font-size:var(--text-sm);color:var(--brand-text-muted);margin:0 0 var(--space-4)}.card-book{display:grid;grid-template-columns:100px 1fr;gap:var(--space-4);padding:var(--space-4);background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-lg);transition:transform 0.3s ease,box-shadow 0.3s ease}.card-book:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}@media (min-width:640px){.card-book{grid-template-columns:120px 1fr}}.card-book__cover{aspect-ratio:2/3;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform 0.4s ease}.card-book:hover .card-book__cover{transform:perspective(600px) rotateY(-5deg)}.card-book__cover img{width:100%;height:100%;object-fit:cover}.card-book__info{display:flex;flex-direction:column;gap:var(--space-2)}.card-book__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;font-style:italic;color:var(--brand-text);margin:0}.card-book__author{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--brand-text-muted);margin:0}.card-book__moods{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.card-book__link{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:700;color:var(--brand-primary);text-decoration:none;margin-top:auto}.card-book__link:hover{text-decoration:underline}.mood-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}@media (min-width:640px){.mood-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.mood-grid{grid-template-columns:repeat(4,1fr)}}.mood-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-4);border-radius:var(--radius-lg);text-decoration:none;transition:transform 0.25s,box-shadow 0.25s;border:2px solid #fff0;cursor:pointer;min-height:44px}.mood-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.mood-card.is-active{border-color:var(--brand-primary)}.mood-card__emoji{font-size:var(--text-3xl);line-height:1}.mood-card__name{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:700;color:var(--brand-text);text-align:center}.mood-card--cozy{background:linear-gradient(135deg,#FFF5EB,#FFE8D6)}.mood-card--thrilling{background:linear-gradient(135deg,#F0E6FF,#DCC8FF)}.mood-card--bittersweet{background:linear-gradient(135deg,#FFE6E6,#FFD1D1)}.mood-card--mind-bending{background:linear-gradient(135deg,#E6F0FF,#CCE0FF)}.mood-card--romantic{background:linear-gradient(135deg,#FFE6F0,#FFCCE0)}.mood-card--dark{background:linear-gradient(135deg,#E8E8E8,#D0D0D0)}.mood-card--uplifting{background:linear-gradient(135deg,#FFFDE6,#FFF8CC)}.mood-card--melancholy{background:linear-gradient(135deg,#E6EBF0,#CCD6E0)}.book-filter{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-4) 0}.book-filter__pill{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--brand-border);background:var(--brand-surface);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:400;color:var(--brand-text-muted);cursor:pointer;transition:all 0.2s;min-height:36px}.book-filter__pill:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.book-filter__pill.is-active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.rating-stars{display:inline-flex;gap:2px}.rating-stars svg{width:16px;height:16px}.rating-stars .filled{fill:var(--brand-accent)}.rating-stars .empty{fill:var(--brand-border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:700;border:2px solid #fff0;border-radius:var(--radius-full);cursor:pointer;text-decoration:none;transition:all 0.2s;min-height:44px}.btn-primary{background:var(--brand-primary);color:#fff}.btn-primary:hover{background:var(--brand-primary-dark)}.btn-secondary{background:#fff0;border-color:var(--brand-primary);color:var(--brand-primary)}.btn-secondary:hover{background:var(--brand-primary);color:#fff}.btn-accent{background:var(--brand-accent);color:var(--brand-text)}.btn-accent:hover{background:var(--brand-accent-hover)}.btn-lg{padding:var(--space-4) var(--space-7);font-size:var(--text-base)}.btn-block{width:100%}.cta-box{background:var(--brand-secondary);border-radius:var(--radius-xl);padding:var(--space-7) var(--space-6);text-align:center}.cta-box__headline{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;font-style:italic;color:var(--brand-text);margin:0 0 var(--space-3)}.cta-box__desc{font-size:var(--text-base);color:var(--brand-text-muted);margin:0 0 var(--space-5)}.email-capture{display:flex;gap:var(--space-3);max-width:480px;margin:0 auto}.email-capture input[type="email"]{flex:1;padding:var(--space-3) var(--space-4);border:2px solid var(--brand-border);border-radius:var(--radius-full);font-family:var(--font-ui);font-size:var(--text-sm);min-height:44px}.email-capture input:focus{outline:none;border-color:var(--brand-primary)}@media (max-width:639px){.email-capture{flex-direction:column}}.affiliate-card{display:grid;grid-template-columns:100px 1fr;gap:var(--space-4);padding:var(--space-4);background:var(--brand-secondary);border-radius:var(--radius-lg);border-left:4px solid var(--brand-accent)}.affiliate-card__image{aspect-ratio:2/3;border-radius:var(--radius-md);overflow:hidden}.affiliate-card__image img{width:100%;height:100%;object-fit:cover}.affiliate-card__title{font-family:var(--font-display);font-weight:700;margin:0 0 var(--space-1)}.affiliate-card__price{font-family:var(--font-mono);font-weight:700;color:var(--brand-accent)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:700;border-radius:var(--radius-full);letter-spacing:.03em}.badge-mood{background:rgba(var(--brand-primary-rgb),.1);color:var(--brand-primary)}.badge-genre{background:rgba(var(--brand-accent-rgb),.15);color:#8B6E20}.badge-new{background:var(--brand-accent);color:var(--brand-text)}.accordion{border:1px solid var(--brand-border);border-radius:var(--radius-lg);overflow:hidden}.accordion__item+.accordion__item{border-top:1px solid var(--brand-border)}.accordion__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) var(--space-5);background:none;border:none;font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:var(--brand-text);cursor:pointer;text-align:left;min-height:44px}.accordion__trigger:hover{background:var(--brand-secondary-light)}.accordion__trigger::after{content:'+';font-size:var(--text-xl);color:var(--brand-accent)}.accordion__trigger[aria-expanded="true"]::after{content:'−'}.accordion__content{padding:0 var(--space-5) var(--space-5);color:var(--brand-text-muted);line-height:var(--leading-relaxed)}.back-to-top{position:fixed;bottom:var(--space-5);right:var(--space-5);width:44px;height:44px;background:var(--brand-primary);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(20px);transition:opacity 0.3s,transform 0.3s;z-index:50;box-shadow:var(--shadow-md)}.back-to-top.is-visible{opacity:1;transform:translateY(0)}.hero-centered{text-align:center;padding:var(--space-10) var(--space-5);background:var(--gradient-hero);color:#fff}.section-padded{padding:var(--space-9) var(--space-5);max-width:var(--container-xl);margin:0 auto}.grid-2col{display:grid;grid-template-columns:1fr;gap:var(--space-5)}.grid-3col{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media (min-width:640px){.grid-2col{grid-template-columns:repeat(2,1fr)}.grid-3col{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.grid-3col{grid-template-columns:repeat(3,1fr)}}.sidebar-layout{display:grid;grid-template-columns:1fr;gap:var(--space-7);max-width:var(--container-xl);margin:0 auto;padding:var(--space-7) var(--space-5)}@media (min-width:1024px){.sidebar-layout{grid-template-columns:1fr var(--sidebar-width)}}.nav-footer{background:var(--brand-text);color:rgb(253 246 236 / .6);padding:var(--space-9) var(--space-5) var(--space-6)}.nav-footer__inner{max-width:var(--container-xl);margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-7)}@media (min-width:768px){.nav-footer__inner{grid-template-columns:2fr repeat(3,1fr)}}.nav-footer__heading{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--brand-secondary);margin-bottom:var(--space-4)}.nav-footer__links{list-style:none;padding:0;margin:0}.nav-footer__links a{color:rgb(253 246 236 / .5);text-decoration:none;font-size:var(--text-sm);display:block;padding:var(--space-1) 0}.nav-footer__links a:hover{color:var(--brand-accent)}.nav-footer__bottom{margin-top:var(--space-7);padding-top:var(--space-5);border-top:1px solid rgb(253 246 236 / .1);font-size:var(--text-xs);text-align:center}