:root{--bg-body: #151b25;--bg-primary: #151b25;--bg-secondary: #1b2231;--bg-tertiary: #222b3a;--bg-card: #1d2535;--bg-card-hover: #253040;--bg-elevated: #2a3342;--bg-code: #2a3342;--accent: #38bdf8;--accent-hover: #7dd3fc;--accent-muted: rgba(56, 189, 248, .12);--accent-glow: rgba(56, 189, 248, .06);--accent-secondary: #a78bfa;--accent-cta: #f97316;--accent-cta-hover: #fb923c;--text-primary: #e8edf5;--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-muted: #475569;--text-link: #38bdf8;--text-link-hover: #7dd3fc;--text-inverse: #0b0f14;--border-primary: rgba(148, 163, 184, .1);--border-secondary: rgba(148, 163, 184, .06);--border-accent: rgba(56, 189, 248, .25);--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.35);--shadow-lg: 0 12px 40px rgba(0,0,0,.45);--shadow-glow: 0 0 20px rgba(56, 189, 248, .08);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--max-width: 1160px;--content-width: 760px;--nav-height: 60px;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--sp-20: 5rem;--sp-24: 6rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg-body);color:var(--text-primary);line-height:1.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{color:var(--text-link);text-decoration:none;transition:color .15s ease}a:hover{color:var(--text-link-hover)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:700;line-height:1.2;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.6em}h1{font-size:clamp(1.85rem,4vw,2.75rem);font-weight:800;letter-spacing:-.03em}h2{font-size:clamp(1.3rem,3vw,1.65rem);margin-top:2.5em;padding-top:1.5em;border-top:1px solid var(--border-secondary)}h3{font-size:clamp(1.05rem,2.5vw,1.25rem);margin-top:1.8em;color:var(--text-primary)}h4{font-size:1.05rem;margin-top:1.4em;color:var(--text-secondary)}p{margin-bottom:1.4em;color:var(--text-secondary);font-size:.95rem;line-height:1.8}ul,ol{padding-left:1.5em;margin-bottom:1.4em;color:var(--text-secondary);font-size:.95rem}li{margin-bottom:.4em;line-height:1.7}strong{color:var(--text-primary);font-weight:600}code{font-family:var(--font-mono);font-size:.85em;background:var(--bg-code);padding:.15em .45em;border-radius:var(--radius-xs);color:var(--accent)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--sp-5)}@media(min-width:768px){.container{padding:0 var(--sp-8)}}.content-width{max-width:var(--content-width)}.section{padding:var(--sp-16) 0}.section-sm{padding:var(--sp-10) 0}.nav{position:sticky;top:0;z-index:100;height:var(--nav-height);background:#151b25bf;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-bottom:1px solid var(--border-secondary)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--sp-5)}@media(min-width:768px){.nav-inner{padding:0 var(--sp-8)}}.nav-logo{font-size:1.2rem;font-weight:800;color:var(--text-primary);text-decoration:none;letter-spacing:-.03em;display:flex;align-items:center;gap:0}.nav-logo span{color:var(--accent)}.nav-links{display:none;list-style:none;gap:var(--sp-2);padding:0;margin:0;align-items:center}.nav-links a{display:block;padding:.5rem .9rem;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.95rem;font-weight:600;transition:all .15s ease;letter-spacing:-.01em}.nav-links a:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:transparent;cursor:pointer;color:var(--text-secondary);transition:all .15s ease}.nav-toggle:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-toggle svg{width:18px;height:18px}.nav-actions{display:flex;align-items:center;gap:var(--sp-2)}.nav-dropdown{position:relative}.nav-dropdown-trigger{display:flex;align-items:center;gap:.35rem;cursor:pointer}.nav-chevron{width:13px;height:13px;transition:transform .2s ease;opacity:.5}.nav-dropdown:hover .nav-chevron{transform:rotate(180deg);opacity:1}.nav-dropdown-menu:before{content:"";position:absolute;top:-16px;left:0;right:0;height:16px}.nav-dropdown-menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(4px);min-width:280px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:0 16px 48px #0000008c,0 0 0 1px #ffffff0a;padding:var(--sp-3) 0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,transform .15s ease,visibility .15s ease;z-index:200}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.nav-dropdown-header{padding:var(--sp-3) var(--sp-5) var(--sp-3);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.nav-dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:.55rem var(--sp-5);font-size:.92rem;color:var(--text-secondary);font-weight:500;transition:all .12s ease;text-decoration:none;border-radius:0;background:transparent}.nav-dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-dropdown-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-dropdown-badge{font-size:.78rem;font-weight:700;padding:.2rem .6rem;background:var(--accent-muted);color:var(--accent);border-radius:var(--radius-full);white-space:nowrap;font-variant-numeric:tabular-nums}.nav-dropdown-meta{font-size:.78rem;color:var(--text-tertiary);white-space:nowrap}.nav-dropdown-divider{height:1px;background:var(--border-primary);margin:var(--sp-2) var(--sp-5)}.nav-dropdown-viewall{display:block;padding:var(--sp-4) var(--sp-5) var(--sp-3);font-size:.88rem;font-weight:600;color:var(--accent);transition:color .12s ease;text-decoration:none;border-top:1px solid var(--border-primary);margin-top:var(--sp-2)}.nav-dropdown-viewall:hover{color:var(--accent-hover)}.mobile-menu{display:none;position:fixed;top:var(--nav-height);left:0;right:0;bottom:0;background:var(--bg-primary);z-index:99;padding:var(--sp-4);overflow-y:auto;border-top:1px solid var(--border-primary)}.mobile-menu.open{display:flex;flex-direction:column;gap:var(--sp-2)}.mobile-section{border-bottom:1px solid var(--border-primary);padding-bottom:var(--sp-3)}.mobile-section:last-child{border-bottom:none}.mobile-section-title{display:block;padding:var(--sp-3) var(--sp-4);font-size:.95rem;color:var(--text-primary);font-weight:600;text-decoration:none;border-radius:var(--radius-sm);transition:all .15s ease}.mobile-section-title:hover{background:var(--bg-tertiary)}.mobile-section-items{display:flex;flex-direction:column;gap:0;padding-left:var(--sp-3)}.mobile-section-link{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2) var(--sp-4);font-size:.85rem;color:var(--text-secondary);border-radius:var(--radius-sm);font-weight:500;transition:all .15s ease;text-decoration:none}.mobile-section-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.mobile-badge{font-size:.7rem;font-weight:700;padding:.1rem .4rem;background:var(--accent-muted);color:var(--accent);border-radius:var(--radius-full);font-variant-numeric:tabular-nums}@media(min-width:768px){.nav-links{display:flex}.nav-toggle{display:none}.mobile-menu{display:none!important}}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);padding:var(--sp-5) 0 var(--sp-2);font-size:.8rem;color:var(--text-muted)}.breadcrumbs a{color:var(--text-muted);transition:color .15s ease}.breadcrumbs a:hover{color:var(--text-secondary)}.breadcrumbs .separator{color:var(--text-muted);opacity:.5;font-size:.7rem}.breadcrumbs .current{color:var(--text-tertiary);font-weight:500}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--sp-6);transition:all .2s ease}.card:hover{background:var(--bg-card-hover);border-color:#94a3b826;box-shadow:var(--shadow-md)}.card-featured{border-left:3px solid var(--accent);padding-left:calc(var(--sp-6) - 2px)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.3rem;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;text-decoration:none;transition:all .15s ease;cursor:pointer;border:none;gap:.4rem;letter-spacing:-.01em;line-height:1}.btn-primary{background:var(--accent);color:var(--text-inverse)}.btn-primary:hover{background:var(--accent-hover);color:var(--text-inverse);box-shadow:0 0 16px #38bdf833}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-muted)}.btn-accent{background:var(--accent-cta);color:#fff}.btn-accent:hover{background:var(--accent-cta-hover);color:#fff;box-shadow:0 0 16px #f9731633}.btn-sm{padding:.4rem .9rem;font-size:.8rem}.btn-lg{padding:.75rem 1.75rem;font-size:.9rem}.rating-box{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--sp-8);margin:var(--sp-8) 0}.rating-box-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-8);padding-bottom:var(--sp-6);border-bottom:1px solid var(--border-secondary);flex-wrap:wrap;gap:var(--sp-4)}.rating-overall{display:flex;align-items:center;gap:var(--sp-4)}.rating-score{font-size:3rem;font-weight:800;color:var(--accent);line-height:1;letter-spacing:-.04em}.rating-label{font-size:.8rem;color:var(--text-muted)}.rating-bonus{text-align:right}.rating-bonus-value{font-size:1.05rem;font-weight:700;color:var(--accent-cta)}.rating-bonus-label{font-size:.78rem;color:var(--text-muted)}.rating-bars{display:grid;gap:var(--sp-4)}.rating-bar-item{display:grid;grid-template-columns:110px 1fr 44px;align-items:center;gap:var(--sp-4)}@media(max-width:480px){.rating-bar-item{grid-template-columns:90px 1fr 36px}}.rating-bar-label{font-size:.82rem;color:var(--text-tertiary);font-weight:500}.rating-bar{height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.rating-bar-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--accent),var(--accent-secondary));transition:width .6s ease}.rating-bar-value{font-size:.82rem;font-weight:600;color:var(--text-secondary);text-align:right;font-variant-numeric:tabular-nums}.comparison-table{width:100%;border-collapse:separate;border-spacing:0;margin:var(--sp-6) 0;font-size:.88rem;background:var(--bg-card);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-primary)}.comparison-table th,.comparison-table td{padding:var(--sp-4) var(--sp-5);text-align:left}.comparison-table thead th{background:var(--bg-tertiary);color:var(--text-tertiary);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-primary)}.comparison-table tbody td{border-bottom:1px solid var(--border-secondary)}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table tbody tr:nth-child(2n){background:#94a3b805}.comparison-table tbody tr:hover{background:var(--bg-card-hover)}.score-badge{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:var(--radius-sm);font-weight:700;font-size:.82rem;font-variant-numeric:tabular-nums}.score-high{background:#38bdf81f;color:var(--accent)}.score-mid{background:#facc151a;color:#facc15}.score-low{background:#f871711a;color:#f87171}.toc{position:sticky;top:calc(var(--nav-height) + var(--sp-6));max-height:calc(100vh - var(--nav-height) - var(--sp-12));overflow-y:auto;padding:var(--sp-5);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.toc::-webkit-scrollbar{width:3px}.toc::-webkit-scrollbar-track{background:transparent}.toc::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-full)}.toc-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border-secondary)}.toc-list{list-style:none;padding:0;margin:0}.toc-list li{margin-bottom:1px}.toc-list a{display:block;padding:var(--sp-2) var(--sp-3);font-size:.78rem;color:var(--text-muted);border-radius:var(--radius-xs);border-left:2px solid transparent;transition:all .15s ease;line-height:1.4}.toc-list a:hover{color:var(--text-secondary);background:var(--bg-tertiary);border-left-color:var(--accent)}.faq-list{display:grid;gap:var(--sp-2);margin:var(--sp-6) 0}.faq-item{border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-card)}.faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--sp-5) var(--sp-6);background:transparent;border:none;cursor:pointer;font-size:.9rem;font-weight:600;color:var(--text-primary);text-align:left;transition:all .15s ease;gap:var(--sp-4)}.faq-question:hover{background:var(--bg-card-hover)}.faq-icon{flex-shrink:0;width:16px;height:16px;color:var(--text-muted);transition:transform .2s ease}.faq-item.open .faq-icon{transform:rotate(180deg);color:var(--accent)}.faq-answer{display:none;padding:0 var(--sp-6) var(--sp-6);font-size:.9rem;color:var(--text-secondary);line-height:1.75}.faq-item.open .faq-answer{display:block}.faq-item.open{border-color:var(--border-accent)}.code-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4);transition:all .2s ease}.code-card:hover{border-color:#94a3b826;box-shadow:var(--shadow-md)}.code-value{display:inline-flex;align-items:center;gap:var(--sp-2);padding:.4rem 1rem;background:linear-gradient(135deg,#38bdf826,#a78bfa1a);border:1px solid var(--border-accent);color:var(--accent);border-radius:var(--radius-sm);font-family:var(--font-mono);font-weight:700;font-size:1rem;letter-spacing:.06em;width:fit-content;cursor:pointer;position:relative;transition:all .15s ease;user-select:none}.code-value:hover{background:linear-gradient(135deg,#38bdf840,#a78bfa2e);border-color:var(--accent);box-shadow:0 0 12px #38bdf826}.code-value .copy-icon{width:14px;height:14px;flex-shrink:0;opacity:.6;transition:opacity .15s ease}.code-value:hover .copy-icon{opacity:1}.code-value .copy-feedback{position:absolute;top:-32px;left:50%;transform:translate(-50%);background:var(--accent);color:var(--text-inverse);font-size:.7rem;font-family:var(--font-sans);font-weight:600;letter-spacing:.02em;padding:.25rem .6rem;border-radius:var(--radius-xs);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease}.code-value .copy-feedback.show{opacity:1;transform:translate(-50%) translateY(-2px)}.code-site{font-size:.78rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.04em}.code-type{display:inline-block;padding:.2rem .6rem;background:var(--bg-tertiary);border-radius:var(--radius-full);font-size:.72rem;font-weight:600;color:var(--text-muted);border:1px solid var(--border-secondary)}.pros-cons{display:grid;grid-template-columns:1fr;gap:var(--sp-4);margin:var(--sp-6) 0}@media(min-width:640px){.pros-cons{grid-template-columns:1fr 1fr}}.pros-list,.cons-list{padding:var(--sp-6);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.pros-list{background:#38bdf80a;border-color:#38bdf81f}.cons-list{background:#f871710a;border-color:#f871711f}.pros-cons-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--sp-4)}.pros-list .pros-cons-title{color:var(--accent)}.cons-list .pros-cons-title{color:#f87171}.pros-cons ul{list-style:none;padding:0;margin:0}.pros-cons li{padding:var(--sp-2) 0;padding-left:var(--sp-6);position:relative;font-size:.88rem;color:var(--text-secondary)}.pros-cons li:before{position:absolute;left:0;font-weight:700;font-size:.9rem}.pros-list li:before{content:"+";color:var(--accent)}.cons-list li:before{content:"–";color:#f87171}.reviews-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-4)}@media(min-width:600px){.reviews-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.reviews-grid{grid-template-columns:repeat(3,1fr)}}.article-layout{display:grid;grid-template-columns:1fr;gap:var(--sp-10);padding:var(--sp-6) 0 var(--sp-16)}@media(min-width:1024px){.article-layout{grid-template-columns:1fr 220px}}.article-content{min-width:0}.article-content>section{margin-bottom:var(--sp-4)}.article-sidebar{display:none}@media(min-width:1024px){.article-sidebar{display:block}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-primary);padding:var(--sp-16) 0 var(--sp-10);margin-top:var(--sp-20)}.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-10);margin-bottom:var(--sp-10)}@media(min-width:640px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.footer-grid{grid-template-columns:repeat(4,1fr)}}.footer-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:var(--sp-4)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:var(--sp-2)}.footer-links a{font-size:.85rem;color:var(--text-muted);transition:color .15s ease}.footer-links a:hover{color:var(--text-secondary)}.footer-bottom{padding-top:var(--sp-8);border-top:1px solid var(--border-secondary);font-size:.78rem;color:var(--text-muted);line-height:1.8}.footer-disclaimer{max-width:640px;margin-top:var(--sp-3);font-size:.72rem;line-height:1.7;color:var(--text-muted);opacity:.7}.badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.72rem;font-weight:600;letter-spacing:.01em;border:1px solid transparent}.badge-primary{background:var(--accent-muted);color:var(--accent);border-color:#38bdf826}.badge-success{background:#34d3991a;color:#34d399;border-color:#34d39926}.badge-warning{background:#facc151a;color:#facc15;border-color:#facc1526}.quick-verdict{background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius-lg);padding:var(--sp-8);margin:var(--sp-6) 0;position:relative;overflow:hidden}.quick-verdict:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-secondary))}.quick-verdict-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:var(--sp-3)}.verdict-box{background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius-lg);padding:var(--sp-8);margin:var(--sp-8) 0;position:relative;overflow:hidden}.verdict-box:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-secondary))}.verdict-title{font-size:1rem;font-weight:700;color:var(--accent);margin-bottom:var(--sp-3)}.table-wrapper{overflow-x:auto;margin:var(--sp-6) 0;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md)}.table-wrapper::-webkit-scrollbar{height:4px}.table-wrapper::-webkit-scrollbar-track{background:var(--bg-tertiary)}.table-wrapper::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}.section-header{margin-bottom:var(--sp-8)}.section-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:var(--sp-2)}.section-title{font-size:clamp(1.3rem,3vw,1.65rem);font-weight:700;margin:0 0 var(--sp-2);border:none;padding:0;letter-spacing:-.02em}.section-desc{font-size:.88rem;color:var(--text-muted);margin:0;max-width:560px}.text-center{text-align:center}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.mt-1{margin-top:var(--sp-2)}.mt-2{margin-top:var(--sp-4)}.mt-3{margin-top:var(--sp-6)}.mt-4{margin-top:var(--sp-8)}.mb-1{margin-bottom:var(--sp-2)}.mb-2{margin-bottom:var(--sp-4)}.mb-3{margin-bottom:var(--sp-6)}.mb-4{margin-bottom:var(--sp-8)}[id]{scroll-margin-top:calc(var(--nav-height) + var(--sp-6))}::selection{background:#38bdf840;color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}