:root{--bg:#f4f7f5;--surface:#fff;--ink:#17251f;--muted:#56675e;--accent:#0b7a55;--accent-ink:#075c40;--warm:#e8a13d;--border:#dbe3de;--deep:#0e1b15;--deep-ink:#d9efe6;--radius:10px;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--display:"Bricolage Grotesque", system-ui, sans-serif;--body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}body{background:var(--bg);color:var(--ink);font-family:var(--body);margin:0;font-size:16px;line-height:1.6}a{color:var(--accent-ink)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wrap{max-width:880px;margin:0 auto;padding:0 20px}.site-header{background:var(--deep);color:var(--deep-ink)}.site-header .wrap{justify-content:space-between;align-items:center;gap:12px;padding-top:14px;padding-bottom:14px;display:flex}.wordmark{font-family:var(--mono);color:#fff;letter-spacing:.01em;white-space:nowrap;font-size:1.05rem;font-weight:600;text-decoration:none}.wordmark .cursor{background:var(--warm);vertical-align:text-bottom;width:.55em;height:1.05em;margin-left:2px;animation:1.2s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.lang-switch{font-family:var(--mono);color:var(--deep-ink);border:1px solid #d9efe659;border-radius:999px;padding:4px 12px;font-size:.85rem;text-decoration:none}.lang-switch:hover{border-color:var(--warm);color:#fff}.chip{font-family:var(--mono);color:var(--accent-ink);background:#e4f2ec;border:1px solid #bcdccd;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.75rem;display:inline-flex}.chip:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px}h1,h2,h3{font-family:var(--display);line-height:1.2}h1{margin:.4em 0 .25em;font-size:clamp(1.6rem,4.5vw,2.3rem);font-weight:700}h2{margin-top:2em;font-size:1.3rem;font-weight:600}.tagline{color:var(--muted);margin-top:0}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:20px;padding:20px}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:var(--muted);font-size:.85rem;font-weight:600}textarea,input[type=text],input[type=number],input[type=datetime-local],select{font-family:var(--mono);color:var(--ink);border:1px solid var(--border);background:#fbfdfc;border-radius:8px;width:100%;padding:10px 12px;font-size:.9rem}textarea{resize:vertical;min-height:150px;line-height:1.5}textarea.out,input.out{background:#f1f6f3}.row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.row .field{flex:140px;margin-bottom:0}.check{align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.check input{accent-color:var(--accent);width:16px;height:16px}button,.btn{font-family:var(--body);border:1px solid var(--accent-ink);background:var(--accent);color:#fff;cursor:pointer;border-radius:8px;padding:9px 16px;font-size:.92rem;font-weight:600}button:hover{background:var(--accent-ink)}button.ghost{color:var(--accent-ink);border-color:var(--border);background:0 0}button.ghost:hover{border-color:var(--accent);background:#eef5f1}.status{font-family:var(--mono);min-height:1.2em;font-size:.82rem}.status.ok{color:var(--accent-ink)}.status.err{color:#b3401f}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.stat{border:1px solid var(--border);background:#f1f6f3;border-radius:8px;padding:10px 12px}.stat b{font-family:var(--mono);font-size:1.25rem;display:block}.stat span{color:var(--muted);font-size:.78rem}.about p{max-width:68ch}details{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:8px;padding:10px 14px}summary{cursor:pointer;font-weight:600}details p{color:var(--muted);margin:8px 0 2px}.guide p,.guide li{max-width:68ch}.guide-steps{margin:14px 0;padding-left:22px}.guide-steps li{margin-bottom:6px}.guide-code{max-width:100%;margin:14px 0}.guide-code pre{border:1px solid var(--border);background:#f1f6f3;border-radius:8px;max-width:100%;margin:0;padding:12px 14px;overflow-x:auto}.guide-code code{font-family:var(--mono);white-space:pre;font-size:.85rem}.guide-code figcaption{color:var(--muted);margin-top:6px;font-size:.8rem}.guide-table{max-width:100%;margin:14px 0;overflow-x:auto}.guide table{border-collapse:collapse;background:var(--surface);width:100%;font-size:.9rem}.guide th,.guide td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:8px 10px}.guide th{color:var(--muted);background:#f1f6f3;font-size:.8rem;font-weight:600}.hero{padding:40px 0 10px}.hero h1{font-size:clamp(1.8rem,5vw,2.6rem)}.cat-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:2.2em;font-size:.8rem}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:10px;display:grid}.tool-link{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--ink);padding:14px 16px;text-decoration:none;display:block}.tool-link:hover{border-color:var(--accent)}.tool-link b{font-family:var(--display);font-weight:600}.tool-link span{color:var(--muted);margin-top:3px;font-size:.85rem;display:block}.site-footer{border-top:1px solid var(--border);color:var(--muted);margin-top:60px;padding:24px 0 34px;font-size:.85rem}.breadcrumb{margin-top:18px;font-size:.85rem}