:root{--canvas: #ffffff;--ghost: #f7f8fa;--ghost-2: #eef2f6;--steel: #e6ebf1;--cadet: #d4dce7;--ink: #000000;--ui: #314158;--slate: #45556c;--midnight: #1d293d;--smoke: #64748b;--stone: #99a1af;--cyan: #00bcff;--cyan-2: #00a6f4;--aqua: #53eafd;--lagoon: #cefafe;--pink: #ed6aff;--purple: #8e51ff;--lime: #00c950;--red: #ff2056;--radius: 8px;--radius-lg: 12px;--shadow-card: 0 10px 28px rgba(29, 41, 61, .07);--shadow-soft: 0 1px 2px rgba(29, 41, 61, .04), 0 8px 18px rgba(29, 41, 61, .045);--shadow-inset: inset 0 0 0 1px rgba(49, 65, 88, .06);--shadow-pop: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1);--anchor-offset: 92px;--font-sans: "IBM Plex Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;--font-mono: "iA Writer Mono", "SFMono-Regular", "IBM Plex Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--anchor-offset)}body{margin:0;font-family:var(--font-sans);color:var(--ink);background:var(--canvas);font-size:16px;line-height:1.72;letter-spacing:.03em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none;transition:opacity .18s ease,color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.article-body a:hover,.side-box a:hover,.nav a:hover,.footer-grid a:hover,.toc a:hover,.toc-drawer__link:hover,.more:hover,.header-search:hover{opacity:.8}button,input{font:inherit}p,h1,h2,h3{margin-top:0}::selection{background:var(--lagoon);color:#104e64}.site-header{position:sticky;top:0;z-index:20;box-shadow:0 1px #31415814;background:#ffffffeb;backdrop-filter:blur(16px)}.header-inner{max-width:1180px;min-height:64px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:var(--ui);white-space:nowrap}.brand-mark{width:32px;height:32px;display:inline-grid;place-items:center;border:0;border-radius:var(--radius);background:var(--ghost);color:var(--ink);font-family:var(--font-mono);font-size:12px;letter-spacing:0;box-shadow:inset 0 -1px 0 var(--ghost-2)}.brand-text{display:grid;gap:0;line-height:1.1}.brand-sub{color:var(--stone);font-family:var(--font-mono);font-size:10px;font-weight:400;letter-spacing:0}.nav{display:flex;align-items:center;gap:18px;color:var(--smoke);font-size:14px}.nav a{padding:4px 0}.nav a:hover{color:var(--ink)}.header-search{margin-left:auto;width:min(360px,34vw);display:flex;align-items:center;gap:8px;border:0;border-radius:var(--radius);padding:8px 10px;color:var(--stone);background:var(--ghost);box-shadow:var(--shadow-inset);font-size:13px}.search-dot{width:10px;height:10px;border:1.5px solid var(--cyan-2);border-radius:999px;flex:0 0 auto}.menu-btn{display:none;margin-left:auto;width:38px;height:38px;border:0;border-radius:var(--radius);background:var(--ghost);box-shadow:var(--shadow-inset);align-items:center;justify-content:center}.menu-btn:before{content:"";width:16px;height:10px;border-top:2px solid var(--ui);border-bottom:2px solid var(--ui)}.container{max-width:1180px;margin:0 auto;padding:0 24px}.narrow{max-width:860px}.hero{background:linear-gradient(180deg,#fff 0%,var(--ghost) 100%);box-shadow:inset 0 -1px #3141580f}.hero-inner{max-width:1180px;margin:0 auto;padding:64px 24px 50px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:40px;align-items:center}.page-hero{padding:56px 0 34px;box-shadow:inset 0 -1px #3141580f;background:var(--ghost)}.eyebrow{display:inline-flex;width:fit-content;align-items:center;gap:6px;color:#104e64;background:var(--lagoon);border:0;border-radius:4px;box-shadow:inset 0 0 0 1px #00bcff33;padding:4px 8px;font-family:var(--font-mono);font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.02em;text-transform:uppercase}h1{margin:14px 0 18px;color:var(--ink);font-size:clamp(34px,5vw,60px);line-height:1.12;letter-spacing:-.045em;font-weight:700}h1 strong{color:var(--purple);font-weight:700}h2{margin:4px 0 0;color:var(--ui);font-size:26px;line-height:1.32;letter-spacing:-.03em;font-weight:700}h3{margin:0;color:var(--ui);font-size:18px;line-height:1.45;letter-spacing:-.02em;font-weight:700}.lead{max-width:720px;margin-bottom:22px;color:var(--slate);font-size:17px}.meta{color:var(--smoke);font-size:13px}.hero-actions,.tag-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 18px;border:0;border-radius:var(--radius-lg);background:var(--ghost-2);box-shadow:var(--shadow-inset);color:var(--ink);font-size:15px;font-weight:700;line-height:1.2;transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-1px);background:#eaf0f7;box-shadow:var(--shadow-soft)}.btn.is-disabled{cursor:default;opacity:.68;transform:none;pointer-events:none}.btn.primary{background:var(--cyan);box-shadow:0 10px 22px #00bcff2e;color:var(--canvas)}.btn.cta,.btn.dark{background:var(--midnight);box-shadow:0 10px 22px #1d293d24;color:var(--canvas)}.pill{display:inline-flex;align-items:center;gap:4px;border:0;border-radius:4px;background:var(--ghost-2);box-shadow:var(--shadow-inset);color:var(--ui);padding:3px 8px;font-family:var(--font-mono);font-size:12px;line-height:1.35;white-space:nowrap;letter-spacing:0}.pill.solid{background:var(--midnight);box-shadow:none;color:var(--canvas)}.pill.cta,.pill.accent{background:var(--lagoon);box-shadow:inset 0 0 0 1px #00bcff26;color:#104e64;max-width:40px;justify-content:center}.pill.pink{background:#fdf4ff;box-shadow:inset 0 0 0 1px #ed6aff24;color:#a21caf}section{padding:48px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;padding-bottom:12px;box-shadow:inset 0 -1px #31415812;margin-bottom:20px}.more{color:var(--cyan-2);font-size:14px;font-weight:700;white-space:nowrap}.grid-2,.grid-3,.grid-4{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card,.soft-card,.useful-card,.side-box,.chip,.notice,.search-box,.list-card{border:0;border-radius:var(--radius);background:var(--canvas);box-shadow:var(--shadow-inset),var(--shadow-soft)}.card{padding:16px}.soft-card{background:var(--ghost);padding:20px;box-shadow:var(--shadow-inset)}.hero .soft-card{box-shadow:var(--shadow-card);background:#ffffffd6}.article-card{display:flex;flex-direction:column;gap:12px;min-height:100%}.article-card__link{display:flex;flex-direction:column;gap:12px;min-height:100%;color:inherit;text-decoration:none}.article-card p{margin:0;color:var(--smoke);font-size:14px}.thumb{aspect-ratio:16 / 9;border:0;border-radius:var(--radius);background:var(--ghost);box-shadow:var(--shadow-inset);display:grid;place-items:center;color:var(--stone);font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:0;position:relative;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}.thumb:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--steel) 1px,transparent 1px),linear-gradient(90deg,var(--steel) 1px,transparent 1px);background-size:24px 24px;opacity:.32}.thumb>*,.thumb{isolation:isolate}.thumb--image{background-size:cover;background-position:center;background-repeat:no-repeat}.thumb--image:before{background:linear-gradient(180deg,#11182700,#11182729);opacity:1}.card-footer{margin-top:auto;display:flex;justify-content:space-between;gap:10px;align-items:center;padding-top:8px}.feature-row,.content-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;align-items:start}.feature-card h3{font-size:23px}.stack{display:grid;gap:14px}.chip{min-height:78px;padding:14px;display:flex;flex-direction:column;justify-content:center;gap:5px}.chip strong{display:flex;justify-content:space-between;gap:10px;color:var(--ui);font-size:15px}.chip small{color:var(--cyan-2);font-family:var(--font-mono)}.chip span{color:var(--smoke);font-size:13px}.list{display:grid;gap:12px}.list-card{display:grid;grid-template-columns:minmax(0,156px) minmax(0,1fr);gap:14px;align-items:stretch;padding:12px;overflow:hidden}.list-card .thumb{width:100%;max-width:156px;min-width:0;aspect-ratio:4 / 3}.list-card>div:not(.thumb){min-width:0}.sidebar{position:sticky;top:84px;display:grid;gap:12px}.side-box{background:var(--ghost);padding:16px}.side-box h3{font-size:15px;margin-bottom:10px}.side-box ul,.clean-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;color:var(--smoke);font-size:14px}.notice{background:var(--lagoon);color:#104e64;padding:16px;box-shadow:inset 0 0 0 1px #00bcff24}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}.article-body{max-width:780px}.article-body h1{margin:0 0 22px;font-size:26px;line-height:1.32;letter-spacing:0}.article-date{margin:-8px 0 28px;color:var(--smoke);font-size:14px;letter-spacing:.03em}.article-date time{color:var(--stone)}.article-body h2{margin-top:38px;padding-top:20px;box-shadow:inset 0 1px #31415812}.article-body h1,.article-body h2{scroll-margin-top:var(--anchor-offset)}.article-body h3{margin-top:28px}.article-body p{color:var(--slate)}.article-body ul,.article-body ol{color:var(--slate);line-height:1.85;padding-left:1.3em}.article-body blockquote{margin:18px 0;padding:14px 18px;border-left:3px solid var(--cyan-2);background:#38bdf814;color:var(--slate)}.article-body blockquote p{margin-bottom:0}.article-body blockquote p+p{margin-top:1rem}.article-body img{display:block;width:100%;height:auto;margin:28px 0;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);cursor:zoom-in}.article-body .article-eyecatch{margin-top:0}.article-body img:focus-visible{outline:2px solid var(--cyan-2);outline-offset:4px}.article-body table{width:100%;border-collapse:collapse;margin:18px 0;overflow:hidden;border-radius:var(--radius);box-shadow:var(--shadow-inset),var(--shadow-soft)}.article-body th,.article-body td{padding:12px 14px;border-bottom:1px solid rgba(148,163,184,.14);color:var(--slate);text-align:left}.article-body th{color:var(--ink);background:#0f172ab8}.article-body hr{border:0;height:1px;margin:28px 0;background:#94a3b829}.toc a{display:block;padding:5px 0;color:var(--smoke);font-size:14px}.search-box{display:flex;align-items:center;gap:10px;background:var(--canvas);padding:13px 14px;color:var(--stone)}.search-box input{width:100%;min-width:0;border:0;background:transparent;color:var(--ink);outline:none}.search-box input::placeholder{color:var(--stone)}.search-helper{margin:10px 0 0;color:var(--smoke);font-size:13px}.list-card[hidden]{display:none}.site-footer{margin-top:32px;box-shadow:inset 0 1px #3141580f;background:var(--ghost);padding:32px 0;color:var(--smoke);font-size:14px}.footer-grid{display:grid;grid-template-columns:minmax(220px,1.2fr) repeat(3,minmax(120px,.5fr));gap:24px}.footer-grid h3{margin-bottom:8px;font-size:14px;color:var(--ui)}.footer-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}.footer-grid a:hover{color:var(--cyan-2)}.footer-muted{color:var(--stone)}.copyright{display:flex;justify-content:space-between;gap:16px;box-shadow:inset 0 1px #31415812;margin-top:20px;padding-top:14px;font-family:var(--font-mono);font-size:12px;color:var(--stone)}.start-card{border:0;border-radius:var(--radius-lg);background:var(--ghost);padding:24px;box-shadow:var(--shadow-card)}.start-card h2{margin-top:14px;color:var(--ink);font-size:28px}.start-list{display:grid;gap:12px;margin-top:20px}.start-item{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:14px;align-items:center;min-height:70px;padding:14px 16px;border:0;border-radius:var(--radius-lg);background:var(--canvas);box-shadow:var(--shadow-inset),var(--shadow-soft);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.start-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-card)}.start-item strong{color:var(--ink);font-size:16px;line-height:1.45}.start-item .pill{justify-self:end}.rank-num{width:28px;height:28px;display:grid;place-items:center;border-radius:var(--radius-lg);background:#eef2ff;color:var(--purple);font-family:var(--font-mono);font-size:13px;font-weight:700}.tool-rank{display:grid;gap:10px;margin-top:16px}.tool-rank a{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:0;border-radius:var(--radius);background:var(--canvas);box-shadow:var(--shadow-inset),var(--shadow-soft)}.monetize-strip{background:var(--ghost);box-shadow:inset 0 -1px #3141580d}.monetize-card{display:flex;justify-content:space-between;gap:20px;align-items:center;border:0;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--lagoon),#f8fdff);box-shadow:var(--shadow-inset),var(--shadow-soft);padding:20px 24px;color:#104e64}.monetize-card h2{color:#104e64}.monetize-card p{margin-bottom:0}.useful-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.useful-card{padding:20px;display:flex;flex-direction:column;gap:12px;height:100%;min-width:0;overflow:hidden}.useful-card h3{font-size:18px;min-height:2.9em}.useful-card .meta{min-height:4.8em}.useful-card .pill{justify-self:start;align-self:flex-start;max-width:100%;white-space:normal}.useful-card .btn{margin-top:auto;width:min(100%,280px);background:var(--ghost-2);color:var(--ink)}.useful-card .btn:hover{background:var(--lagoon);box-shadow:inset 0 0 0 1px #00bcff29}.disclaimer{margin:0;color:var(--stone);font-size:11px;font-family:var(--font-mono);line-height:1.55;min-height:1.7em}.dark-proof{background:var(--midnight);color:var(--canvas);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-pop)}.dark-proof h2,.dark-proof h3{color:var(--canvas)}.dark-proof .meta{color:#cbd5e1}.review-matrix{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.metric{border:0;border-radius:var(--radius);background:var(--canvas);padding:14px;box-shadow:var(--shadow-inset),var(--shadow-soft)}.metric strong{display:block;color:var(--ui);font-size:20px;line-height:1.2}.metric span{color:var(--smoke);font-family:var(--font-mono);font-size:12px}.code-card{border:0;border-radius:var(--radius);background:var(--canvas);padding:16px;box-shadow:var(--shadow-inset),var(--shadow-pop);font-family:var(--font-mono);color:var(--ui);font-size:13px;line-height:1.7;overflow:auto}.pr-box{border:0;border-radius:var(--radius-lg);background:var(--lagoon);padding:18px;display:grid;gap:12px;box-shadow:inset 0 0 0 1px #00bcff24,var(--shadow-soft)}.pr-box h3{color:#104e64}.pr-box .btn{width:fit-content}.feature-row,.feature-row>*,.feature-card,.feature-card>*,.side-pick,.stack{min-width:0}.feature-card,.side-pick{width:100%;max-width:100%;box-sizing:border-box}.feature-card{padding:14px;box-shadow:var(--shadow-inset),var(--shadow-card)}.feature-card .feature-thumb{width:100%;max-width:100%;min-height:330px;box-sizing:border-box;background-size:cover;background-color:var(--ghost);background-image:repeating-linear-gradient(135deg,transparent 0 10px,rgba(148,163,184,.12) 10px 12px)}.feature-card .feature-thumb:before{display:none}.feature-card h3{color:var(--ink);font-size:24px;line-height:1.42;letter-spacing:-.03em}.side-pick{padding:18px;box-shadow:var(--shadow-inset),var(--shadow-soft)}.side-pick__link{display:flex;flex-direction:column;gap:10px;min-height:100%;color:inherit;text-decoration:none}.side-pick__thumb{aspect-ratio:16 / 9;margin-bottom:2px}.side-pick .pill{margin-bottom:8px}@media(max-width:900px){.header-inner{padding:0 18px}.nav,.header-search{display:none}.menu-btn{display:inline-flex}.site-header.is-open .header-inner{min-height:64px;align-items:center;flex-wrap:wrap;padding-bottom:14px}.site-header.is-open .nav{order:3;width:100%;display:flex;overflow-x:auto;padding-top:8px}.site-header.is-open .header-search{order:4;width:100%;display:flex;margin-left:0}.container{padding:0 18px}.hero-inner{grid-template-columns:1fr;padding:44px 18px 34px}.grid-2,.grid-3,.grid-4,.feature-row,.content-layout,.article-layout,.footer-grid,.useful-grid,.review-matrix{grid-template-columns:1fr}.sidebar{position:static}.monetize-card{display:grid}.feature-row{grid-template-columns:minmax(0,1fr);overflow:hidden}.feature-card .feature-thumb{width:100%;min-height:0;aspect-ratio:16 / 9}.useful-card .btn{width:100%}.useful-card h3,.useful-card .meta,.useful-card .disclaimer{min-height:0}}@media(max-width:560px){body{font-size:15px}.article-body{font-size:16px}h1{font-size:clamp(34px,12vw,48px)}.brand-sub{display:none}.page-hero{padding:34px 0 24px}section{padding:34px 0}.section-head{display:grid;gap:6px}.hero-actions .btn{width:100%}.list-card{grid-template-columns:1fr}.list-card .thumb{aspect-ratio:16 / 9}.tool-rank a,.start-item{grid-template-columns:28px minmax(0,1fr)}.tool-rank .pill,.start-item .pill{grid-column:2;width:fit-content;justify-self:start}.copyright{display:grid}}h1 .hero-line{display:block}.hero-actions .btn,.monetize-card .btn,.section-head .more,.useful-card .btn,.start-item .pill,.useful-card .pill{white-space:nowrap}@media(max-width:900px){h1{font-size:clamp(34px,10.5vw,50px)}}@media(max-width:560px){h1{font-size:clamp(32px,11vw,44px);letter-spacing:-.055em}.monetize-card .btn,.useful-card .btn{width:100%}}:root{--canvas: #0b1020;--ghost: #111827;--ghost-2: #172033;--steel: rgba(148, 163, 184, .16);--cadet: rgba(148, 163, 184, .22);--ink: #f8fafc;--ui: #e5e7eb;--slate: #cbd5e1;--midnight: #050816;--smoke: #94a3b8;--stone: #64748b;--cyan: #38bdf8;--cyan-2: #67e8f9;--aqua: #89dceb;--lagoon: rgba(56, 189, 248, .12);--pink: #f38ba8;--purple: #c084fc;--lime: #a6e3a1;--red: #fb7185;--radius: 10px;--radius-lg: 14px;--shadow-card: 0 22px 50px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255,255,255,.04);--shadow-soft: 0 10px 26px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255,255,255,.035);--shadow-inset: inset 0 0 0 1px rgba(148, 163, 184, .14);--shadow-pop: 0 24px 60px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255,255,255,.045)}html{background:var(--canvas)}body{color:var(--ink);background:radial-gradient(circle at 18% 0%,rgba(192,132,252,.18),transparent 34rem),radial-gradient(circle at 86% 10%,rgba(56,189,248,.14),transparent 32rem),linear-gradient(180deg,#0b1020,#0d1326 42%,#0b1020)}::selection{background:#c084fc57;color:#fff}.site-header{background:#0b1020c7;box-shadow:inset 0 -1px #94a3b81f;backdrop-filter:blur(18px) saturate(1.15)}.brand{color:var(--ink)}.brand-mark{background:linear-gradient(135deg,#38bdf829,#c084fc29);color:var(--cyan-2);box-shadow:var(--shadow-inset)}.brand-sub{color:var(--stone)}.nav{color:var(--smoke)}.nav a:hover{color:var(--cyan-2)}.header-search,.menu-btn{background:#111827b8;color:var(--smoke);box-shadow:var(--shadow-inset)}.menu-btn:before{border-color:var(--slate)}.search-dot{border-color:var(--cyan-2);box-shadow:0 0 18px #38bdf842}.hero{background:radial-gradient(circle at 16% 8%,rgba(192,132,252,.18),transparent 30rem),radial-gradient(circle at 80% 20%,rgba(56,189,248,.12),transparent 30rem),linear-gradient(180deg,#0b1020,#0f172a);box-shadow:inset 0 -1px #94a3b81f}.page-hero{background:radial-gradient(circle at 20% 0%,rgba(192,132,252,.16),transparent 30rem),var(--ghost);box-shadow:inset 0 -1px #94a3b81f}.eyebrow{color:var(--cyan-2);background:#38bdf81a;box-shadow:inset 0 0 0 1px #38bdf847}h1{color:var(--ink)}h1 strong{color:var(--purple);text-shadow:0 0 36px rgba(192,132,252,.18)}h2,h3{color:var(--ui)}.lead,.article-body p{color:var(--slate)}.meta{color:var(--smoke)}.more{color:var(--cyan-2)}.section-head{box-shadow:inset 0 -1px #94a3b821}.btn{background:#1e293bd1;color:var(--ink);box-shadow:var(--shadow-inset)}.btn:hover{background:#334155db;box-shadow:var(--shadow-soft)}.btn.primary{background:linear-gradient(135deg,#38bdf8,#818cf8);color:#06111f;box-shadow:0 14px 30px #38bdf838,inset 0 1px #ffffff47}.btn.cta,.btn.dark{background:linear-gradient(135deg,#c084fcf0,#818cf8f5);color:#fff;box-shadow:0 16px 36px #818cf83d,inset 0 1px #ffffff2e}.pill{background:#1e293bd6;color:var(--slate);box-shadow:var(--shadow-inset)}.pill.solid{background:#c084fc2e;color:#e9d5ff;box-shadow:inset 0 0 0 1px #c084fc42}.pill.cta,.pill.accent{background:#38bdf81f;color:var(--cyan-2);box-shadow:inset 0 0 0 1px #38bdf83d;max-width:40px;justify-content:center}.pill.pink{background:#f38ba821;color:#fecdd3;box-shadow:inset 0 0 0 1px #f38ba838}.card,.useful-card,.side-box,.chip,.notice,.search-box,.list-card,.metric,.code-card,.pr-box{background:#111827b8;box-shadow:var(--shadow-inset),var(--shadow-soft)}.card:hover,.chip:hover,.list-card:hover,.useful-card:hover{box-shadow:var(--shadow-inset),var(--shadow-card)}.soft-card,.side-box{background:#0f172abd;box-shadow:var(--shadow-inset),var(--shadow-soft)}.hero .soft-card,.start-card{background:#0f172ab8;box-shadow:var(--shadow-card);backdrop-filter:blur(8px)}.article-card p,.chip span,.side-box ul,.clean-list,.toc a{color:var(--smoke)}.chip strong{color:var(--ui)}.chip small{color:var(--cyan-2)}.thumb{background-color:#0f172ab3;background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--stone);box-shadow:var(--shadow-inset)}.thumb:before{background-image:linear-gradient(rgba(148,163,184,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.1) 1px,transparent 1px);opacity:.45}.feature-card{background:#111827b8;box-shadow:var(--shadow-inset),var(--shadow-card)}.feature-card .feature-thumb{background-color:#0f172ad9;background-image:repeating-linear-gradient(135deg,transparent 0 10px,rgba(148,163,184,.09) 10px 12px)}.feature-card h3{color:var(--ink)}.feature-card p{color:var(--slate)}.side-pick{background:#111827b8;box-shadow:var(--shadow-inset),var(--shadow-soft)}.start-card h2{color:var(--ink)}.start-item,.tool-rank a{background:#0b1020d1;box-shadow:var(--shadow-inset),var(--shadow-soft)}.start-item:hover{box-shadow:var(--shadow-inset),var(--shadow-card)}.start-item strong{color:var(--ink)}.rank-num{background:#c084fc26;color:#d8b4fe;box-shadow:inset 0 0 0 1px #c084fc29}.monetize-strip{background:#0f172a75;box-shadow:inset 0 -1px #94a3b814,inset 0 1px #94a3b814}.monetize-card{background:linear-gradient(135deg,#38bdf821,#c084fc1c);color:var(--slate);box-shadow:var(--shadow-inset),var(--shadow-soft)}.monetize-card h2{color:var(--ink)}.notice,.pr-box{background:#38bdf81a;color:var(--cyan-2);box-shadow:inset 0 0 0 1px #38bdf82e,var(--shadow-soft)}.pr-box h3{color:var(--cyan-2)}.useful-card .btn{background:#1e293be6;color:var(--ink)}.useful-card .btn.cta{width:100%;min-height:54px;background:#1e293beb;color:var(--ink);box-shadow:inset 0 0 0 1px #67e8f938,0 14px 30px #0f172a3d}.useful-card .btn:hover{background:#38bdf824;color:var(--cyan-2);box-shadow:inset 0 0 0 1px #38bdf838,var(--shadow-soft)}.useful-card .btn.cta:hover{background:#38bdf824;color:var(--cyan-2);box-shadow:inset 0 0 0 1px #67e8f952,0 16px 34px #38bdf81f}.disclaimer{color:var(--stone)}.useful-card .disclaimer{min-height:3.1em}.dark-proof{background:linear-gradient(135deg,#050816f5,#1e293beb);color:var(--ink);box-shadow:var(--shadow-pop)}.dark-proof h2,.dark-proof h3{color:var(--ink)}.dark-proof .meta{color:var(--smoke)}.metric strong{color:var(--ink)}.metric span{color:var(--smoke)}.code-card{color:var(--slate)}.search-box{color:var(--smoke)}.site-footer{background:#0b1020e0;color:var(--smoke);box-shadow:inset 0 1px #94a3b81a}.footer-grid h3{color:var(--ui)}.copyright{box-shadow:inset 0 1px #94a3b81f;color:var(--stone)}.has-lightbox{overflow:hidden}.image-lightbox{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:28px;background:#020617eb;backdrop-filter:blur(10px)}.image-lightbox.is-open{display:flex}.image-lightbox__figure{width:min(100%,1480px);max-height:calc(100vh - 56px);margin:0;display:grid;gap:12px}.image-lightbox__image{width:100%;max-height:calc(100vh - 112px);object-fit:contain;border-radius:var(--radius-lg);box-shadow:0 26px 80px #0000006b}.image-lightbox__caption{color:var(--smoke);text-align:center;font-size:13px}.image-lightbox__caption:empty{display:none}.image-lightbox__close{position:fixed;top:18px;right:18px;width:44px;height:44px;border:0;border-radius:999px;background:#1e293beb;color:var(--ink);box-shadow:inset 0 0 0 1px #94a3b833,var(--shadow-soft);font-size:26px;line-height:1;cursor:pointer}.image-lightbox__close:hover,.image-lightbox__close:focus-visible{background:#38bdf829;color:var(--cyan-2);outline:none}.back-to-top{position:fixed;right:18px;bottom:18px;z-index:900;width:46px;height:46px;border:0;border-radius:999px;background:#1e293beb;color:var(--ink);box-shadow:inset 0 0 0 1px #67e8f93d,0 16px 36px #0000003d;font-size:22px;font-weight:800;line-height:1;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease,background .18s ease,color .18s ease}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover,.back-to-top:focus-visible{background:#38bdf829;color:var(--cyan-2);outline:none}.toc-tab{position:fixed;right:0;top:46%;z-index:850;display:none;writing-mode:vertical-rl;letter-spacing:0;border:0;border-radius:10px 0 0 10px;background:#1e293bf0;color:var(--ink);padding:14px 8px;box-shadow:inset 0 0 0 1px #67e8f93d,0 16px 36px #0000003d;font-size:14px;font-weight:800;cursor:pointer}.toc-tab.is-ready{display:inline-flex}.toc-tab:hover,.toc-tab:focus-visible{background:#38bdf829;color:var(--cyan-2);outline:none}.toc-drawer{position:fixed;top:0;right:0;z-index:920;width:min(360px,calc(100vw - 44px));height:100vh;padding:22px;background:#0b1020f5;box-shadow:-24px 0 70px #00000057,inset 1px 0 #94a3b824;transform:translate(100%);transition:transform .22s ease;overflow-y:auto}.toc-drawer.is-open{transform:translate(0)}.toc-drawer__head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.toc-drawer__head h2{margin:0;color:var(--ink);font-size:20px}.toc-drawer__close{width:36px;height:36px;border:0;border-radius:999px;background:#1e293beb;color:var(--ink);box-shadow:inset 0 0 0 1px #94a3b833;font-size:22px;line-height:1;cursor:pointer}.toc-drawer__close:hover,.toc-drawer__close:focus-visible{background:#38bdf829;color:var(--cyan-2);outline:none}.toc-drawer__nav{display:grid;gap:6px}.toc-drawer__link{display:block;border-radius:8px;color:var(--smoke);padding:8px 10px;line-height:1.55;font-size:14px}.toc-drawer__link:hover,.toc-drawer__link:focus-visible{background:#38bdf81a;color:var(--cyan-2);outline:none}.toc-drawer__link.is-h1{color:var(--ink);font-weight:800}.toc-drawer__link.is-h2{padding-left:20px}.article-cta{margin-top:64px;padding:32px;border:1px solid rgba(96,220,255,.35);border-radius:24px;background:radial-gradient(circle at top left,rgba(96,220,255,.18),transparent 36%),linear-gradient(135deg,#12233afa,#0f162afa);box-shadow:0 20px 60px #00000059}.article-cta__label{display:inline-block;margin-bottom:12px;color:#67e8f9;font-size:.85rem;font-weight:700;letter-spacing:.04em}.article-cta h2{margin:0 0 12px;color:#f8fafc;font-size:clamp(1.4rem,3vw,2rem);line-height:1.45;box-shadow:none;padding-top:0}.article-cta p{margin:0 0 24px;color:#cbd5e1;line-height:1.8}.article-cta__button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:999px;background:linear-gradient(135deg,#c084fcf0,#818cf8f5);color:#fff;font-weight:800;text-decoration:none;box-shadow:0 16px 36px #818cf83d,inset 0 1px #ffffff2e}@media(max-width:560px){:root{--anchor-offset: 78px}body{background:linear-gradient(180deg,#0b1020,#0d1326)}.image-lightbox{padding:12px}.image-lightbox__figure{max-height:calc(100vh - 24px)}.image-lightbox__image{max-height:calc(100vh - 84px)}.image-lightbox__close{top:10px;right:10px}.back-to-top{right:12px;bottom:12px;width:42px;height:42px}.toc-tab{top:auto;bottom:66px;padding:12px 7px}.toc-drawer{width:min(340px,calc(100vw - 34px));padding:18px}.article-cta{padding:24px;border-radius:18px}.article-cta__button{width:100%}}.hero-copy h1,.hero h1{font-size:clamp(42px,4.45vw,54px);line-height:1.14;letter-spacing:-.055em;max-width:760px}.hero-copy h1 .hero-line,.hero h1 .hero-line{display:block;word-break:keep-all;overflow-wrap:normal;line-break:strict}.hero-copy h1 .hero-line:first-child,.hero h1 .hero-line:first-child,.hero-copy h1 .hero-line:nth-child(2),.hero h1 .hero-line:nth-child(2){white-space:nowrap}@media(max-width:1100px){.hero-copy h1,.hero h1{font-size:clamp(40px,4.2vw,50px)}}@media(max-width:900px){.hero-copy h1,.hero h1{font-size:clamp(40px,9vw,56px);max-width:100%}}@media(max-width:560px){.hero-copy h1,.hero h1{font-size:clamp(29px,9.4vw,38px);letter-spacing:-.035em;line-height:1.18;overflow-wrap:anywhere}.hero-inner{overflow:hidden}.hero-copy h1 .hero-line,.hero h1 .hero-line{word-break:normal;overflow-wrap:anywhere;line-break:auto}.hero-copy h1 .hero-line:first-child,.hero h1 .hero-line:first-child,.hero-copy h1 .hero-line:nth-child(2),.hero h1 .hero-line:nth-child(2){white-space:normal}}