@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-vietnamese-wght-normal.D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-latin-ext-wght-normal.D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-latin-wght-normal.BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-cyrillic-wght-normal.D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-greek-wght-normal.Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-vietnamese-wght-normal.Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-latin-ext-wght-normal.DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-latin-wght-normal.B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f6f7f9;--surface:#fff;--surface-2:#f0f2f5;--text:#0f172a;--text-2:#334155;--muted:#64748b;--border:#e3e7ed;--accent:#0d9488;--accent-2:#6366f1;--accent-text:#0f766e;--accent-soft:#e6f6f4;--grad:linear-gradient(100deg, #14b8a6, #6366f1);--note-bg:#fff8eb;--note-border:#f3dcab;--ink:#0a0f1e;--ink-text:#e7ecf3;--ink-muted:#94a3b8;--ink-line:#ffffff14;--shadow:0 1px 2px #0f172a0a, 0 8px 24px #0f172a0f;--shadow-hover:0 2px 4px #0f172a0f, 0 16px 40px #0f172a1f;--radius:14px;--font-sans:"Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-head:"Space Grotesk Variable", "Inter Variable", system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono:"JetBrains Mono Variable", ui-monospace, "Cascadia Code", Consolas, monospace;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b0f17;--surface:#121826;--surface-2:#182033;--text:#e7ecf3;--text-2:#c3cad6;--muted:#8f9bad;--border:#232c3d;--accent:#2dd4bf;--accent-2:#818cf8;--accent-text:#5eead4;--accent-soft:#10302d;--note-bg:#2a2416;--note-border:#4d4126;--ink:#070b15;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000040;--shadow-hover:0 2px 4px #00000059, 0 16px 40px #0006;color-scheme:dark}}:root[data-theme=dark]{--bg:#0b0f17;--surface:#121826;--surface-2:#182033;--text:#e7ecf3;--text-2:#c3cad6;--muted:#8f9bad;--border:#232c3d;--accent:#2dd4bf;--accent-2:#818cf8;--accent-text:#5eead4;--accent-soft:#10302d;--note-bg:#2a2416;--note-border:#4d4126;--ink:#070b15;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000040;--shadow-hover:0 2px 4px #00000059, 0 16px 40px #0006;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;margin:0;font-size:17px;line-height:1.7;display:flex}main{flex:1;width:100%}a{color:var(--accent-text);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--accent)}h1,h2,h3{font-family:var(--font-head);letter-spacing:-.02em}.lang-zh h1,.lang-zh h2,.lang-zh h3{letter-spacing:0}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 16px}@media (width>=720px){.container{padding:0 28px}}.muted{color:var(--muted)}.lang-banner{background:var(--ink);color:var(--ink-text);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding:9px 48px 9px 16px;font-size:14px;display:flex;position:relative}.lang-banner[hidden]{display:none}.lang-banner-go{color:#5eead4;font-weight:600;text-decoration:none}.lang-banner-go:hover{color:#99f6e4}.lang-banner-close{color:var(--ink-muted);cursor:pointer;background:0 0;border:0;padding:4px 8px;font-size:22px;line-height:1;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.site-header{z-index:50;background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:saturate(160%)blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:12px;min-height:64px;display:flex}.brand{color:var(--text);font-family:var(--font-head);letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:10px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.brand:hover{color:var(--text)}.brand .logo{flex:none}.brand-accent{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.nav{align-items:center;gap:4px;font-size:15px;display:flex}.nav a{color:var(--text-2);border-radius:999px;padding:6px 12px;font-weight:500;text-decoration:none}.nav a:hover,.nav a.active{color:var(--text);background:var(--surface-2)}.nav .lang-switch{border:1px solid var(--border);align-items:center;gap:6px;margin-left:6px;display:inline-flex}@media (width<=520px){.brand{font-size:16px}.nav a{padding:6px 8px}.nav a:not(.lang-switch):not(.active){display:none}}.btn{border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 6px 20px #2dd4bf40}.btn-primary:hover{color:#fff;transform:translateY(-1px);box-shadow:0 10px 28px #6366f159}.btn-ghost{color:var(--ink-text);border:1px solid #ffffff38}.btn-ghost:hover{color:#fff;background:#ffffff14}.chip{letter-spacing:.01em;border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:600;display:inline-block}.chip-glass{color:#fff;-webkit-backdrop-filter:blur(6px);background:#0a0f1e8c;border:1px solid #ffffff2e;position:absolute;top:14px;left:14px}.meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.dot-sep{opacity:.6;background:currentColor;border-radius:50%;width:3px;height:3px}.draft{letter-spacing:.06em;color:#b45309;background:#fef3c7;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:700}.hero{background:var(--ink);color:var(--ink-text);position:relative;overflow:hidden}.hero-bg{background:radial-gradient(600px 380px at 12% 110%, #2dd4bf59, transparent 70%), radial-gradient(700px 420px at 92% -10%, #6366f173, transparent 70%), linear-gradient(var(--ink-line) 1px, transparent 1px) 0 0 / 44px 44px, linear-gradient(90deg, var(--ink-line) 1px, transparent 1px) 0 0 / 44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.hero-inner{padding-top:64px;padding-bottom:72px;position:relative}.hero-copy{max-width:760px}@media (width>=960px){.hero-inner{padding-top:96px;padding-bottom:104px}}.kicker{color:#a5f3fc;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;margin:0 0 20px;padding:5px 14px;font-size:13.5px;display:inline-flex}.pulse{background:#2dd4bf;border-radius:50%;flex:none;width:8px;height:8px;animation:2.2s infinite pulse;box-shadow:0 0 #2dd4bfb3}@keyframes pulse{70%{box-shadow:0 0 0 9px #2dd4bf00}to{box-shadow:0 0 #2dd4bf00}}@media (prefers-reduced-motion:reduce){.pulse{animation:none}html{scroll-behavior:auto}}.hero h1{color:#fff;margin:0 0 20px;font-size:clamp(36px,7vw,64px);line-height:1.04}.lang-zh .hero h1{line-height:1.2}.hero-sub{color:#b8c2d3;max-width:560px;margin:0 0 30px;font-size:18px;line-height:1.65}.hero-cta{flex-wrap:wrap;gap:12px;display:flex}.rig-card{-webkit-backdrop-filter:blur(8px);font-family:var(--font-mono);background:#0f1628bf;border:1px solid #ffffff1f;border-radius:16px;justify-self:center;width:100%;max-width:460px;font-size:14px;overflow:hidden;box-shadow:0 30px 80px #00000073,inset 0 1px #ffffff0f}.rig-bar{color:var(--ink-muted);border-bottom:1px solid #ffffff14;align-items:center;gap:7px;padding:12px 16px;font-size:12.5px;display:flex}.rig-bar i{background:#f87171;border-radius:50%;width:11px;height:11px}.rig-bar i:nth-child(2){background:#fbbf24}.rig-bar i:nth-child(3){background:#34d399}.rig-bar span{margin-left:8px}.rig-card dl{margin:0;padding:14px 18px 18px}.rig-card dl>div{border-bottom:1px dashed #ffffff14;grid-template-columns:64px 1fr;gap:12px;padding:7px 0;display:grid}.rig-card dl>div:last-child{border-bottom:0}.rig-card dt{color:#5eead4}.rig-card dd{color:#e2e8f0;margin:0}.section{padding-top:56px}.section-title{align-items:center;gap:12px;margin:0 0 22px;font-size:22px;display:flex}.section-title:before{content:"";background:var(--grad);border-radius:3px;width:6px;height:22px}.feature-card,.post-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);box-shadow:var(--shadow);text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid;overflow:hidden}.feature-card:hover,.post-card:hover{color:var(--text);box-shadow:var(--shadow-hover);border-color:color-mix(in srgb, var(--accent) 35%, var(--border));transform:translateY(-3px)}.card-cover{aspect-ratio:1200/630;background:var(--ink);position:relative;overflow:hidden}.cover{width:100%;height:100%;display:block}.cover-img{object-fit:cover;background:#fff}.post-cover:has(.cover-img){aspect-ratio:1200/630;max-width:760px}.cover-credit{max-width:760px;color:var(--muted);text-align:center;margin:10px auto 0;font-size:13px}.feature-card .cover,.post-card .cover{transition:transform .4s}.feature-card:hover .cover,.post-card:hover .cover{transform:scale(1.03)}@media (width>=860px){.feature-card{grid-template-columns:1.15fr 1fr}.feature-card .card-cover{aspect-ratio:auto;min-height:100%}.feature-card .card-cover:has(.cover-img){aspect-ratio:1200/630;align-self:center;min-height:0}}.feature-body{flex-direction:column;justify-content:center;gap:12px;padding:26px 26px 28px;display:flex}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text);font-size:12.5px;font-weight:700}.feature-body h3{margin:0;font-size:clamp(22px,3vw,28px);line-height:1.25}.feature-body p,.post-card-body p{color:var(--text-2);margin:0;font-size:16px}.read-more{color:var(--accent-text);margin-top:4px;font-weight:600}.card-grid{gap:20px;margin-top:20px;display:grid}@media (width>=720px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1040px){.card-grid{grid-template-columns:repeat(3,1fr)}}.post-card-body{flex-direction:column;gap:10px;padding:18px 20px 20px;display:flex}.post-card-body h3{margin:0;font-size:19px;line-height:1.35}.how-grid{gap:16px;display:grid}@media (width>=720px){.how-grid{grid-template-columns:repeat(3,1fr)}}.how-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.how-icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent-text);border-radius:12px;place-items:center;margin-bottom:12px;display:inline-grid}.how-item h3{margin:0 0 6px;font-size:18px}.how-item p{color:var(--text-2);margin:0;font-size:15.5px;line-height:1.6}.post-head{background:var(--ink);color:var(--ink-text);padding-bottom:120px;position:relative;overflow:hidden}.post-head-bg{background:radial-gradient(520px 300px at 85% 0%, #6366f166, transparent 70%), radial-gradient(520px 300px at 0% 100%, #2dd4bf47, transparent 70%), linear-gradient(var(--ink-line) 1px, transparent 1px) 0 0 / 44px 44px, linear-gradient(90deg, var(--ink-line) 1px, transparent 1px) 0 0 / 44px 44px;position:absolute;inset:0}.post-head-inner{max-width:1064px;padding-top:40px;position:relative}.crumbs{color:var(--ink-muted);gap:8px;margin-bottom:18px;font-size:14px;display:flex}.crumbs a{color:#5eead4;text-decoration:none}.post-head h1{color:#fff;margin:0 0 16px;font-size:clamp(30px,5.5vw,48px);line-height:1.12}.lang-zh .post-head h1{line-height:1.3}.post-head .lede{color:#b8c2d3;max-width:720px;margin:0 0 24px;font-size:18.5px;line-height:1.6}.byline{align-items:center;gap:12px;display:flex}.byline strong{color:#fff;font-weight:600}.byline .meta{color:var(--ink-muted);font-size:13.5px}.avatar{background:var(--grad);color:#fff;width:40px;height:40px;font-family:var(--font-head);border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid}.avatar-lg{width:52px;height:52px;font-size:20px}.post-cover{aspect-ratio:12/5;border:1px solid #ffffff14;border-radius:18px;max-width:1008px;margin:-96px auto 0;position:relative;overflow:hidden;box-shadow:0 30px 70px #02061759}@media (width<=640px){.post-head{padding-bottom:80px}.post-cover{border-radius:12px;margin-top:-60px}}.post-layout{gap:48px;max-width:1064px;padding-top:36px;display:grid}.post-main{width:100%;min-width:0;max-width:720px;margin:0 auto}.toc{display:none}@media (width>=1120px){.post-layout{grid-template-columns:minmax(0,720px) 240px}.post-main{margin:0}.toc{display:block}.toc-mobile{display:none}}.toc-inner{border-left:1px solid var(--border);padding-left:18px;font-size:14px;position:sticky;top:92px}.toc-title,.spec-label,.author-title{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:12px;font-weight:700}.toc ol,.toc-mobile ol{margin:0;padding:0;list-style:none}.toc li{margin:0 0 8px;line-height:1.45}.toc a{color:var(--muted);text-decoration:none;display:block;position:relative}.toc a:hover{color:var(--text)}.toc a.on{color:var(--accent-text);font-weight:600}.toc a.on:before{content:"";background:var(--accent);border-radius:2px;width:2px;position:absolute;top:2px;bottom:2px;left:-19px}.toc-mobile{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:0 0 28px;padding:12px 16px;font-size:15px}.toc-mobile summary{cursor:pointer;font-weight:600}.toc-mobile ol{margin-top:10px}.toc-mobile li{margin:6px 0}.takeaways{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin:0 0 20px;padding:22px 24px 20px;position:relative;overflow:hidden}.takeaways:before{content:"";background:var(--grad);height:4px;position:absolute;top:0;left:0;right:0}.takeaways h2{margin:0 0 12px;font-size:18px}.takeaways ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.takeaways li{color:var(--text-2);padding-left:30px;line-height:1.6;position:relative}.takeaways li:before{content:"";background:var(--accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='%230d9488' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 20px no-repeat;border-radius:50%;width:20px;height:20px;position:absolute;top:4px;left:0}.spec{background:var(--surface-2);border-radius:12px;align-items:flex-start;gap:14px;margin:0 0 20px;padding:14px 16px;display:flex}.spec-icon{background:var(--ink);color:#5eead4;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:inline-grid}.spec-label{margin-bottom:2px}.spec-text{font-family:var(--font-mono);color:var(--text-2);font-size:13.5px;line-height:1.6}.lang-zh .spec-text{font-family:var(--font-sans);font-size:14px}.note{background:var(--note-bg);border:1px solid var(--note-border);border-radius:12px;margin:0 0 20px;padding:12px 16px;font-size:15px}.prose{overflow-wrap:break-word;color:var(--text-2);font-size:17.5px;line-height:1.8}.lang-zh .prose{font-size:17px;line-height:1.9}.prose>:first-child{margin-top:0}.prose h2{color:var(--text);margin:52px 0 14px;font-size:clamp(22px,3.2vw,27px);line-height:1.3}.prose h3{color:var(--text);margin:32px 0 10px;font-size:20px}.prose p,.prose ul,.prose ol{margin:0 0 18px}.prose ul,.prose ol{padding-left:22px}.prose li{margin:6px 0}.prose li::marker{color:var(--accent)}.prose strong{color:var(--text);font-weight:650}.prose a{font-weight:500}.prose img{border:1px solid var(--border);border-radius:12px;max-width:100%;height:auto}.prose blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:24px 0;padding:4px 18px}.prose :not(pre)>code{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:1px 6px;font-size:.86em}.prose pre{font-family:var(--font-mono);border:1px solid #ffffff0f;border-radius:14px;margin:24px 0;padding:44px 18px 18px;font-size:14px;line-height:1.65;position:relative;overflow-x:auto;box-shadow:0 14px 40px #0206172e}.prose pre:before{content:"";background:#f87171;border-radius:50%;width:10px;height:10px;position:absolute;top:16px;left:16px;box-shadow:16px 0 #fbbf24,32px 0 #34d399}.prose pre[data-language]:after{content:attr(data-language);color:#8b949e;text-transform:lowercase;font-size:12px;position:absolute;top:11px;right:16px}.prose pre code{font-family:inherit}.prose table{border-collapse:separate;border-spacing:0;border:1px solid var(--border);background:var(--surface);border-radius:12px;width:100%;margin:24px 0;font-size:15.5px;line-height:1.55;display:block;overflow-x:auto}.prose thead th{background:var(--surface-2);color:var(--text);font-weight:650}.prose th,.prose td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:12px 14px}.prose tr:last-child td{border-bottom:0}.tags{flex-wrap:wrap;gap:8px;margin:40px 0 0;padding:0;list-style:none;display:flex}.tags li{color:var(--text-2);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:3px 12px;font-size:13.5px}.author-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:16px;margin-top:32px;padding:22px;display:flex}.author-title{margin-bottom:4px}.author-box p{color:var(--text-2);margin:0 0 6px;font-size:15.5px;line-height:1.6}.author-box a{font-size:15px;font-weight:600;text-decoration:none}.back-link{margin-top:28px;font-weight:600;text-decoration:none;display:inline-block}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.section-link{font-size:15px;font-weight:600;text-decoration:none}.tools-grid{gap:20px;display:grid}@media (width>=860px){.tools-grid{grid-template-columns:repeat(2,1fr)}.tools-grid-compact{grid-template-columns:repeat(3,1fr)}}.tool-card{--c1:#38bdf8;--c2:#2dd4bf;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:14px;padding:22px;display:flex;position:relative;overflow:hidden}.tool-card[hidden]{display:none}.tool-card:before{content:"";background:linear-gradient(90deg, var(--c1), var(--c2));height:3px;position:absolute;top:0;left:0;right:0}.cat-voice{--c1:#2dd4bf;--c2:#818cf8}.cat-video{--c1:#fb7185;--c2:#fbbf24}.cat-docs{--c1:#fbbf24;--c2:#a3e635}.cat-coding{--c1:#818cf8;--c2:#c084fc}.tool-top{align-items:flex-start;gap:12px;display:flex}.tool-avatar{background:linear-gradient(135deg, var(--c1), var(--c2));color:#0a0f1e;width:46px;height:46px;font-family:var(--font-head);border-radius:12px;flex:none;place-items:center;font-size:22px;font-weight:700;display:inline-grid}.tool-logo{background:#fff;border:1px solid #e2e8f0;padding:8px;overflow:hidden}.tool-logo-padded{padding:0}.tool-logo img{object-fit:contain;width:100%;height:100%;display:block}.tool-name{font-family:var(--font-head);color:var(--text);font-size:19px;font-weight:700;line-height:1.25}.tool-sub{color:var(--muted);font-size:13.5px;line-height:1.6;display:block}.tool-sub .dot-sep{vertical-align:middle;margin:0 7px;display:inline-block}.tool-summary{color:var(--text-2);margin:0;font-size:15.5px;line-height:1.6}.tool-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:11.5px;font-weight:700;display:block}.tool-verdict{background:var(--surface-2);border-radius:10px;padding:12px 14px}.tool-verdict p{color:var(--text);margin:0;font-size:15.5px;line-height:1.6}.tool-compact .tool-verdict{background:0 0;padding:0}.tool-compact .tool-verdict p{color:var(--text-2)}.tool-pc{gap:14px;display:grid}@media (width>=560px){.tool-pc{grid-template-columns:1fr 1fr}}.pc-list{color:var(--text-2);gap:6px;margin:0;padding:0;font-size:14.5px;line-height:1.5;list-style:none;display:grid}.pc-list li{padding-left:22px;position:relative}.pc-list li:before{font-weight:700;position:absolute;top:0;left:0}.pc-pros li:before{content:"+";color:#10b981}.pc-cons li:before{content:"−";color:#f43f5e}.tool-actions{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:auto;padding-top:4px;display:flex}.btn-tool{background:var(--ink);color:#fff;padding:9px 18px;font-size:14.5px}.btn-tool:hover{background:linear-gradient(100deg, var(--c1), var(--c2));color:#0a0f1e}.tool-more{font-size:14.5px;font-weight:600;text-decoration:none}.tool-linknote{color:var(--muted);text-align:right;flex-basis:100%;font-size:12px}.tools-used{gap:16px;margin-top:44px;display:grid}.tools-used h2{margin:0;font-size:22px}.tool-inline{margin:28px 0}.prose .tool-card ul{margin:0;padding-left:0}.prose .tool-card li,.prose .tool-card p{margin:0}.prose .tool-card a{font-weight:600}.tool-inline .tool-card{font-size:16px}.band{background:var(--ink);color:var(--ink-text);position:relative;overflow:hidden}.band-bg{background:radial-gradient(520px 300px at 85% 0%, #6366f166, transparent 70%), radial-gradient(520px 300px at 5% 100%, #2dd4bf4d, transparent 70%), linear-gradient(var(--ink-line) 1px, transparent 1px) 0 0 / 44px 44px, linear-gradient(90deg, var(--ink-line) 1px, transparent 1px) 0 0 / 44px 44px;position:absolute;inset:0}.band-inner{padding-top:52px;padding-bottom:52px;position:relative}.band h1{color:#fff;margin:0 0 12px;font-size:clamp(30px,5.5vw,46px);line-height:1.15}.band p{color:#b8c2d3;max-width:640px;margin:0;font-size:18px;line-height:1.6}.filters{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.filter{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:14.5px;font-weight:500}.filter:hover{color:var(--text)}.filter.on{background:var(--ink);border-color:var(--ink);color:#fff}.prose img.mascot{float:right;shape-outside:circle(50%);border:0;border-radius:0;width:170px;height:auto;margin:4px 0 12px 20px}@media (width<=600px){.prose img.mascot{float:none;width:140px;margin:0 auto 12px;display:block}}.prose h2{clear:both}.prose .credit{clear:both;color:var(--muted);margin-top:32px;font-size:13.5px}.video{margin:28px 0}.video-facade,.video-frame{aspect-ratio:16/9;border:0;border-radius:14px;width:100%;display:block;overflow:hidden}.video-facade{cursor:pointer;background-color:var(--ink);color:#fff;font:inherit;text-align:left;background-image:linear-gradient(135deg,#0a0f1e,#1e1b4b);background-position:50%;background-size:cover;padding:0;position:relative}.video-shade{background:linear-gradient(#02061726 40%,#020617d9);position:absolute;inset:0}.video-play{background:var(--grad);border-radius:50%;place-items:center;width:68px;height:68px;transition:transform .15s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #0006}.video-facade:hover .video-play{transform:translate(-50%,-50%)scale(1.08)}.video-title{font-size:16px;font-weight:600;line-height:1.4;position:absolute;bottom:14px;left:18px;right:18px}.video figcaption{color:var(--muted);margin-top:8px;font-size:14px}.video-note{display:block}.page{max-width:720px;margin:0 auto;padding:56px 16px 0}.page h1{color:var(--text);margin:0 0 20px;font-size:clamp(30px,5.5vw,42px);line-height:1.15}.site-footer{background:var(--ink);color:var(--ink-muted);margin-top:88px;font-size:14.5px}.footer-grid{gap:24px;padding-top:40px;padding-bottom:28px;display:grid}@media (width>=720px){.footer-grid{grid-template-columns:1fr auto;align-items:start}}.footer-brand p{max-width:420px;margin:12px 0 0}.brand-on-dark,.brand-on-dark:hover{color:#fff}.footer-links{flex-wrap:wrap;gap:8px 22px;display:flex}.footer-links a{color:var(--ink-text);text-decoration:none}.footer-links a:hover{color:#5eead4}.footer-bottom{border-top:1px solid var(--ink-line);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:18px;padding-bottom:28px;font-size:13.5px;display:flex}