:root{--bg:#050816;--fg:#f5f7ff;--muted:#a7b0c2;--card:#0b1022;--border:#1f2a4a;--link:#22d3ee;--link2:#7c3aed;--shadow:0 10px 30px #00000059}*{box-sizing:border-box}html,body{color:var(--fg);background:var(--bg);margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;line-height:1.55}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:960px;margin:0 auto;padding:24px}.stack>*+*{margin-top:18px}.header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:saturate(1.2)blur(10px);backdrop-filter:saturate(1.2)blur(10px);z-index:10;background:#050816d9;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:14px;max-width:960px;margin:0 auto;padding:14px 24px;display:flex;position:relative}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-weight:900;display:flex}.brand-mark{background:linear-gradient(135deg,var(--link2),var(--link));border-radius:999px;width:14px;height:14px;box-shadow:0 0 0 4px #22d3ee1f}.brand-text{line-height:1}.header-right{align-items:center;gap:10px;display:flex}.nav{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.nav a{border-radius:10px;padding:8px 10px}.nav a:hover{background:#ffffff0f;text-decoration:none}.nav .nav-muted{opacity:.85;font-size:13px}.nav-sep{background:var(--border);opacity:.8;width:1px;height:18px;margin:0 6px}.aff-link{color:var(--fg);background:#ffffff08;border:1px solid #ffffff24;border-radius:999px;padding:7px 10px;font-size:13px;line-height:1}.aff-link:hover{background:#ffffff14;text-decoration:none}.burger{appearance:none;border:1px solid var(--border);cursor:pointer;background:#ffffff0a;border-radius:12px;padding:8px 10px;display:none}.burger span{background:var(--fg);border-radius:2px;width:18px;height:2px;display:block}.burger span+span{margin-top:4px}@media (max-width:860px){.burger{flex-direction:column;justify-content:center;display:inline-flex}.nav{display:none}.nav.open{border:1px solid var(--border);min-width:220px;box-shadow:var(--shadow);background:#0b1022f2;border-radius:14px;flex-direction:column;align-items:stretch;padding:10px;display:flex;position:absolute;top:62px;right:24px}.nav.open a{width:100%}.nav.open .nav-sep{display:none}}.footer{border-top:1px solid var(--border);margin-top:32px}.footer-inner{max-width:960px;color:var(--muted);margin:0 auto;padding:18px 24px;font-size:14px}.footer-meta{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.footer-nav{flex-wrap:wrap;gap:12px;display:flex}.footer-sub{opacity:.9;margin-top:12px}.hero h1{margin:0;font-size:34px;line-height:1.1}.hero p{color:var(--muted);margin:10px 0 0}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 0 0 1px #00000014}.muted{color:var(--muted);font-size:14px}.list{padding-left:18px}.article h1{margin:0 0 10px;font-size:34px;line-height:1.15}.article .lede{color:var(--muted);margin:0 0 14px}.grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:900px){.grid{grid-template-columns:2fr 1fr}}.toc{position:sticky;top:86px}.toc ul{margin:0;padding:0;list-style:none}.toc li+li{margin-top:6px}.kbd{border:1px solid var(--border);background:#ffffff0f;border-radius:8px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.hr{background:var(--border);border:0;height:1px;margin:18px 0}.badges{flex-wrap:wrap;gap:8px;display:flex}.badge{border:1px solid var(--border);color:var(--muted);background:#ffffff0a;border-radius:999px;padding:4px 10px;font-size:12px}.cta{border:1px solid var(--border);background:#ffffff0a;border-radius:14px;padding:14px}.cta strong{margin-bottom:6px;display:block}.proscons{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:700px){.proscons{grid-template-columns:1fr 1fr}}.proscons ul{margin:8px 0 0;padding-left:18px}.faq details{border:1px solid var(--border);background:#ffffff0a;border-radius:12px;padding:10px 12px}.faq details+details{margin-top:10px}.faq summary{cursor:pointer;font-weight:700}.faq-grid{gap:12px;margin-top:14px;display:grid}.faq-item{border:1px solid var(--border);background:#ffffff08;border-radius:14px;overflow:hidden}.faq-grid .faq-item+.faq-item{margin-top:0}.faq-item+.faq-item{margin-top:12px}.faq-q{width:100%;color:var(--fg);text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:14px;display:flex}.faq-q:hover{background:#ffffff0a}.faq-q:focus-visible{outline-offset:2px;border-radius:14px;outline:2px solid #22d3eea6}.faq-q .label{flex:1;font-weight:800}.faq .faq-q .badge{width:28px;height:28px;color:var(--fg);background:linear-gradient(135deg,#7c3aed66,#22d3ee2e);border:1px solid #22d3ee59;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.faq-q .chev{opacity:.85;flex:none;transition:transform .15s}.faq-q[aria-expanded=true] .chev{transform:rotate(180deg)}.faq-a{border-top:1px solid var(--border);color:var(--muted);padding:12px 14px 14px}.faq-a p,.faq-content p{color:var(--muted);margin:0}.faq .container>.faq-q{border:1px solid var(--border);background:#ffffff08;border-radius:14px;margin-top:12px}.faq .container>h2+.faq-q{margin-top:14px}.faq .container>.faq-q[aria-expanded=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.faq .container>.faq-a{border:1px solid var(--border);background:#ffffff08;border-top:0;border-radius:0 0 14px 14px;margin-top:-1px}img,video,iframe{border-radius:14px;max-width:100%;height:auto}iframe{background:#000;border:0}table{border-collapse:collapse;border:1px solid var(--border);border-radius:14px;width:100%;overflow:hidden}th,td{border-bottom:1px solid var(--border);vertical-align:top;padding:10px}th{text-align:left;background:#ffffff0a}code{border:1px solid var(--border);background:#ffffff0f;border-radius:8px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}pre{border:1px solid var(--border);background:#00000040;border-radius:14px;padding:12px;overflow:auto}.hero-media{aspect-ratio:16/9;background:#00000040;border-radius:18px;min-height:220px;position:relative;overflow:hidden}.hero-media picture,.hero-media video{width:100%;height:100%;position:absolute;inset:0}.hero-media .hero-poster,.hero-media .hero-video{object-fit:cover;border-radius:0;width:100%;height:100%}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn,.btn-primary{border:1px solid var(--border);color:var(--fg);cursor:pointer;background:#ffffff0a;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;text-decoration:none;display:inline-flex}.btn:hover,.btn-primary:hover{background:#ffffff14;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#7c3aed59,#22d3ee33);border-color:#22d3ee80}.lang-select-container{align-items:center;display:flex}.lang-select{appearance:none;border:1px solid var(--border);color:var(--fg);cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff0a;border-radius:12px;padding:10px 34px 10px 12px}.lang-select option{background:var(--card);color:var(--fg)}.cookie-banner{border:1px solid var(--border);-webkit-backdrop-filter:saturate(1.2)blur(10px);backdrop-filter:saturate(1.2)blur(10px);box-shadow:var(--shadow);z-index:50;background:#0b1022f2;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex;position:fixed;bottom:16px;left:16px;right:16px}.cookie-banner p{color:var(--muted);margin:0;font-size:14px}.cookie-actions{flex-wrap:wrap;gap:10px;display:flex}.cookie-banner.hidden{display:none}.tools .grid{grid-template-columns:1fr}.tools .card{grid-template-columns:96px 1fr;gap:10px 16px;display:grid}.tools .card>img{object-fit:cover;border:1px solid var(--border);background:#ffffff08;border-radius:12px;grid-area:1/1;place-self:start center;width:64px;max-width:none;height:64px;padding:6px}.tools .card>:not(img){grid-column:2}.tools .card h3{margin-top:0}@media (max-width:680px){.tools .card{grid-template-columns:1fr}.tools .card>img{grid-area:auto;justify-self:start}.tools .card>:not(img){grid-column:auto}}
