:root{--bg: #0a0a0b;--fg: #f4f4f5;--muted: #a1a1aa;--accent: #229ED9;--accent2: #5EBBED;--card: #18181b;--border: #27272a;--good: #4ade80;--bad: #f87171}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden;overflow-wrap:break-word;max-width:100%}h1,h2,h3{overflow-wrap:break-word;word-wrap:break-word}img,video{max-width:100%;height:auto}a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}code,pre,kbd,samp{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9em}pre{background:#000;border:1px solid var(--border);border-radius:8px;padding:.9rem 1rem;overflow-x:auto}.container{max-width:920px;margin:0 auto;padding:0 1.25rem}nav{padding:1rem 0;border-bottom:1px solid var(--border)}nav .container{display:flex;justify-content:space-between;align-items:center;gap:1rem}nav .brand{font-weight:700;font-size:1.15rem;display:flex;align-items:center;gap:.5rem;color:var(--fg)}nav .brand:hover{text-decoration:none}nav ul{display:flex;gap:1.1rem;list-style:none;margin:0;padding:0;font-size:.95rem;flex-wrap:wrap}nav ul a{color:var(--muted)}footer{margin-top:4rem;padding:2rem 0;border-top:1px solid var(--border);color:var(--muted);font-size:.85rem}footer a{color:var(--muted)}h1{font-size:2.1rem;line-height:1.2;margin:1.5rem 0 .75rem}h2{font-size:1.35rem;margin:2rem 0 .6rem}h3{font-size:1.1rem;margin:1.4rem 0 .4rem}p{margin:.6rem 0}ul.plain,ol.plain{padding-left:1.25rem}.lede{color:var(--muted);font-size:1.05rem;margin-bottom:1.5rem}.answer{border-left:3px solid var(--accent);background:var(--card);border-radius:0 10px 10px 0;padding:.9rem 1.1rem;margin:1rem 0 1.5rem;font-size:1.05rem}.answer p{margin:.3rem 0}.answer strong{color:var(--fg)}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"+ ";color:var(--accent);font-weight:700}.faq details[open] summary:before{content:"− "}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1.1rem 1.25rem;margin:1rem 0}.tool-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:1.5rem 0}.tool-card{display:block;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1.1rem;transition:border-color .15s,transform .15s;color:var(--fg)}.tool-card:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-1px)}.tool-card .title{font-weight:600;font-size:1.05rem;margin-bottom:.35rem;display:flex;align-items:center;gap:.4rem}.tool-card .desc{color:var(--muted);font-size:.9rem}.tool-card .badge{font-size:.7rem;background:var(--border);color:var(--muted);padding:.1rem .4rem;border-radius:4px;margin-left:.4rem}input[type=text],input[type=url],textarea,select{width:100%;background:#0a0a0b;color:var(--fg);border:1px solid var(--border);border-radius:8px;padding:.7rem .85rem;font-size:1rem;font-family:inherit}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}button.primary,.cta{display:inline-block;background:var(--accent);color:#fff;padding:.7rem 1.2rem;border-radius:8px;font-weight:600;border:0;cursor:pointer;font-size:1rem}button.primary:hover,.cta:hover{background:var(--accent2);text-decoration:none}.result{background:#0a0a0b;border:1px solid var(--border);border-radius:8px;padding:.9rem 1rem;margin-top:1rem}.result.error{border-color:var(--bad)}.result.success{border-color:var(--good)}.kvtable{width:100%;border-collapse:collapse;font-size:.95rem}.kvtable td{padding:.45rem .6rem;border-bottom:1px solid var(--border);vertical-align:top}.kvtable td:first-child{color:var(--muted);width:40%}.kvtable td code{color:var(--accent2)}.copy-btn{background:var(--border);color:var(--fg);border:0;padding:.2rem .55rem;border-radius:4px;font-size:.75rem;cursor:pointer;margin-left:.4rem}.copy-btn:hover{background:#3f3f46}.muted{color:var(--muted)}.hairline{border-top:1px solid var(--border);margin:2rem 0}@media(max-width:700px){main table:not(.kvtable){display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}}@media(max-width:600px){h1{font-size:1.65rem;line-height:1.18}h2{font-size:1.2rem}nav ul{font-size:.85rem;gap:.7rem}.container{padding:0 1rem}button.primary,.cta{padding:.6rem 1rem;font-size:.95rem}}