:root{--font:"Inter", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "Cascadia Code", "JetBrains Mono", Consolas, "Liberation Mono", monospace;--bg:#f6f7f9;--surface:#fff;--surface-2:#f1f3f6;--surface-3:#e8ebf0;--border:#e2e5ea;--border-strong:#cdd2da;--text:#141821;--text-2:#475061;--text-3:#636b7a;--accent:#2f5bea;--accent-hover:#2149cc;--accent-soft:#ebf0ff;--accent-text:#2447c5;--on-accent:#fff;--ok:#15803d;--ok-soft:#e6f5ec;--warn:#a45a00;--warn-soft:#fff3df;--bad:#c42b2b;--bad-soft:#fdeceb;--info:#0a66c2;--info-soft:#e7f1fc;--mark:#ffe58a;--mark-text:#3d2e00;--cat-meta:#2f5bea;--cat-meta-soft:#ebf0ff;--cat-content:#0d8466;--cat-content-soft:#e3f5ef;--cat-tech:#7446d6;--cat-tech-soft:#f1ebfd;--cat-research:#c75b0c;--cat-research-soft:#fdf0e6;--code-bg:#f7f8fb;--code-key:#1f48c9;--code-str:#08734a;--code-num:#b04a00;--code-lit:#7a36d8;--code-punct:#6b7280;--code-comment:#6b7280;--shadow-sm:0 1px 2px #1018280f;--shadow:0 1px 2px #1018280d, 0 4px 12px #1018280f;--shadow-lg:0 12px 32px #10182824;--ring:0 0 0 3px #2f5bea47;--r-sm:8px;--r:12px;--r-lg:16px;--header-h:64px;--gutter:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0e1116;--surface:#161a21;--surface-2:#1d222b;--surface-3:#262c37;--border:#272d38;--border-strong:#3a4250;--text:#e8ebf0;--text-2:#b6bdc9;--text-3:#939bab;--accent:#6d8dff;--accent-hover:#87a1ff;--accent-soft:#6d8dff24;--accent-text:#a3b6ff;--on-accent:#0b1020;--ok:#4cc47a;--ok-soft:#4cc47a21;--warn:#f0a93b;--warn-soft:#f0a93b21;--bad:#ff7070;--bad-soft:#ff707021;--info:#5fb0ff;--info-soft:#5fb0ff1f;--mark:#ffd65a52;--mark-text:#fff3cc;--cat-meta:#7d99ff;--cat-meta-soft:#7d99ff24;--cat-content:#3fcaa2;--cat-content-soft:#3fcaa221;--cat-tech:#b495ff;--cat-tech-soft:#b495ff24;--cat-research:#ff9d57;--cat-research-soft:#ff9d5721;--code-bg:#0f1319;--code-key:#8fb0ff;--code-str:#6fd4a0;--code-num:#ffb275;--code-lit:#c9a6ff;--code-punct:#8a93a3;--code-comment:#7d8697;--shadow-sm:0 1px 2px #0006;--shadow:0 1px 2px #00000059, 0 4px 14px #0000004d;--shadow-lg:0 16px 40px #00000080;--ring:0 0 0 3px #6d8dff59;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0e1116;--surface:#161a21;--surface-2:#1d222b;--surface-3:#262c37;--border:#272d38;--border-strong:#3a4250;--text:#e8ebf0;--text-2:#b6bdc9;--text-3:#939bab;--accent:#6d8dff;--accent-hover:#87a1ff;--accent-soft:#6d8dff24;--accent-text:#a3b6ff;--on-accent:#0b1020;--ok:#4cc47a;--ok-soft:#4cc47a21;--warn:#f0a93b;--warn-soft:#f0a93b21;--bad:#ff7070;--bad-soft:#ff707021;--info:#5fb0ff;--info-soft:#5fb0ff1f;--mark:#ffd65a52;--mark-text:#fff3cc;--cat-meta:#7d99ff;--cat-meta-soft:#7d99ff24;--cat-content:#3fcaa2;--cat-content-soft:#3fcaa221;--cat-tech:#b495ff;--cat-tech-soft:#b495ff24;--cat-research:#ff9d57;--cat-research-soft:#ff9d5721;--code-bg:#0f1319;--code-key:#8fb0ff;--code-str:#6fd4a0;--code-num:#ffb275;--code-lit:#c9a6ff;--code-punct:#8a93a3;--code-comment:#7d8697;--shadow-sm:0 1px 2px #0006;--shadow:0 1px 2px #00000059, 0 4px 14px #0000004d;--shadow-lg:0 16px 40px #00000080;--ring:0 0 0 3px #6d8dff59;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px)}body{background:var(--bg);min-height:100vh;color:var(--text);font:400 15px/1.55 var(--font);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;display:flex;overflow-x:hidden}main{flex:1}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-weight:700;line-height:1.25}h1{letter-spacing:-.02em;font-size:clamp(1.6rem,1.2rem + 1.6vw,2.25rem)}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0}a{color:var(--accent-text);text-underline-offset:2px;text-decoration-thickness:1px}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}code,kbd{font-family:var(--mono);background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:.05em .35em;font-size:.9em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-soft)}[hidden]{display:none!important}.icon{flex:none;width:18px;height:18px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.container{width:100%;max-width:1200px;padding:0 var(--gutter);margin:0 auto}@media (min-width:768px){:root{--gutter:24px}}.muted{color:var(--text-3)}.nowrap{white-space:nowrap}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.skip-link{z-index:100;background:var(--accent);color:var(--on-accent);border-radius:var(--r-sm);padding:8px 14px;font-weight:600;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}.site-header{z-index:50;height:var(--header-h);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{align-items:center;gap:12px;height:100%;display:flex}.logo{color:var(--text);letter-spacing:-.01em;align-items:center;gap:10px;font-size:1.05rem;font-weight:750;text-decoration:none;display:inline-flex}.logo-mark{width:38px;height:38px;box-shadow:inset 0 0 0 1px var(--border);background:#fff;border-radius:11px;padding:2px}.main-nav{margin-left:auto}@media (min-width:768px){.main-nav{margin-left:16px;margin-right:auto}}.nav-summary{border-radius:var(--r-sm);height:40px;color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:0 12px;font-size:14px;font-weight:600;list-style:none;display:inline-flex}.nav-summary::-webkit-details-marker{display:none}.nav-summary:hover,.nav-menu[open] .nav-summary{background:var(--surface-2);color:var(--text)}.nav-icon-chevron{width:16px;height:16px;transition:transform .2s}.nav-menu[open] .nav-icon-chevron{transform:rotate(180deg)}.nav-icon-menu{display:none}.nav-panel{left:0;right:0;top:calc(var(--header-h) - 1px);background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);position:absolute}.nav-panel-inner{max-width:1200px;padding:20px var(--gutter);grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0 auto;display:grid}.nav-group ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.nav-group-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin:0 0 8px 10px;font-size:12px;font-weight:700}.nav-link{border-radius:var(--r-sm);color:var(--text);align-items:flex-start;gap:10px;padding:8px 10px;text-decoration:none;display:flex}.nav-link:hover,.nav-link.is-current{background:var(--surface-2)}.nav-link-name{font-size:14px;font-weight:600;display:block}.nav-link-desc{color:var(--text-3);font-size:12.5px;line-height:1.35;display:block}.nav-panel-footer{max-width:1200px;padding:12px var(--gutter) 16px;border-top:1px solid var(--border);justify-content:space-between;margin:0 auto;display:flex}.nav-panel-footer a{align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.nav-panel-footer .icon{width:16px;height:16px}@media (max-width:1023px){.nav-panel-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.nav-summary span,.nav-icon-chevron{display:none}.nav-icon-menu{width:22px;height:22px;display:block}.nav-summary{border:1px solid var(--border);justify-content:center;width:40px;padding:0}.nav-panel{top:var(--header-h);overscroll-behavior:contain;position:fixed;bottom:0;overflow-y:auto}.nav-panel-inner{grid-template-columns:1fr;gap:16px}}.icon-btn{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);width:40px;height:40px;color:var(--text-2);place-items:center;display:inline-grid}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.theme-toggle .icon-sun,[data-theme=dark] .theme-toggle .icon-moon{display:none}[data-theme=dark] .theme-toggle .icon-sun{display:block}.tool-icon{background:var(--tile,#f1f4f9);border-radius:14px;flex:none;place-items:center;width:52px;height:52px;display:inline-grid}.tool-icon .art{width:36px;height:36px}.tool-icon--sm{border-radius:10px;width:38px;height:38px}.tool-icon--sm .art{width:26px;height:26px}.tool-icon--lg{border-radius:18px;width:68px;height:68px}.tool-icon--lg .art{width:48px;height:48px}.cat-meta{color:var(--cat-meta);background:var(--cat-meta-soft);--tile:#e7eeff}.cat-content{color:var(--cat-content);background:var(--cat-content-soft);--tile:#e2f4ee}.cat-tech{color:var(--cat-tech);background:var(--cat-tech-soft);--tile:#efe9fc}.cat-research{color:var(--cat-research);background:var(--cat-research-soft);--tile:#fdeee2}.tool-icon.cat-meta,.tool-icon.cat-content,.tool-icon.cat-tech,.tool-icon.cat-research{background:var(--tile)}[data-theme=dark] .tool-icon{box-shadow:inset 0 0 0 1px #ffffff0f}.page-hero{background:linear-gradient(180deg, var(--surface) 0%, var(--bg) 100%);border-bottom:1px solid var(--border);margin-bottom:24px;padding:20px 0 24px}.breadcrumbs ol{color:var(--text-3);flex-wrap:wrap;gap:4px;margin:0 0 16px;padding:0;font-size:13px;list-style:none;display:flex}.breadcrumbs li+li:before{content:"/";color:var(--border-strong);margin-right:4px}.breadcrumbs a{color:var(--text-2);text-decoration:none}.breadcrumbs a:hover{color:var(--accent-text);text-decoration:underline}.hero-row{align-items:center;gap:16px;display:flex}.lead{color:var(--text-2);max-width:70ch;margin-top:6px;font-size:1.02rem}@media (max-width:600px){.hero-row{align-items:flex-start}.hero-row .tool-icon--lg{width:44px;height:44px}}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}@media (min-width:1140px){.tools-grid:not(.tools-grid--compact){grid-template-columns:repeat(5,minmax(0,1fr))}}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:10px;padding:20px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative}.tool-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));box-shadow:var(--shadow);transform:translateY(-2px)}.tool-card:focus-within{box-shadow:var(--ring)}.tool-card-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.tool-card-title{margin-top:4px;font-size:1.1rem}.tool-card-title a{color:var(--text);text-decoration:none}.tool-card-title a:after{content:"";border-radius:inherit;position:absolute;top:0;bottom:0;left:0;right:0}.tool-card-title a:focus-visible{outline:none}.tool-card-desc{color:var(--text-2);flex:1;font-size:14px}.tool-card-cta{color:var(--accent-text);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.tool-card-cta .icon{width:16px;height:16px;transition:transform .15s}.tool-card:hover .tool-card-cta .icon{transform:translate(3px)}.tag{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.section{padding:40px 0}.section--tight{padding-top:0}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.section-head h2{font-size:1.35rem}.link-arrow{align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.link-arrow .icon{width:16px;height:16px}.related{border-top:1px solid var(--border);background:var(--surface);margin-top:48px;padding:48px 0 56px}.related .tool-card{background:var(--bg)}.home-hero{background:radial-gradient(900px 320px at 85% -10%, var(--accent-soft), transparent 70%), linear-gradient(180deg, var(--surface) 0%, var(--bg) 100%);border-bottom:1px solid var(--border);padding:56px 0 32px}.home-hero h1{letter-spacing:-.03em;font-size:clamp(2.1rem,1.4rem + 3vw,3.3rem)}.home-hero .lead{max-width:62ch;margin-top:12px;font-size:clamp(1.02rem,.95rem + .4vw,1.2rem)}.home-hero-grid{align-items:center;gap:40px;display:grid}.hero-cta{margin-top:24px}.hero-art{display:none}@media (min-width:960px){.home-hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.hero-art{height:330px;display:block;position:relative}}.art-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:16px 18px;position:absolute}.art-snippet{font-family:Arial,sans-serif;top:0;left:0;right:48px}.art-site{align-items:center;gap:8px;font-size:12px;line-height:1.3;display:flex}.art-site b{color:var(--text);font-weight:400;display:block}.art-site i{color:var(--text-3);font-size:11px;font-style:normal}.art-fav{background:var(--surface-2);width:24px;height:24px;color:var(--accent-text);border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.art-title{color:var(--accent-text);margin:8px 0;font-size:18px}.art-lines span{background:var(--surface-3);border-radius:4px;height:8px;margin-bottom:6px;display:block}.art-lines span:last-child{width:70%}.art-meter{background:var(--surface-3);border-radius:999px;height:6px;margin-top:14px;overflow:hidden}.art-meter span{background:var(--ok);width:72%;height:100%;display:block}.art-meta{font:12px var(--font);color:var(--text-3);justify-content:space-between;margin-top:6px;display:flex}.art-ok{color:var(--ok);font-weight:600}.art-code{font:12.5px/1.7 var(--mono);color:var(--text-2);background:var(--code-bg);top:214px;left:16px}.art-bars{gap:8px;width:170px;display:grid;top:200px;right:0}.art-bars span{height:10px;width:calc(var(--w) * 2);background:var(--c);border-radius:999px;display:block}.art-float{z-index:2;border:1px solid var(--border);box-shadow:var(--shadow-lg);background:#fff;border-radius:20px;place-items:center;display:grid;position:absolute}.art-float--1{width:104px;height:104px;top:-34px;right:-8px;transform:rotate(6deg)}.art-float--2{width:84px;height:84px;bottom:-18px;right:56px;transform:rotate(-5deg)}.art-float--3{width:84px;height:84px;top:238px;left:-52px;transform:rotate(-4deg)}.eyebrow{background:var(--accent-soft);color:var(--accent-text);border-radius:999px;align-items:center;gap:6px;margin-bottom:14px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.eyebrow .icon{width:15px;height:15px}.trust{color:var(--text-2);flex-wrap:wrap;gap:8px 20px;margin:20px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.trust li{align-items:center;gap:6px;display:inline-flex}.trust .icon{width:16px;height:16px;color:var(--ok)}.tools-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.search-box{flex:280px;max-width:420px;position:relative}.search-box .icon{color:var(--text-3);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box input{padding-left:38px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);height:36px;color:var(--text-2);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.chip:hover{border-color:var(--border-strong);color:var(--text)}.chip.is-active{background:var(--text);border-color:var(--text);color:var(--bg)}.chip-count{opacity:.7;font-variant-numeric:tabular-nums;font-size:12px}.benefits{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.benefit{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);padding:20px}.benefit .tool-icon{--tile:#fff6dc;width:60px;height:60px;margin-bottom:14px}.benefit .tool-icon .art{width:42px;height:42px}.benefit h3{margin-bottom:6px}.benefit p{color:var(--text-2);font-size:14px}.not-found{text-align:center;padding:72px 0 40px}.not-found-art{justify-content:center;margin-bottom:8px;display:flex}.not-found-art .art{width:112px;height:112px}.not-found-code{letter-spacing:-.04em;color:var(--accent);margin-bottom:12px;font-size:clamp(4rem,3rem + 6vw,7rem);font-weight:800;line-height:1}.not-found .lead{margin:12px auto 24px}.site-footer{border-top:1px solid var(--border);background:var(--surface);padding-top:40px;font-size:14px}.footer-grid{grid-template-columns:1.3fr 3fr;gap:32px;display:grid}.footer-about p{color:var(--text-2);max-width:36ch;margin-top:12px}.footer-about .footer-also{margin-top:8px}.footer-about .footer-also a{font-weight:600}.footer-about .footer-note{color:var(--text-3);margin-top:8px;font-size:12.5px}.footer-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.footer-title{margin-bottom:10px;font-size:13px;font-weight:700}.footer-col ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.footer-col a,.footer-bottom a{color:var(--text-2);text-decoration:none}.footer-col a:hover,.footer-bottom a:hover{color:var(--accent-text);text-decoration:underline}.footer-bottom{border-top:1px solid var(--border);color:var(--text-3);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:32px;padding-top:16px;padding-bottom:24px;display:flex}@media (max-width:900px){.footer-grid{grid-template-columns:1fr}.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}.header-feature{height:36px;color:var(--on-accent);background:var(--accent);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex}.header-feature:hover{background:var(--accent-hover)}.header-feature .icon{width:16px;height:16px}@media (max-width:479px){.header-feature{justify-content:center;width:36px;padding:0}.header-feature span{display:none}}.nav-link--featured{background:var(--accent-soft)}.badge-new{vertical-align:1px;color:var(--on-accent);background:var(--accent);border-radius:999px;margin-left:6px;padding:1px 7px;font-size:11px;font-weight:700;display:inline-block}.tag--featured{color:var(--on-accent);background:var(--accent);gap:4px}.tag--featured .icon{width:13px;height:13px}.tool-card--featured{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));background:radial-gradient(420px 180px at 100% 0%, var(--accent-soft), transparent 70%), var(--surface);box-shadow:var(--shadow), inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}.tool-card--featured .tool-card-title{font-size:1.3rem}@media (min-width:640px){.tools-grid:not(.tools-grid--compact) .tool-card--featured{grid-column:span 2}}.feature-spot{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));border-radius:var(--r-lg);background:radial-gradient(700px 260px at 100% 0%, var(--accent-soft), transparent 70%), var(--surface);box-shadow:var(--shadow);align-items:center;gap:28px;padding:clamp(20px,3vw,36px);display:grid}@media (min-width:900px){.feature-spot{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}.feature-spot h2{letter-spacing:-.02em;margin-top:10px;font-size:clamp(1.4rem,1.1rem + 1.2vw,2rem)}.feature-spot .lead{max-width:60ch;margin-top:10px}.feature-spot .hero-cta{margin-top:20px}.feature-demo{border:1px solid var(--border);border-radius:var(--r);background:var(--bg);box-shadow:var(--shadow-sm);padding:16px}.feature-demo-search{border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);align-items:center;gap:8px;height:40px;padding:0 12px;font-weight:600;display:flex}.feature-demo-search .icon{width:16px;height:16px;color:var(--text-3)}.feature-demo ul{gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.feature-demo li{border-left:4px solid var(--c);border-radius:var(--r-sm);background:var(--surface);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:grid}.feature-demo li span{text-overflow:ellipsis;white-space:nowrap;color:var(--c);font-weight:600;overflow:hidden}.feature-demo li b{font-variant-numeric:tabular-nums;font-weight:600}.feature-demo li i{color:var(--c);background:var(--c-soft);border-radius:999px;padding:2px 8px;font-size:12px;font-style:normal;font-weight:700}.feature-demo .is-green{--c:var(--ok);--c-soft:var(--ok-soft)}.feature-demo .is-yellow{--c:var(--warn);--c-soft:var(--warn-soft)}.feature-demo .is-red{--c:var(--bad);--c-soft:var(--bad-soft)}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.header-link{border-radius:var(--r-sm);height:36px;color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;padding:0 10px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.header-link:hover,.header-link.is-current{background:var(--surface-2);color:var(--text)}.header-link .icon{width:16px;height:16px}@media (max-width:767px){.header-link{justify-content:center;width:36px;padding:0}.header-link span{display:none}}.guides-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.guides-grid--wide{margin-bottom:8px}.guide-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);gap:14px;padding:18px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative}.guide-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));box-shadow:var(--shadow);transform:translateY(-2px)}.guide-card-title{font-size:1.02rem;line-height:1.35}.guide-card-title a{color:var(--text);text-decoration:none}.guide-card-title a:after{content:"";border-radius:inherit;position:absolute;top:0;bottom:0;left:0;right:0}.guide-card-desc{color:var(--text-2);margin-top:6px;font-size:14px}.guide-icon{--tile:#fff6dc}.guide-meta{color:var(--text-3);align-items:center;gap:6px;margin-top:8px;font-size:13px;display:inline-flex}.guide-meta .icon{width:14px;height:14px}.page-hero .guide-meta{margin-top:10px}.guide-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (min-width:1024px){.guide-layout{grid-template-columns:260px minmax(0,1fr)}.guide-aside{top:calc(var(--header-h) + 16px);position:sticky}}.guide-aside{gap:16px;display:grid}.guide-toc,.guide-aside-tools{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);padding:16px}.guide-toc-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:8px;font-size:12px;font-weight:700}.guide-toc ol{gap:6px;margin:0;padding-left:18px;font-size:14px;display:grid}.guide-toc a{color:var(--text-2);text-decoration:none}.guide-toc a:hover{color:var(--accent-text);text-decoration:underline}.guide-aside-tools ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.guide-aside-tools a{color:var(--text);align-items:center;gap:10px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.guide-aside-tools a:hover{color:var(--accent-text)}.guide-body{max-width:none}.tool-guides{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--bg);margin-top:24px;padding:16px 18px}.tool-guides h3{align-items:center;gap:8px;margin-bottom:8px;display:flex}.tool-guides h3 .icon{width:18px;height:18px;color:var(--accent-text)}.tool-guides ul{gap:4px;margin:0;padding-left:20px;font-size:14.5px;display:grid}@media (min-width:1101px){.footer-nav{grid-template-columns:repeat(5,minmax(0,1fr))}}.footer-title a{color:inherit;text-decoration:none}.tool{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.tool-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (min-width:1024px){.tool-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tool-grid--wide-left{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.sticky-col{top:calc(var(--header-h) + 16px);position:sticky}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);min-width:0;padding:20px}@media (max-width:600px){.panel{padding:16px}}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 12px;margin-bottom:16px;display:flex}.panel-head h2{font-size:1.05rem}.panel-head .select,.row .select{width:auto;max-width:100%}.panel-sub{color:var(--text-3);margin-top:2px;font-size:13.5px}.stack{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row--end{justify-content:flex-end}.row--between{justify-content:space-between}.divider{background:var(--border);border:0;height:1px;margin:4px 0}.btn{border:1px solid var(--border);background:var(--surface);height:40px;color:var(--text);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn .icon{width:16px;height:16px}.btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-2);color:var(--text);border-color:#0000}.btn-danger:hover{color:var(--bad);background:var(--bad-soft);border-color:#0000}.btn-sm{border-radius:8px;gap:6px;height:32px;padding:0 10px;font-size:13px}.btn-icon{width:32px;padding:0}.btn-lg{border-radius:12px;height:52px;padding:0 22px;font-size:16px}.audit-form{gap:10px;display:grid}.audit-form-label{align-items:center;gap:8px;font-size:15px;font-weight:700;display:inline-flex}.audit-form-label .icon{width:18px;height:18px;color:var(--accent)}.audit-form-row{gap:8px;display:flex}.audit-form-row .input{flex:1}.audit-form .hint{margin:0}@media (max-width:479px){.audit-form-row{flex-direction:column}}.home-audit{border:1px solid var(--border);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-sm,0 1px 3px #0000000f);margin-top:22px;padding:16px}.field{gap:6px;min-width:0;display:grid}.field>label,.label{color:var(--text);font-size:14px;font-weight:600}.req{color:var(--bad);margin-left:2px}.input,.select,.textarea{border:1px solid var(--border-strong);background:var(--surface);width:100%;min-width:0;height:42px;color:var(--text);border-radius:10px;padding:0 12px;font-size:16px;transition:border-color .15s,box-shadow .15s}@media (min-width:768px){.input,.select,.textarea{font-size:15px}}.textarea{resize:vertical;height:auto;min-height:140px;padding:10px 12px;line-height:1.55}.textarea--lg{min-height:280px}.textarea--mono{font-family:var(--mono);font-size:13.5px}.select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23808898' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;padding-right:34px}.input::placeholder,.textarea::placeholder{color:var(--text-3);opacity:.8}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:var(--ring);outline:none}.input.is-invalid,.textarea.is-invalid{border-color:var(--bad)}.input--sm,.select--sm{border-radius:8px;height:34px;font-size:14px}.input--lg{border-radius:12px;height:52px;padding:0 16px;font-size:17px}.field-meta{color:var(--text-3);justify-content:space-between;gap:12px;font-size:13px;display:flex}.hint{color:var(--text-3);font-size:13px}.counter{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.is-ok{color:var(--ok)}.is-warn{color:var(--warn)}.is-bad{color:var(--bad)}.fields-2{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (min-width:640px){.fields-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:14px;display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--accent);margin:0}.check.is-disabled{opacity:.55;cursor:not-allowed}.options{flex-wrap:wrap;align-items:center;gap:10px 20px;display:flex}.seg{background:var(--surface-2);border:1px solid var(--border);border-radius:11px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.seg button{height:32px;color:var(--text-2);background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:13.5px;font-weight:600;display:inline-flex}.seg button .icon{width:16px;height:16px}.seg button:hover{color:var(--text)}.seg button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.badge{white-space:nowrap;background:var(--surface-2);color:var(--text-2);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.badge--ok{background:var(--ok-soft);color:var(--ok)}.badge--warn{background:var(--warn-soft);color:var(--warn)}.badge--bad{background:var(--bad-soft);color:var(--bad)}.badge--info{background:var(--info-soft);color:var(--info)}.badge--accent{background:var(--accent-soft);color:var(--accent-text)}.note{border-radius:var(--r);background:var(--info-soft);color:var(--text);gap:10px;padding:12px 14px;font-size:14px;display:flex}.note .icon{color:var(--info);margin-top:2px}.note--warn{background:var(--warn-soft)}.note--warn .icon{color:var(--warn)}.issues{gap:8px;margin:0;padding:0;list-style:none;display:grid}.issue{background:var(--surface-2);border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:14px;display:flex}.issue .icon{width:17px;height:17px;margin-top:2px}.issue--ok{background:var(--ok-soft)}.issue--ok .icon{color:var(--ok)}.issue--warn{background:var(--warn-soft)}.issue--warn .icon{color:var(--warn)}.issue--bad{background:var(--bad-soft)}.issue--bad .icon{color:var(--bad)}.issue--info{background:var(--info-soft)}.issue--info .icon{color:var(--info)}.stats{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.stat{border-radius:var(--r);background:var(--surface-2);min-width:0;padding:12px 14px}.stat-value{font-variant-numeric:tabular-nums;letter-spacing:-.01em;overflow-wrap:anywhere;font-size:1.45rem;font-weight:700;line-height:1.2}.stat-label{color:var(--text-3);margin-top:2px;font-size:12.5px}.stat--accent{background:var(--accent-soft)}.stat--accent .stat-value{color:var(--accent-text)}.meter{background:var(--surface-3);border-radius:999px;height:8px;position:relative;overflow:hidden}.meter-fill{border-radius:inherit;background:var(--ok);width:0;height:100%;transition:width .2s,background .2s}.meter-fill.is-warn{background:var(--warn)}.meter-fill.is-bad{background:var(--bad)}.meter-fill.is-ok{background:var(--ok)}.table-wrap{border:1px solid var(--border);border-radius:var(--r);max-width:100%;overflow:auto}.table-wrap--scroll{max-height:560px}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:9px 12px}.table th{z-index:1;background:var(--surface-2);color:var(--text-2);white-space:nowrap;font-size:12.5px;font-weight:700;position:sticky;top:0}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:color-mix(in srgb, var(--surface-2) 60%, transparent)}.table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.table .wrap{overflow-wrap:anywhere;min-width:180px}.th-sort{all:unset;cursor:pointer;align-items:center;gap:4px;display:inline-flex}.th-sort:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.th-sort:after{content:"↕";opacity:.4;font-size:11px}.th-sort[data-dir=asc]:after{content:"↑";opacity:1}.th-sort[data-dir=desc]:after{content:"↓";opacity:1}.row-bad td{background:color-mix(in srgb, var(--bad-soft) 70%, transparent)}.row-warn td{background:color-mix(in srgb, var(--warn-soft) 70%, transparent)}.pager{color:var(--text-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:13.5px;display:flex}.code{border-radius:var(--r);border:1px solid var(--border);background:var(--code-bg);font:13.5px/1.6 var(--mono);white-space:pre;-moz-tab-size:2;tab-size:2;max-height:620px;color:var(--text);margin:0;padding:16px;overflow:auto}.code--wrap{white-space:pre-wrap;overflow-wrap:anywhere}.tk-key{color:var(--code-key)}.tk-str{color:var(--code-str)}.tk-num{color:var(--code-num)}.tk-lit{color:var(--code-lit)}.tk-punct{color:var(--code-punct)}.tk-comment{color:var(--code-comment);font-style:italic}.tk-dir{color:var(--code-lit);font-weight:600}.tk-tag{color:var(--code-key)}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--r);background:var(--surface-2);text-align:center;color:var(--text-2);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px;font-size:14px;transition:border-color .15s,background .15s;display:flex;position:relative}.dropzone:hover,.dropzone.is-over{border-color:var(--accent);background:var(--accent-soft)}.dropzone input{opacity:0;cursor:pointer;position:absolute;top:0;bottom:0;left:0;right:0}.dropzone .icon{width:22px;height:22px;color:var(--accent-text)}.dropzone:focus-within{box-shadow:var(--ring)}.empty{text-align:center;color:var(--text-3);border:1px dashed var(--border);border-radius:var(--r);place-items:center;gap:8px;padding:36px 16px;font-size:14px;display:grid}.empty .icon{opacity:.7;width:28px;height:28px}.empty .art{width:64px;height:64px}.toasts{z-index:200;pointer-events:none;gap:8px;display:grid;position:fixed;bottom:16px;right:16px}.toast{color:#f2f4f7;max-width:min(380px,100vw - 32px);box-shadow:var(--shadow-lg);background:#1a1f29;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:500;animation:.2s ease-out toast-in;display:flex}[data-theme=dark] .toast{color:#141821;background:#f2f4f7}.toast .icon{width:18px;height:18px}.toast--success .icon{color:#4cc47a}.toast--error .icon{color:#ff7070}.toast--info .icon{color:#5fb0ff}[data-theme=dark] .toast--success .icon{color:#15803d}[data-theme=dark] .toast--error .icon{color:#c42b2b}[data-theme=dark] .toast--info .icon{color:#0a66c2}.toast.is-leaving{opacity:0;transition:opacity .2s,transform .2s;transform:translateY(6px)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (max-width:600px){.toasts{justify-items:center;left:16px;right:16px}}.help{margin-top:8px}.help h2{margin-bottom:12px;font-size:1.2rem}.help-grid{gap:16px;display:grid}@media (min-width:900px){.help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.help h3{margin-bottom:8px}.help ul,.help ol{color:var(--text-2);gap:6px;margin:0;padding-left:20px;font-size:14.5px;display:grid}.help p{color:var(--text-2);font-size:14.5px}mark{background:var(--mark);color:var(--mark-text);border-radius:3px;padding:0 1px}.seo-content-grid{gap:24px 40px;display:grid}@media (min-width:960px){.seo-content-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.seo-text h2,.faq h2{margin-bottom:12px;font-size:1.2rem}.seo-text p{color:var(--text-2);max-width:70ch;font-size:15px;line-height:1.7}.seo-text p+p{margin-top:12px}.faq{align-content:start;gap:8px;display:grid}.faq h2{margin-bottom:4px}.faq-item{border:1px solid var(--border);border-radius:var(--r);background:var(--bg)}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary h3{font-size:15px;font-weight:600}.faq-item summary .icon{width:16px;height:16px;color:var(--text-3);transition:transform .2s}.faq-item[open] summary .icon{transform:rotate(180deg)}.faq-item p{color:var(--text-2);padding:0 14px 14px;font-size:14.5px;line-height:1.65}.cookie-banner{z-index:150;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);width:min(420px,100vw - 32px);box-shadow:var(--shadow-lg);padding:16px 18px;animation:.25s ease-out toast-in;position:fixed;bottom:16px;left:16px}.cookie-title{margin-bottom:4px;font-weight:700}.cookie-text,.cookie-state{color:var(--text-2);font-size:14px}.cookie-state{margin-top:6px;font-weight:600}.cookie-actions{gap:8px;margin-top:12px;display:flex}.cookie-actions .btn{flex:1}.link-btn{color:var(--text-2);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.link-btn:hover{color:var(--accent-text);text-decoration:underline}@media (max-width:600px){.cookie-banner{width:auto;bottom:8px;left:8px;right:8px}}.prose{max-width:820px}.prose h2{margin:28px 0 10px;font-size:1.2rem}.prose h2:first-child{margin-top:0}.prose p,.prose li{color:var(--text-2);font-size:15px;line-height:1.7}.prose p+p{margin-top:10px}.prose ul{margin:8px 0 10px;padding-left:20px}.chain{margin-bottom:4px}.chain ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.chain a{border:1px solid var(--border);border-radius:var(--r);background:var(--surface);height:100%;color:var(--text);align-items:center;gap:10px;padding:10px 14px;text-decoration:none;display:flex}.chain a:hover{border-color:var(--border-strong)}.chain-num{background:var(--surface-3);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:grid}.chain small{color:var(--text-3);font-size:12.5px;display:block}.chain b{font-size:14px}.chain .is-current a{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.chain .is-current .chain-num{background:var(--accent);color:var(--on-accent)}@media (max-width:640px){.chain ol{grid-template-columns:1fr}}.next-step{border-radius:var(--r);background:var(--accent-soft);flex-wrap:wrap;align-items:center;gap:8px 10px;margin:-4px 0 16px;padding:10px 12px;display:flex}.next-step-label{font-size:14px;font-weight:700}.next-step .btn{background:var(--surface)}.prose h3{margin:22px 0 8px;font-size:1.05rem}.prose ol{margin:8px 0 10px;padding-left:22px}.prose li+li{margin-top:4px}.prose ul+p,.prose ol+p,.prose p+ul,.prose p+ol,.prose .table-wrap+p,.prose pre+p{margin-top:10px}.prose strong{color:var(--text)}.prose blockquote{border-left:3px solid var(--accent);border-radius:0 var(--r) var(--r) 0;background:var(--accent-soft);margin:16px 0;padding:12px 16px}.prose blockquote p{color:var(--text)}.prose pre{border-radius:var(--r);border:1px solid var(--border);background:var(--code-bg);font:13.5px/1.6 var(--mono);margin:12px 0;padding:14px 16px;overflow:auto}.prose pre code{background:0 0;border:0;padding:0}.prose .table-wrap{margin:12px 0}.prose hr{border:0;border-top:1px solid var(--border);margin:24px 0}