:root{--color-forest:#4a6151;--color-pine:#8fa98c;--color-warm-brown:#7f5539;--color-gold:#b5717c;--color-cream:#fefcf3;--color-mint:#b8c9b0;--color-deep-space:#211e1b;--color-card-dark:#1a1a2e;--color-text-dark:#1a1a2e;--color-text-light:#6c757d;--color-border-light:#e8e0d5;--color-border-dark:#2a2a3e;--color-tag-bg:#f0f7f4;--color-success:#b8c9b0;--color-warning:#e9c46a;--color-error:#e76f51;--color-info:#4a90d9;--color-emerald-vivid:#a7c4a0;--color-gold-vivid:#e0aaa0;--color-forest-deep:#2e3d34;--color-glass-border:#ffffff1f;--color-glass-bg:#ffffff0f;--color-glass-bg-light:#ffffffb8;--color-mesh-1:#4a6151;--color-mesh-2:#8fa98c;--color-mesh-3:#b5717c;--color-mesh-4:#b8c9b0;--font-serif:"Playfair Display", Georgia, "Times New Roman", serif;--font-sans:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--color-cream);color:var(--color-text-dark);line-height:1.7;transition:background-color .3s,color .3s}.dark body,.dark{background-color:var(--color-deep-space);color:#e8e8e8}.dark .card{background-color:var(--color-card-dark);border-color:var(--color-border-dark)}.dark .nav-link{color:#e8e8e8}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);letter-spacing:-.01em;font-weight:700;line-height:1.2}h1{font-size:clamp(2.25rem,5vw,3.75rem)}h2{font-size:clamp(1.75rem,4vw,2.75rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}.star-rating{color:var(--color-gold)}#reading-progress{background:linear-gradient(90deg, var(--color-emerald-vivid), var(--color-gold-vivid), var(--color-mint));z-index:9999;height:3px;transition:width .1s linear;position:fixed;top:0;left:0;box-shadow:0 0 10px #a7c4a066,0 0 20px #e0aaa033}.gradient-text{background:linear-gradient(135deg, var(--color-emerald-vivid), var(--color-gold-vivid), var(--color-mint));-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-subtle{background:linear-gradient(135deg, var(--color-forest), var(--color-gold));-webkit-text-fill-color:transparent;background-clip:text}.card-3d-hover{perspective:800px}.review-card{transform-style:preserve-3d;backface-visibility:hidden;transition:transform .3s,box-shadow .3s}.review-card:hover{box-shadow:0 12px 24px #0000001a}.glass-card{-webkit-backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000001f}.glass-card-light{-webkit-backdrop-filter:blur(20px);background:#ffffffb8;border:1px solid #ffffff59;box-shadow:0 8px 32px #0000000f}.glass-card-vivid{-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#a7c4a014,#e0aaa00f);border:1px solid #a7c4a026;box-shadow:0 8px 32px #00000014}.glass-nav{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#fefcf3d1;border-bottom:1px solid #e8e0d580}.dark .glass-nav{background:#0f0c29d1;border-bottom:1px solid #2a2a3e80}.glass-badge{-webkit-backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #fff3}.gradient-mesh{background:radial-gradient(at 20% 20%,#a7c4a026 0,#0000 50%),radial-gradient(at 80% 20%,#e0aaa01a 0,#0000 50%),radial-gradient(at 50% 80%,#b8c9b01a 0,#0000 50%),radial-gradient(at 10% 60%,#2e3d3414 0,#0000 50%)}.gradient-mesh-dark{background:radial-gradient(at 20% 20%,#a7c4a014 0,#0000 50%),radial-gradient(at 80% 20%,#e0aaa00d 0,#0000 50%),radial-gradient(at 50% 80%,#b8c9b00f 0,#0000 50%),radial-gradient(at 10% 60%,#2e3d341a 0,#0000 50%)}.gradient-mesh-hero{background:radial-gradient(at 0 0,#a7c4a040 0,#0000 50%),radial-gradient(at 100% 0,#e0aaa026 0,#0000 50%),radial-gradient(at 50% 100%,#2e3d344d 0,#0000 50%),radial-gradient(at 0 100%,#b8c9b01a 0,#0000 50%),linear-gradient(135deg,#2e3d34 0%,#4a6151 40%,#8fa98c 100%)}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes cinematicPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.5)}}canvas{outline:none}video{transition:opacity 2s}.glow-text{text-shadow:0 0 20px #d4a0394d,0 0 40px #52b78826}.animated-gradient{background-size:200% 200%;animation:8s infinite gradientShift}@keyframes meshFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(20px,-15px)scale(1.05)}66%{transform:translate(-15px,10px)scale(.95)}}.mesh-blob{animation:12s ease-in-out infinite meshFloat}.mesh-blob-2{animation:15s ease-in-out infinite reverse meshFloat}.mesh-blob-3{animation:18s ease-in-out -6s infinite meshFloat}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px #b5717c33}50%{box-shadow:0 0 20px #b5717c66,0 0 40px #b8c9b033}}.pulse-glow{animation:3s ease-in-out infinite pulseGlow}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-animation{animation:3s ease-in-out infinite float}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#0000 0%,#b5717c1a 50%,#0000 100%) 0 0/200% 100%;animation:2s infinite shimmer}section{position:relative}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-cream)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--color-pine), var(--color-forest));border-radius:4px}.dark ::-webkit-scrollbar-track{background:var(--color-deep-space)}.dark ::-webkit-scrollbar-thumb{background:linear-gradient(var(--color-mint), var(--color-pine))}@keyframes pageEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}main{animation:.5s ease-out pageEnter}.magnetic-hover{transition:transform .2s}.spotlight-card{position:relative;overflow:hidden}.spotlight-card:before{content:"";background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), #b5717c1a 0%, transparent 60%);opacity:0;pointer-events:none;z-index:1;transition:opacity .3s;position:absolute;inset:0}.spotlight-card:hover:before{opacity:1}.nav-link{position:relative}.nav-link:after{content:"";background:linear-gradient(90deg, var(--color-emerald-vivid), var(--color-gold-vivid));width:0;height:2px;transition:width .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-2px;left:0}.nav-link:hover:after{width:100%}.dark .review-card{transition:transform .3s,box-shadow .3s,border-color .3s}.dark .review-card:hover{border-color:var(--color-mint);box-shadow:0 12px 30px #b8c9b01a}.btn-primary{transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.btn-primary:before{content:"";opacity:0;background:linear-gradient(135deg,#fff3,#0000);transition:opacity .3s;position:absolute;inset:0}.btn-primary:hover:before{opacity:1}.btn-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 25px #2e3d3440}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-glass{-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-glass:hover{background:#ffffff2e;border-color:#ffffff59;transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.link-hover{transition:color .2s;display:inline-block;position:relative}.link-hover:after{content:"";background:linear-gradient(90deg, var(--color-emerald-vivid), var(--color-gold-vivid));width:0;height:1.5px;transition:width .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-1px;left:0}.link-hover:hover:after{width:100%}@keyframes ripple{to{opacity:0;transform:scale(4)}}.ripple-effect{position:relative;overflow:hidden}.ripple-effect .ripple{pointer-events:none;background:#ffffff4d;border-radius:50%;animation:.6s ease-out ripple;position:absolute;transform:scale(0)}.category-card-enhanced{transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.category-card-enhanced:before{content:"";background:linear-gradient(90deg, var(--color-emerald-vivid), var(--color-gold-vivid));transform-origin:0;height:3px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.category-card-enhanced:hover:before{transform:scaleX(1)}.category-card-enhanced:hover{transform:translateY(-6px);box-shadow:0 20px 40px #2e3d341f}.toc-sticky{scrollbar-width:thin;max-height:calc(100vh - 7rem);position:sticky;top:5rem;overflow-y:auto}.toc-sticky::-webkit-scrollbar{width:3px}.toc-sticky::-webkit-scrollbar-thumb{background:var(--color-pine);border-radius:3px}.toc-link{padding-left:1rem;transition:all .2s;position:relative}.toc-link:before{content:"";background:var(--color-emerald-vivid);width:2px;height:0;transition:height .3s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.toc-link:hover:before,.toc-link.active:before{height:100%}.toc-link.active{color:var(--color-emerald-vivid);font-weight:600}.reading-time-badge{color:var(--color-pine);backdrop-filter:blur(8px);background:linear-gradient(135deg,#a7c4a01a,#e0aaa014);border:1px solid #a7c4a026;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;display:inline-flex}.dark .reading-time-badge{color:var(--color-emerald-vivid);background:linear-gradient(135deg,#a7c4a014,#e0aaa00d);border-color:#a7c4a01a}a[data-affiliate=true]:hover{opacity:.9}@keyframes buyBtnPulse{0%,to{box-shadow:0 4px 15px #ff99004d}50%{box-shadow:0 4px 25px #ff990080}}.buy-btn-amazon{animation:3s ease-in-out infinite buyBtnPulse}.buy-btn-amazon:hover{animation:none}.affiliate-disclosure a{color:var(--color-forest);text-decoration:underline}.dark .affiliate-disclosure a{color:var(--color-mint)}.affiliate-banner{border-top:1px solid var(--color-border-light);margin-top:2rem}.dark .affiliate-banner{border-top-color:var(--color-border-dark)}a[data-affiliate=true]{cursor:pointer}@media print{.share-buttons,.feedback-widget,.comment-section,.affiliate-buy-button,.where-to-buy,.affiliate-banner,.toc-sidebar,.reading-time-badge{display:none!important}}.feedback-widget+.author-bio{margin-top:2rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-open{animation:.3s cubic-bezier(.16,1,.3,1) slideDown}.glass-review-card{-webkit-backdrop-filter:blur(20px);background:#ffffffb8;border:1px solid #ffffff59;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 32px #0000000f}.glass-review-card:hover{background:#ffffffd9;border-color:#a7c4a04d;transform:translateY(-4px);box-shadow:0 20px 60px #2e3d341f}.dark .glass-review-card{background:#1a1a2ea6;border:1px solid #ffffff14;box-shadow:0 8px 32px #0003}.dark .glass-review-card:hover{background:#1a1a2ecc;border-color:#b8c9b033;box-shadow:0 20px 60px #b8c9b01a}.footer-glass{position:relative;overflow:hidden}.footer-glass:before{content:"";pointer-events:none;background:radial-gradient(at 20%,#a7c4a01a 0,#0000 50%),radial-gradient(at 80%,#e0aaa014 0,#0000 50%);position:absolute;inset:0}.footer-link{transition:all .2s;position:relative}.footer-link:after{content:"";background:var(--color-emerald-vivid);width:0;height:1px;transition:width .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-2px;left:0}.footer-link:hover:after{width:100%}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:.6s cubic-bezier(.16,1,.3,1) both fadeUp}