:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--fg:#1a1a1a;--bg:#fff;--muted:#6b7280;--accent:#2563eb;--border:#e5e7eb}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--fg:#e7e7e7;--bg:#111318;--muted:#9ca3af;--accent:#7aa2ff;--border:#2a2e37}}*{box-sizing:border-box}body{color:var(--fg);background:var(--bg);margin:0;font:16px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shell{max-width:760px;margin:0 auto;padding:1.5rem 1.25rem 4rem}header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}header a{color:var(--fg);font-size:1.1rem}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:8px;padding:.5rem 1rem}button.link{color:var(--accent);background:0 0;border:none;padding:.25rem}.muted{color:var(--muted)}.center{text-align:center;margin-top:4rem}.error{color:#dc2626}.signin{text-align:center;max-width:320px;margin:15vh auto 0}.signin form{flex-direction:column;gap:.6rem;margin-bottom:.75rem;display:flex}.signin input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:8px;padding:.6rem .8rem}.signin button[type=submit]{background:var(--accent);color:#fff;border:none}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--border)}.list a{color:var(--fg);padding:.9rem .25rem;display:block}.list a:hover{background:color-mix(in srgb, var(--accent) 6%, transparent);text-decoration:none}.list .title{font-weight:600;display:block}.list .meta,article .meta{color:var(--muted);font-size:.85rem;display:block}.tags em{color:var(--muted);border:1px solid var(--border);border-radius:99px;margin-right:.35rem;padding:.05rem .5rem;font-size:.75rem;font-style:normal}article h1{line-height:1.25}article blockquote{border-left:3px solid var(--accent);background:color-mix(in srgb, var(--accent) 7%, transparent);border-radius:0 8px 8px 0;margin:1rem 0;padding:.5rem 1rem}article code{background:color-mix(in srgb, var(--fg) 8%, transparent);border-radius:4px;padding:.1em .35em;font-size:.9em}article table{border-collapse:collapse;display:block;overflow-x:auto}article th,article td{border:1px solid var(--border);text-align:left;padding:.4rem .7rem}.signin .github{background:var(--fg);width:100%;color:var(--bg);border:none;margin-bottom:.25rem;padding:.6rem}.signin .or{margin:.75rem 0;font-size:.85rem}.brand-row{margin:2rem 0}.brand-row h2 code{color:var(--accent);margin-right:.4rem}.brand-pair{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.shell-wide{max-width:96vw}.shell-wide .brand-pair{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.brand-tile{border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;gap:1.25rem;padding:1.5rem;display:flex}.brand-tile.light{color:#16181d;--brand-accent:#2563eb;--brand-bg:#fff;background:#fff}.brand-tile.dark{color:#e7e7e7;--brand-accent:#7aa2ff;--brand-bg:#14161b;background:#14161b}.brand-sizes{align-items:center;gap:1.25rem;display:flex}.brand-word{align-items:center;gap:.45rem;font-size:.95rem;display:inline-flex}@media (width<=600px){.brand-pair,.shell-wide .brand-pair{grid-template-columns:1fr}}.brand-tile.fam-pink{color:#e0a4b0;--brand-accent:#8fb8c9;--brand-bg:#faf6f0;background:#faf6f0;border-color:#efe6d8}.brand-tile.fam-blue{color:#8fb8c9;--brand-accent:#8fb08a;--brand-bg:#faf6f0;background:#faf6f0;border-color:#efe6d8}.brand-tile.fam-pink .brand-word strong,.brand-tile.fam-blue .brand-word strong{color:#4a4540}.brand-tile.fam-beige{color:#4a4540;--brand-accent:#e0a4b0;--brand-bg:#efe6d8;background:#efe6d8;border-color:#e0d5c2}.brand-row h2 .archive{opacity:.35;background:0 0;border:none;margin-left:.5rem;padding:.1rem .3rem;font-size:.9rem}.brand-row h2 .archive:hover{opacity:1}.brand-archived{flex-wrap:wrap;gap:.6rem;display:flex}.brand-archived .restore{opacity:.7;align-items:center;gap:.5rem;display:inline-flex}.brand-archived .restore:hover{opacity:1}.brand .brand-sticky{z-index:10;background:var(--bg);border-bottom:1px solid var(--border);margin:0 -.5rem;padding:.75rem .5rem .6rem;display:block;position:sticky;top:0}.brand .brand-sticky-top{justify-content:space-between;align-items:baseline;margin-bottom:.5rem;display:flex}.brand-nav{flex-wrap:wrap;gap:.4rem;display:flex}.brand-nav button{border-radius:999px;padding:.25rem .8rem;font-size:.85rem}.brand-nav button:hover{border-color:var(--accent);color:var(--accent)}.brand-row h2 .fav{opacity:.3;filter:grayscale();background:0 0;border:none;margin-left:.5rem;padding:.1rem .3rem;font-size:.9rem}.brand-row h2 .fav.on{opacity:1;filter:none}.brand-row h2 .fav:hover{opacity:1}.brand h1.collapsible{cursor:pointer;-webkit-user-select:none;user-select:none}.brand h1.collapsible:hover{color:var(--accent)}.brand h1 .chev{width:1.1rem;color:var(--muted);display:inline-block}.brand h1 .count-hint{color:var(--muted);border:1px solid var(--border);vertical-align:middle;border-radius:999px;margin-left:.6rem;padding:.05rem .6rem;font-size:.85rem;font-weight:400}.brand h1 .copyfav{vertical-align:middle;border-radius:999px;margin-left:.8rem;padding:.25rem .8rem;font-size:.8rem;font-weight:400}.brand-sticky-top .link{margin-left:.6rem;font-size:.85rem}
