*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f8fafc;--bg-card:#fff;--bg-primary:#fff;--bg-secondary:#f1f5f9;--bg-highlight:#f0f7ff;--bg-green-subtle:#10b9810d;--bg-green-light:#10b9811a;--border:#e2e8f0;--border-accent:#3b82f6;--text:#0f172a;--text-heading:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--primary:#1e293b;--primary-light:#334155;--accent:#3b82f6;--accent-hover:#2563eb;--cta:#f97316;--cta-hover:#ea580c;--green:#10b981;--red:#ef4444;--red-soft:#dc2626;--bg-red-light:#fef2f2;--max-width:800px;--max-width-wide:960px}.dark-mode{--bg:#0f0f0f;--bg-card:#1a1a1a;--bg-primary:#1a1a1a;--bg-secondary:#242424;--bg-highlight:#ffffff0d;--bg-green-subtle:#4ade8014;--bg-green-light:#4ade8026;--border:#ffffff14;--border-accent:#60a5fa;--text:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#60a5fa;--accent-hover:#93c5fd;--green:#4ade80;--red:#fca5a5;--red-soft:#f87171;--bg-red-light:#ef444414}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.7}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.compare-table{border-collapse:collapse;width:100%;margin:24px 0}.compare-table th{background:var(--bg-highlight);text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border);padding:12px 16px;font-size:13px;font-weight:600}.compare-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:12px 16px;font-size:14px}.compare-table tr:hover{background:var(--bg-highlight)}.cta-btn{background:var(--cta);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:background .2s;display:inline-block}.cta-btn:hover{background:var(--cta-hover);text-decoration:none}.pick-card{border:2px solid var(--border);background:var(--bg-card);border-radius:12px;margin:12px 0;padding:20px}.pick-card.recommended{border-color:var(--cta)}.pick-badge{background:var(--cta);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}details{margin:8px 0}details summary{cursor:pointer;background:var(--bg-highlight);color:var(--text);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;list-style:none;display:flex}details summary:before{content:"";opacity:.7;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E") 50% no-repeat;flex-shrink:0;width:16px;height:16px;display:inline-block}details summary:after{content:"▾";color:var(--text-muted);font-size:12px;transition:transform .2s}details[open] summary:after{transform:rotate(180deg)}details[open] summary{border-radius:8px 8px 0 0}details>div{border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;padding:16px;font-size:14px}.pros li{color:var(--green)}.pros li span,.cons li span{color:var(--text)}.cons li{color:var(--red)}.pros,.cons{padding:0;list-style:none}.pros li:before{content:"";vertical-align:-2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E") 50% no-repeat;width:14px;height:14px;margin-right:6px;display:inline-block}.cons li:before{content:"";vertical-align:-2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6L6 18'/%3E%3Cpath d='M6 6l12 12'/%3E%3C/svg%3E") 50% no-repeat;width:14px;height:14px;margin-right:6px;display:inline-block}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;margin:16px 0;padding:16px}.faq-q{margin-bottom:8px;font-size:15px;font-weight:600}.faq-a{color:var(--text-secondary);font-size:14px;line-height:1.7}.rating{color:#f59e0b;align-items:center;gap:4px;font-weight:700;display:inline-flex}.rating:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='%23f59e0b' stroke='%23f59e0b' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E") 50% no-repeat;flex-shrink:0;width:14px;height:14px;display:inline-block}a[style*=borderRadius],div[style*=borderRadius]{transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out}@keyframes cardEntrance{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}main section>div[style*=grid]>a,main section>div[style*=grid]>div{animation:.4s ease-out both cardEntrance}main section>div[style*=grid]>a:first-child{animation-delay:0s}main section>div[style*=grid]>a:nth-child(2){animation-delay:60ms}main section>div[style*=grid]>a:nth-child(3){animation-delay:.12s}main section>div[style*=grid]>a:nth-child(4){animation-delay:.18s}main section>div[style*=grid]>a:nth-child(5){animation-delay:.24s}main section>div[style*=grid]>a:nth-child(6){animation-delay:.3s}main section>div[style*=grid]>a:nth-child(7){animation-delay:.36s}main section>div[style*=grid]>a:nth-child(8){animation-delay:.42s}main section>div[style*=grid]>a:nth-child(9){animation-delay:.48s}main section>div[style*=grid]>a:nth-child(10){animation-delay:.54s}main section>div[style*=grid]>a:nth-child(11){animation-delay:.6s}main section>div[style*=grid]>a:nth-child(12){animation-delay:.66s}@keyframes heroEntrance{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}main>div>section:first-child{animation:.6s ease-out both heroEntrance}main>div>section:first-child h1{animation:.6s ease-out .1s both heroEntrance}main>div>section:first-child p{animation:.5s ease-out .2s both heroEntrance}@keyframes scrollReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@supports (animation-timeline:view()){main>div>section:nth-child(n+3){animation:linear both scrollReveal;animation-timeline:view();animation-range:entry entry 20%}}a[style*="background: '#f97316'"],a[style*="background: #f97316"],.cta-btn{transition:transform .15s ease-out,box-shadow .15s ease-out!important}a[style*="background: '#f97316'"]:hover,a[style*="background: #f97316"]:hover,.cta-btn:hover{transform:translateY(-1px)!important;box-shadow:0 4px 12px #f9731659!important}a[style*="background: '#f97316'"]:active,a[style*="background: #f97316"]:active,.cta-btn:active{transition-duration:80ms!important;transform:translateY(0)scale(.98)!important}main a[href]:not([style*=background]):not([style*=border]){position:relative}.pick-card.recommended{box-shadow:0 0 0 1px var(--cta), 0 4px 20px #f973161f}@keyframes barFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}details>div{animation:.25s ease-out both cardEntrance}@keyframes growProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@supports (animation-timeline:scroll()){#reading-progress{transform-origin:0;z-index:9999;background:linear-gradient(90deg,#f97316,#fb923c);width:100%;height:2px;animation:linear growProgress;animation-timeline:scroll(root);position:fixed;top:0;left:0}}@media (max-width:640px){.compare-table{font-size:12px}.compare-table th,.compare-table td{padding:8px 10px}.pick-card{padding:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
:root{--bg-page:#fff;--bg-card:#fff;--bg-card-alt:#f9fafb;--bg-elevated:#f3f4f6;--bg-dark-box:#111827;--bg-green-light:#f0fdf4;--bg-orange-light:#fff7ed;--bg-yellow-light:#fffbf0;--bg-red-light:#fef2f2;--bg-blue-light:#eff6ff;--text-primary:#111827;--text-secondary:#374151;--text-muted:#6b7280;--text-dimmed:#9ca3af;--text-on-dark:#fff;--border-default:#e5e7eb;--border-strong:#d1d5db;--green-text:#15803d;--green-bg:#dcfce7;--green-border:#86efac;--orange-accent:#f97316;--red-text:#dc2626;--winner-green-bg:#f0fdf4;--winner-green-text:#15803d;--winner-orange-bg:#fff7ed}.dark-mode{--bg-page:#0f0f0f;--bg-card:#1a1a1a;--bg-card-alt:#1a1a1a;--bg-elevated:#242424;--bg-dark-box:#141414;--bg-green-light:#22c55e1a;--bg-orange-light:#f973161a;--bg-yellow-light:#f59e0b1a;--bg-red-light:#ef44441a;--bg-blue-light:#60a5fa1a;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-dimmed:#64748b;--text-on-dark:#f1f5f9;--border-default:#ffffff14;--border-strong:#ffffff26;--green-text:#4ade80;--green-bg:#22c55e26;--green-border:#16a34a;--orange-accent:#fb923c;--red-text:#fca5a5;--winner-green-bg:#22c55e14;--winner-green-text:#4ade80;--winner-orange-bg:#f9731614}.dark-mode body{background-color:var(--bg-page)!important;color:var(--text-primary)!important}.dark-mode header{background:var(--bg-card)!important;border-color:var(--border-default)!important}.dark-mode header a[href=\/]{color:var(--text-primary)!important}.dark-mode header nav a{color:var(--text-muted)!important}.dark-mode header nav a:hover{color:#fb923c!important}.dark-mode header a[href=\/books]{color:#fff!important;background-color:#f97316!important}.dark-mode footer{background:var(--bg-page)!important;border-color:var(--border-default)!important;color:var(--text-muted)!important}.dark-mode footer a{color:var(--orange-accent)!important}.dark-mode footer p{color:var(--text-muted)!important}.dark-mode input,.dark-mode select,.dark-mode textarea{background:var(--bg-elevated)!important;color:var(--text-primary)!important;border-color:var(--border-strong)!important}.dark-mode input::placeholder,.dark-mode textarea::placeholder{color:var(--text-dimmed)!important}.dark-mode input:focus,.dark-mode select:focus{border-color:#60a5fa!important}.dark-mode details{background-color:var(--bg-card)!important;border-color:var(--border-default)!important}.dark-mode details summary{color:var(--text-primary)!important}.dark-mode table{border-color:var(--border-default)!important}.dark-mode table th{background-color:var(--bg-elevated)!important;color:var(--text-primary)!important;border-color:var(--border-default)!important}.dark-mode table td{background-color:var(--bg-dark-box)!important;color:var(--text-primary)!important;border-color:#ffffff0f!important}.dark-mode table tr:nth-child(2n) td{background-color:#ffffff06!important}.dark-mode main table tr:hover td{background-color:#ffffff0d!important}.dark-mode td[style*="background: '#f0fdf4'"],.dark-mode td[style*=\#f0fdf4]{background-color:var(--winner-green-bg)!important}.dark-mode td[style*="background: '#fff7ed'"],.dark-mode td[style*=\#fff7ed]{background-color:var(--winner-orange-bg)!important}.dark-mode th[style*=\#f0fdf4]{color:#4ade80!important;background-color:#22c55e26!important}.dark-mode button[style*=\#f97316],.dark-mode a[style*="background: #f97316"],.dark-mode a[style*="background:#f97316"],.dark-mode main button[style*=\#f97316],.dark-mode main a[style*="background: #f97316"]{color:#fff!important;background-color:#f97316!important}.dark-mode main a[style*="background: #3b82f6"],.dark-mode main a[style*="background:#3b82f6"]{color:#fff!important;background-color:#3b82f6!important}.dark-mode main a[style*="background: #10b981"],.dark-mode main a[style*="background:#10b981"]{color:#fff!important;background-color:#10b981!important}.dark-mode button[style*=\#fff],.dark-mode button[style*=white]{background-color:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--border-strong)!important}.dark-mode svg rect[fill=\#e5e7eb],.dark-mode svg rect[fill=\#f3f4f6]{fill:#ffffff1a!important}.dark-mode pre,.dark-mode code{background-color:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--border-default)!important}.dark-mode hr{border-color:#ffffff0f!important}.dark-mode option{background:var(--bg-elevated)!important;color:var(--text-primary)!important}.dark-mode header div[style*="position: absolute"],.dark-mode header div[style*=absolute]{background-color:var(--bg-elevated)!important;border-color:var(--border-default)!important}.dark-mode header div[style*=absolute] a,.dark-mode header div[style*=absolute] div{color:var(--text-primary)!important}.dark-mode ::-webkit-scrollbar{background:#0f0f0f;width:8px}.dark-mode ::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.dark-mode [style*="color: #f97316"],.dark-mode span[style*=\#f97316]{color:#fb923c!important}.dark-mode [style*="color: #10b981"],.dark-mode [style*="color: #059669"]{color:#4ade80!important}.dark-mode div[style*=linear-gradient]{border:1px solid #ffffff14!important}.dark-mode main div[style*=linear-gradient] *{color:var(--text-primary)!important}.dark-mode [role=tooltip],.dark-mode [role=dialog]{background-color:var(--bg-elevated)!important;border-color:var(--border-default)!important;color:var(--text-primary)!important}.dark-mode main div[style*="border: 2px solid #f97316"],.dark-mode main div[style*="border: 3px solid #f97316"]{border-color:#f97316!important}.dark-mode main div[style*="border: 2px solid #86efac"],.dark-mode main div[style*="border: 3px solid #86efac"]{border-color:#4ade80!important}.dark-mode main td span[style*="color: #f97316"]{color:#fb923c!important}.dark-mode main td span[style*="color: #16a34a"]{color:#4ade80!important}.dark-mode main td span[style*="fontSize: 12"][style*="color: #f97316"],.dark-mode main td span[style*="font-size: 12"][style*="color: #f97316"]{color:#fb923c!important}.dark-mode main td span[style*="fontSize: 12"][style*="color: #16a34a"],.dark-mode main td span[style*="font-size: 12"][style*="color: #16a34a"]{color:#4ade80!important}.dark-mode main td span[style*=\#dc2626],.dark-mode main td span[style*=\#ef4444],.dark-mode main td div[style*=\#dc2626]{color:#fca5a5!important;background-color:#ef444433!important;border:1px solid #ef444459!important}.dark-mode main td span[style*=\#f59e0b],.dark-mode main td span[style*=\#d97706]{color:#fcd34d!important;background-color:#f59e0b33!important;border:1px solid #f59e0b59!important}.dark-mode main td span[style*=\#10b981],.dark-mode main td span[style*=\#059669],.dark-mode main td span[style*=\#22c55e]{color:#4ade80!important;background-color:#22c55e33!important;border:1px solid #22c55e59!important}.dark-mode main div[style*="border-radius: 50%"],.dark-mode main div[style*="borderRadius: 50%"],.dark-mode main span[style*="border-radius: 50%"]{border-color:#ffffff26!important}.dark-mode main span[style*="background: #f97316"],.dark-mode main span[style*="background:#f97316"],.dark-mode main div[style*="background: #f97316"],.dark-mode main div[style*="background: #f97316"][style*="borderRadius: 50%"],.dark-mode main div[style*="background: #f97316"][style*="border-radius: 50%"]{color:#fff!important;background-color:#f97316!important}.dark-mode main a[style*=borderLeft]{border-left-color:#f97316!important}.dark-mode main button[style*="color: #111"],.dark-mode main button[style*="color: #374"],.dark-mode main button[style*="color: #000"],.dark-mode main button[style*="color: black"]{color:#fff!important}.dark-mode main div[style*="background: '#fff'"],.dark-mode main div[style*="background: white"],.dark-mode main a[style*="background: '#fff'"],.dark-mode main a[style*="background: white"],.dark-mode main div[style*="background: '#f9fafb'"],.dark-mode main div[style*="background: '#f3f4f6'"],.dark-mode main a[style*="background: '#f9fafb'"],.dark-mode main a[style*="background: '#f3f4f6'"]{background-color:var(--bg-card)!important}.dark-mode main div[style*=\#111827],.dark-mode main div[style*=\#1f2937]{background-color:var(--bg-dark-box)!important;border:1px solid var(--border-default)!important}.dark-mode main div[style*=\#111827] *,.dark-mode main div[style*=\#1f2937] *{color:var(--text-primary)!important}