:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#141519;--panel-bg:linear-gradient(180deg, #1f2127, #191b20);--control-bg:#23252c;--control-border:#32353d;--radius:10px;--radius-sm:6px;--text:#e8e6e3;--muted:#8a8a94;--acc:#ff8c3a}*{box-sizing:border-box}body{background:var(--app-bg);color:var(--text);margin:0;font-family:system-ui,sans-serif;line-height:1.5}.wrap{max-width:56rem;margin:0 auto;padding:0 1.25rem}a{color:var(--acc)}.patterns-header{padding:2.5rem 0 1.5rem}.brand{margin:0 0 1.5rem;font-weight:600}.brand a{color:var(--text);align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.brand-mark{display:block}.patterns-header h1{letter-spacing:-.02em;margin:0 0 .4rem;font-size:2rem}.patterns-header .sub{color:var(--muted);max-width:42rem;margin:0 0 1.1rem}.patterns-links{flex-wrap:wrap;gap:1rem;font-size:.9rem;display:flex}.patterns-body{padding-bottom:3rem}.patterns-count{color:var(--muted);margin:0 0 1rem;font-size:.9rem}.patterns-toc{flex-wrap:wrap;gap:.5rem;margin:0 0 2rem;display:flex}.patterns-toc a{background:var(--control-bg);border:1px solid var(--control-border);border-radius:999px;padding:.3rem .7rem;font-size:.82rem;text-decoration:none}.patterns-toc a:hover{border-color:var(--acc)}.patterns-group{margin:0 0 2.25rem;scroll-margin-top:1rem}.patterns-group h2{margin:0 0 .75rem;font-size:1.15rem}.patterns-list{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.pattern{background:var(--panel-bg);border:1px solid var(--control-border);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;padding:.55rem .8rem;display:flex}.pattern-name{font-weight:600}.pattern-meta{color:var(--muted);font-size:.82rem}.patterns-note{color:var(--muted);max-width:42rem}.patterns-foot{border-top:1px solid var(--control-border);color:var(--muted);padding:1.5rem 0 3rem;font-size:.9rem}@media (max-width:34rem){.patterns-header{padding-top:1.75rem}.patterns-header h1{font-size:1.6rem}}