:root{--bg:#fff;--bg-soft:#f6f8f9;--surface:#fff;--border:#e2e8ea;--text:#16232a;--muted:#5b6b74;--accent:#0f6c7c;--accent-strong:#0a4f5b;--accent-soft:#e6f3f5;--danger:#b3261e;--ok:#1e6b35;--radius:12px;--radius-sm:8px;--rail:160px;--shadow:0 1px 2px #10232a0f, 0 8px 24px #10232a0f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0e1518;--bg-soft:#131d21;--surface:#162126;--border:#25353c;--text:#e7eff1;--muted:#9fb2ba;--accent:#58c4d6;--accent-strong:#8ad8e6;--accent-soft:#14282e;--danger:#ff8a80;--ok:#7ddc9b;--shadow:0 1px 2px #0006, 0 8px 24px #00000059}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);flex-direction:column;min-height:100vh;margin:0;font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:16px;line-height:1.6;display:flex}a{color:var(--accent)}h1,h2,h3{letter-spacing:-.01em;line-height:1.25}code{background:var(--bg-soft);border:1px solid var(--border);word-break:break-all;border-radius:4px;padding:0 4px;font-size:.92em}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{position:absolute;left:-9999px}.skip-link:focus{z-index:50;background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border);padding:8px 12px;top:8px;left:8px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.banner{background:var(--accent-soft);border-bottom:1px solid var(--border);color:var(--text);text-align:center;padding:7px 16px;font-size:13px}.site-header{border-bottom:1px solid var(--border);background:var(--bg)}.site-header-inner{align-items:center;max-width:1200px;margin:0 auto;padding:18px 16px;display:flex}.logo-link{color:inherit;text-decoration:none}.logo{align-items:center;gap:9px;display:inline-flex}.site-header .logo{gap:12px}.logo-text{letter-spacing:-.02em;font-size:19px;font-weight:700}.site-header .logo-text{font-size:26px}.logo-bg{fill:var(--accent)}.logo-page{fill:#fff}.logo-page-back{opacity:.45}.logo-arch{fill:none;stroke:#7fd4e0;stroke-width:2.4px;stroke-linecap:round}.page{flex:1;grid-template-columns:minmax(0,1fr);gap:32px;width:100%;max-width:1200px;margin:0 auto;padding:24px 16px 56px;display:grid}.page-with-rails{grid-template-columns:var(--rail) minmax(0, 1fr) var(--rail)}.page-main{flex-direction:column;gap:40px;width:100%;min-width:0;max-width:760px;margin:0 auto;display:flex}.rail-sticky{position:sticky;top:80px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:13px}.hero h1{margin:0 0 12px;font-size:clamp(30px,5vw,44px)}.lede{color:var(--muted);margin:0 0 20px;font-size:18px}.hero .tool{margin-top:22px}.btn{border-radius:var(--radius-sm);border:1px solid var(--accent);font:inherit;cursor:pointer;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-block}.btn-lg{padding:12px 22px}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{color:var(--accent);background:0 0}.btn-ghost:hover{background:var(--accent-soft)}.btn-secondary{border-color:var(--muted);color:var(--text);background:0 0}.btn-secondary:hover{background:var(--bg-soft)}.cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card-num{background:var(--accent-soft);width:26px;height:26px;color:var(--accent-strong);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.card h3{margin:10px 0 6px;font-size:17px}.card p{color:var(--muted);margin:0;font-size:15px}.callout{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px}.callout h2{margin:0 0 8px;font-size:18px}.callout p{color:var(--muted);margin:0}.tool-block h1{margin:0 0 10px;font-size:clamp(26px,4vw,34px)}.tool{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.tool-label{margin-bottom:8px;font-size:14px;font-weight:600;display:block}.turnstile:not(:empty){margin-top:10px}.tool-row{flex-wrap:wrap;gap:10px;display:flex}.tool-row input{min-width:0;font:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);flex:260px;padding:11px 12px}.tool-row input:focus{border-color:var(--accent)}.tool-row .btn{flex:none}.tool-hint{color:var(--muted);margin:12px 0 0;font-size:13px}.download-box{margin:24px 0 32px}.notice{overflow-wrap:anywhere;margin:12px 0 0;font-size:15px}.notice-error{color:var(--danger)}.notice-ok{color:var(--ok)}.notice-info{color:var(--muted)}.prose h1{margin:0 0 8px;font-size:clamp(26px,4vw,34px)}.prose h2{margin:32px 0 8px;font-size:20px}.prose p,.prose li{color:var(--text)}.prose .meta,.prose .crumbs{color:var(--muted);margin:0 0 16px;font-size:14px}.prose ul,.prose ol{padding-left:22px}.prose li{margin:6px 0}.site-guide h2:first-child{margin-top:0}.site-guide h3{margin:20px 0 4px;font-size:17px}.site-guide p{margin:0 0 8px}.site-guide code{overflow-wrap:anywhere}.articles h2{margin:0 0 14px;font-size:20px}.article-list{gap:14px;margin:0 0 16px;padding:0;list-style:none;display:grid}.article-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.article-card h2,.article-card h3{margin:0 0 6px;font-size:17px}.article-card a{text-decoration:none}.article-card a:hover{text-decoration:underline}.article-card p{color:var(--muted);margin:0;font-size:15px}.article-card .meta{margin:0 0 6px;font-size:13px}.ad{text-align:center}.ad-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:11px;display:block}.ad-rail{width:var(--rail)}.ad-placeholder{border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--bg-soft);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;justify-content:center;align-items:center;font-size:13px;display:flex}.ad-placeholder.ad-rail{height:600px}.ad-placeholder.ad-top{height:90px}.ad-placeholder.ad-inline{height:250px}.site-footer{border-top:1px solid var(--border);background:var(--bg-soft);padding:32px 16px 20px;font-size:15px}.site-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px 48px;max-width:1200px;margin:0 auto;display:flex}.site-footer h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 10px;font-size:14px}.site-footer-brand{flex:280px;max-width:420px}.site-footer-brand p{color:var(--muted);margin:10px 0 0}.site-footer-nav{flex:320px}.site-footer-nav ul{flex-wrap:wrap;gap:8px 22px;margin:0;padding:0;list-style:none;display:flex}.site-footer-nav a{text-decoration:none}.site-footer-nav a:hover{text-decoration:underline}.site-footer-legal{border-top:1px solid var(--border);max-width:1200px;color:var(--muted);text-align:center;margin:28px auto 0;padding-top:16px;font-size:13px}.gate{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.gate-title{margin:0 0 14px;font-size:18px}.gate-progress{margin-bottom:12px}.gate-status{color:var(--muted);overflow-wrap:anywhere;margin:0 0 16px;font-size:15px}.gate-actions{flex-wrap:wrap;gap:10px;margin:0;display:flex}.gate[data-phase=done] .gate-status{color:var(--ok)}.gate-status.notice-error{color:var(--danger)}.gate[data-phase=error] .progress-bar,.gate[data-phase=nolink] .progress-bar,.gate[data-phase=timeout] .progress-bar{background:var(--danger)}.gate-dialog-backdrop{z-index:100;background:#0a141880;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.gate-dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:420px;box-shadow:var(--shadow);padding:22px}.gate-dialog h3{color:var(--danger);margin:0 0 10px;font-size:18px}.gate-dialog p{overflow-wrap:anywhere;margin:0 0 18px}.gate-dialog .gate-dialog-actions{flex-wrap:wrap;gap:10px;margin:0;display:flex}.progress{background:var(--border);border-radius:99px;height:8px;overflow:hidden}.progress-bar{background:var(--accent);height:100%;transition:width .25s linear}.progress-bar.is-working{background-image:linear-gradient(45deg,#ffffff40 25%,#0000 25% 50%,#ffffff40 50% 75%,#0000 75%);background-size:16px 16px;animation:.8s linear infinite stripes}@keyframes stripes{to{background-position:16px 0}}.progress-bar.is-waiting{animation:1.4s ease-in-out infinite waiting;width:35%!important}@keyframes waiting{0%{transform:translate(-100%)}to{transform:translate(290%)}}@media (prefers-reduced-motion:reduce){.progress-bar,.progress-bar.is-working,.progress-bar.is-waiting{transition:none;animation:none}.progress-bar.is-waiting{width:100%!important}}@media (width<=1100px){.page-with-rails{grid-template-columns:minmax(0,1fr)}.rail{display:none}}@media (width<=560px){.site-header-inner{padding:14px 16px}.site-header .logo-text{font-size:23px}.tool{padding:16px}.tool-row .btn{width:100%}.page{padding-bottom:40px}}
