:root{--bg:#fafafa;--bg-card:#fff;--bg-chip:#f1f2f4;--bg-chip-hover:#e7e9ec;--text:#16181d;--text-muted:#5b6270;--border:#e4e6ea;--accent:#6d28d9;--accent-soft:#ede9fe;--accent-text:#5b21b6;--success:#059669;--radius:12px;--radius-sm:8px;--shadow:0 1px 3px #0000000f, 0 4px 14px #0000000a;--max-w:1080px}[data-theme=dark]{--bg:#101116;--bg-card:#191b22;--bg-chip:#23262f;--bg-chip-hover:#2c303b;--text:#edeef2;--text-muted:#9aa1af;--border:#2a2d36;--accent:#a78bfa;--accent-soft:#2b2540;--accent-text:#c4b5fd;--success:#34d399;--shadow:0 1px 3px #0006, 0 4px 14px #0000004d}*{box-sizing:border-box}html{scroll-behavior:smooth;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica Neue,Arial,sans-serif}body{background:var(--bg);color:var(--text);margin:0;font-size:1.0625rem;line-height:1.65;transition:background .2s,color .2s}.container{max-width:var(--max-w);margin:0 auto;padding:0 1.25rem}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{letter-spacing:-.015em;line-height:1.25}h1{margin:.5rem 0 1rem;font-size:clamp(1.9rem,4.5vw,2.9rem)}h2{margin:2.5rem 0 1rem;font-size:clamp(1.4rem,3vw,1.85rem)}h3{margin:1.75rem 0 .75rem;font-size:1.2rem}p{margin:0 0 1rem}.muted{color:var(--text-muted)}.site-header{z-index:50;background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;gap:1rem;height:60px;display:flex}.logo{color:var(--text);white-space:nowrap;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:800;display:flex}.logo:hover{text-decoration:none}.logo svg{flex-shrink:0}.nav-links{-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:1.1rem;font-size:.95rem;font-weight:500;display:flex;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-links a{color:var(--text-muted);white-space:nowrap}.nav-links a:hover{color:var(--text);text-decoration:none}.theme-toggle{background:var(--bg-chip);border:1px solid var(--border);cursor:pointer;width:38px;height:38px;color:var(--text);border-radius:999px;flex-shrink:0;place-items:center;display:grid}.theme-toggle:hover{background:var(--bg-chip-hover)}[data-theme=dark] .icon-sun{display:block}[data-theme=dark] .icon-moon,.icon-sun{display:none}.icon-moon{display:block}.hero{text-align:center;padding:3rem 0 1.5rem}.hero .eyebrow{background:var(--accent-soft);color:var(--accent-text);border-radius:999px;margin-bottom:.75rem;padding:.3rem .9rem;font-size:.85rem;font-weight:700;display:inline-block}.hero p.lede{max-width:660px;color:var(--text-muted);margin:0 auto 1.5rem;font-size:1.15rem}.generator{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:left;max-width:720px;margin:0 auto 2rem;padding:1.5rem}.generator-controls{flex-wrap:wrap;gap:1.25rem;margin-bottom:1.25rem;display:flex}.control-group{flex:180px}.control-group label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.45rem;font-size:.8rem;font-weight:700;display:block}.chip-row{flex-wrap:wrap;gap:.4rem;display:flex}.chip{background:var(--bg-chip);border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:999px;padding:.35rem .85rem;font-size:.9rem;font-weight:600;transition:all .12s}.chip:hover{background:var(--bg-chip-hover)}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.6rem;font-size:1rem;font-weight:700;transition:transform .1s,opacity .15s;display:inline-flex}.btn:hover{opacity:.92}.btn:active{transform:scale(.98)}.btn-block{width:100%}.gen-results{margin-top:1.25rem;display:none}.gen-results.show{display:block}.gen-results h2{margin:0 0 .75rem;font-size:1.05rem}.name-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.55rem;margin:1rem 0 1.5rem;padding:0;list-style:none;display:grid}.name-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .6rem .6rem .9rem;font-size:.98rem;font-weight:600;transition:border-color .15s;display:flex}.name-item:hover{border-color:var(--accent)}.copy-btn{background:var(--bg-chip);border:1px solid var(--border);cursor:pointer;width:34px;height:34px;color:var(--text-muted);border-radius:7px;flex-shrink:0;place-items:center;transition:all .12s;display:grid}.copy-btn:hover{background:var(--accent-soft);color:var(--accent-text)}.copy-btn.copied{background:var(--success);border-color:var(--success);color:#fff}.article{max-width:780px;margin:0 auto;padding:2rem 0 3rem}.article header{margin-bottom:1.5rem}.toc{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin:1.5rem 0;padding:1rem 1.25rem;font-size:.95rem}.toc strong{margin-bottom:.4rem;display:block}.toc ul{columns:2;margin:0;padding-left:1.2rem}@media (width<=560px){.toc ul{columns:1}}.faq details{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:.6rem;padding:0;overflow:hidden}.faq summary{cursor:pointer;padding:.9rem 1.1rem;font-weight:700;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--text-muted);font-size:1.2rem;position:absolute;right:1.1rem}.faq details[open] summary:after{content:"–"}.faq details p{color:var(--text-muted);margin:0;padding:0 1.1rem 1rem}.related-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem;margin:1rem 0 2rem;display:grid}.related-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:.9rem 1.1rem;font-weight:600;transition:border-color .15s,transform .1s}.related-card:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-1px)}.related-card span{color:var(--text-muted);margin-top:.15rem;font-size:.85rem;font-weight:400;display:block}.browse-section{padding:1rem 0 2.5rem}.site-footer{border-top:1px solid var(--border);color:var(--text-muted);margin-top:2rem;padding:2.5rem 0;font-size:.92rem}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}.footer-grid strong{color:var(--text);margin-bottom:.5rem;display:block}.footer-grid ul{margin:0;padding:0;list-style:none}.footer-grid li{margin-bottom:.35rem}.footer-grid a{color:var(--text-muted)}.footer-grid a:hover{color:var(--text)}.toast{background:var(--text);color:var(--bg);box-shadow:var(--shadow);z-index:100;pointer-events:none;border-radius:999px;padding:.65rem 1.4rem;font-size:.95rem;font-weight:600;transition:transform .25s;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)translateY(80px)}.toast.show{transform:translate(-50%)translateY(0)}.breadcrumb{color:var(--text-muted);margin:1.25rem 0 0;font-size:.88rem}.center{text-align:center}