:root{--brand:#2563eb;--brand-strong:#1d4ed8;--brand-soft:#eff4ff;--bg:#f7f8fa;--surface:#fff;--surface-2:#f1f3f6;--text:#14171c;--muted:#5b6472;--border:#e3e6eb;--success:#0f9960;--radius:14px;--radius-sm:9px;--shadow:0 1px 2px #1018280d, 0 4px 16px #1018280a;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--container:1120px;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--brand:#6b9bff;--brand-strong:#8fb3ff;--brand-soft:#18233a;--bg:#0e1116;--surface:#161a21;--surface-2:#1d222b;--text:#e8ebf0;--muted:#9aa3b2;--border:#2a303b;--success:#3ccf8e;--shadow:none}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font);color:var(--text);background:var(--bg);flex-direction:column;min-height:100vh;margin:0;font-size:16px;line-height:1.6;display:flex}main{flex:1}[hidden]{display:none!important}a{color:var(--brand);text-underline-offset:2px}img,svg{max-width:100%}h1,h2,h3{letter-spacing:-.015em;line-height:1.25}h1{margin:0 0 .4rem;font-size:clamp(1.6rem,4vw,2.2rem)}h2{margin:2rem 0 .75rem;font-size:1.35rem}h3{font-size:1.1rem}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 16px}.muted{color:var(--muted)}.small{font-size:.85rem}.skip-link{position:absolute;left:-999px}.skip-link:focus{z-index:100;background:var(--surface);padding:8px 12px;top:16px;left:16px}:focus-visible{outline:3px solid color-mix(in srgb, var(--brand) 50%, transparent);outline-offset:2px}.site-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:20;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:60px;display:flex}.brand{color:var(--text);align-items:center;gap:10px;font-size:1.05rem;font-weight:700;text-decoration:none;display:flex}.brand-logo{background:var(--brand);color:#fff;border-radius:9px;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.nav{gap:18px;display:flex}.nav a{color:var(--muted);font-size:.95rem;font-weight:500;text-decoration:none}.nav a:hover{color:var(--text)}.site-footer{border-top:1px solid var(--border);background:var(--surface);margin-top:64px;padding:32px 0}.footer-inner p{margin:0 0 8px}.footer-links{flex-wrap:wrap;gap:8px 20px;margin:16px 0;display:flex}.footer-links a,.link-button{color:var(--muted);font-size:.9rem}.link-button{font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-size:.9rem;text-decoration:underline}.btn{border-radius:var(--radius-sm);background:var(--brand);color:#fff;min-height:44px;font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.btn:hover{background:var(--brand-strong)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:var(--surface-2)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field>span{font-size:.92rem;font-weight:600}.field small{color:var(--muted);font-size:.8rem}.input,.field input,.field select,.field textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:46px;color:var(--text);font:inherit;padding:10px 12px;font-size:16px}.field input:focus,.field select:focus,.field textarea:focus,.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 20%, transparent);outline:none}.affix{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);align-items:stretch;display:flex;overflow:hidden}.affix:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 20%, transparent)}.affix>span{background:var(--surface-2);color:var(--muted);white-space:nowrap;place-items:center;padding:0 12px;font-size:.9rem;font-weight:600;display:grid}.field .affix input{box-shadow:none;border:0;border-radius:0;min-width:0}.checkbox{cursor:pointer;align-items:center;gap:10px;min-height:46px;font-weight:400;display:flex}.field .checkbox input{width:20px;height:20px;min-height:0;accent-color:var(--brand);flex:none}.notice{border-radius:var(--radius-sm);background:var(--brand-soft);border-left:4px solid var(--brand);margin:16px 0 0;padding:12px 14px;font-size:.9rem}.notice-warn{background:color-mix(in srgb, #f59e0b 12%, var(--surface));border-left-color:#f59e0b}.notice[hidden]{display:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}@media (width>=640px){.card{padding:28px}}.result{border-top:1px dashed var(--border);margin-top:24px;padding-top:24px}.stats{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:12px;display:grid}.stat{background:var(--surface-2);border-radius:var(--radius-sm);padding:14px 16px}.stat-label{color:var(--muted);font-size:.85rem;display:block}.stat-value{font-variant-numeric:tabular-nums;word-break:break-word;font-size:1.25rem;font-weight:700;display:block}.stat-primary{background:var(--brand-soft)}.stat-primary .stat-value{color:var(--brand);font-size:1.5rem}.table-wrap{margin-top:12px;overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.9rem}th,td{border-bottom:1px solid var(--border);text-align:right;white-space:nowrap;padding:8px 10px}th:first-child,td:first-child{text-align:left}th{color:var(--muted);font-weight:600}details>summary{cursor:pointer;font-weight:600}.hero{text-align:center;padding:48px 0 24px}.hero p{color:var(--muted);max-width:560px;margin:0 auto 24px;font-size:1.1rem}.search{max-width:480px;margin:0 auto}.category-block{margin-top:32px}.category-block h2 a{color:inherit;text-decoration:none}.tool-grid-list{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:12px;display:grid}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);align-items:flex-start;gap:14px;padding:16px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.tool-card:hover{border-color:var(--brand);transform:translateY(-1px)}.tool-card-icon{font-size:1.6rem;line-height:1}.tool-card-body{flex-direction:column;gap:2px;font-size:.9rem;display:flex}.tool-card-body strong{font-size:1rem}.empty{text-align:center;padding:48px 16px}.breadcrumb{color:var(--muted);padding:20px 0 12px;font-size:.85rem}.breadcrumb a{color:var(--muted)}.page-layout{grid-template-columns:minmax(0,1fr);gap:32px;display:grid}@media (width>=1024px){.page-layout.with-aside{grid-template-columns:minmax(0,1fr) 300px}}.page-aside .sticky{position:sticky;top:84px}.lead{color:var(--muted);margin:0 0 20px;font-size:1.08rem}.tool-actions{justify-content:flex-end;margin-top:12px;display:flex}.prose{max-width:72ch}.prose p,.prose li{color:color-mix(in srgb, var(--text) 88%, var(--muted))}.prose code{font-family:var(--mono);background:var(--surface-2);border-radius:6px;padding:2px 6px;font-size:.9em}.prose pre{background:var(--surface-2);border-radius:var(--radius-sm);padding:14px;overflow-x:auto}.prose table{margin:1rem 0;display:block;overflow-x:auto}.prose th,.prose td{white-space:normal;min-width:90px}.prose blockquote{border-left:4px solid var(--brand);background:var(--brand-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:1rem 0;padding:12px 16px}.faq details{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px;padding:14px 16px}.faq details p{color:var(--muted);margin:10px 0 0}.updated{margin-top:24px}.ad{text-align:center;min-height:100px;margin:28px 0}.ad-sidebar{min-height:600px;margin-top:0}.ad-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:.7rem;display:block}.ad-placeholder{border:2px dashed var(--border);border-radius:var(--radius-sm);color:var(--muted);place-items:center;min-height:120px;font-size:.85rem;display:grid}.ad-sidebar.ad-placeholder{min-height:600px}@media (width<=1023px){.page-aside{display:none}}.consent{z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:520px;margin:0 auto;padding:16px 18px;font-size:.92rem;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 12px 40px #0000002e}.consent[hidden]{display:none}.consent p{margin:0 0 12px}.consent-actions{justify-content:flex-end;gap:8px;display:flex}
