:root{color-scheme:light;--bg:#f7f7f8;--surface:#ffffff;--border:#e4e4e7;--text:#17181c;--muted:#6b7280;--accent:#4f6bff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#0b0d10;--surface:#16191d;--border:#262b31;--text:#e7e9ec;--muted:#9aa4af;--accent:#7d9bff}}:root[data-theme=dark]{color-scheme:dark;--bg:#0b0d10;--surface:#16191d;--border:#262b31;--text:#e7e9ec;--muted:#9aa4af;--accent:#7d9bff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--accent)}.page{max-width:1080px;margin:0 auto;padding:2rem 1.5rem 4rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.topbar h1{font-size:1.35rem;margin:0}.topbar .brand{display:flex;align-items:baseline;gap:.6rem}.topbar .count{color:var(--muted);font-size:.9rem}.button{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font-size:.9rem;text-decoration:none}.button.primary{background:var(--accent);border-color:var(--accent);color:#05070a;font-weight:600}.filters{display:flex;gap:.6rem;margin-bottom:1.25rem}.search{flex:1 1;width:auto}.category-select,.search{padding:.65rem .9rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.95rem}.category-select{min-width:160px}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));grid-gap:.75rem;gap:.75rem}.icon-tile{border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:1rem .75rem;text-decoration:none;color:var(--text);display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center;transition:border-color .12s ease,transform .12s ease}.icon-tile:hover{border-color:var(--accent);transform:translateY(-1px)}.icon-tile .glyph{width:36px;height:36px;display:flex;align-items:center;justify-content:center}.icon-tile .glyph svg{width:100%;height:100%}.icon-tile .name{font-size:.8rem;color:var(--muted);word-break:break-word}.empty{padding:3rem 0;text-align:center}.empty,.footer{color:var(--muted)}.footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border);font-size:.85rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.detail-card{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:2.5rem;flex-direction:column;gap:1.5rem;text-align:center}.detail-card,.detail-glyph{display:flex;align-items:center}.detail-glyph{width:96px;height:96px;justify-content:center}.detail-glyph svg{width:100%;height:100%}.detail-tags{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}.customizer{gap:1.25rem}.customize-controls,.customizer{display:flex;flex-direction:column;align-items:center;width:100%}.customize-controls{gap:.75rem;max-width:420px}.control-row{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.control-row label{display:flex;flex-direction:column;align-items:center;gap:.35rem;font-size:.78rem;color:var(--muted)}.control-row input[type=range]{width:120px}.control-row input[type=color]{width:44px;height:32px;padding:0;border:1px solid var(--border);border-radius:6px;background:var(--surface);cursor:pointer}.control-row input[type=number]{width:64px;padding:.3rem .4rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-size:.85rem}.tag{border:1px solid var(--border);border-radius:999px;padding:.15rem .6rem;font-size:.75rem;color:var(--muted)}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.6rem;gap:.6rem;width:100%;max-width:360px}.usage-snippet{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;width:100%;max-width:420px;text-align:left;overflow-x:auto}