*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f172a;--surface:#1e293b;--surface-hover:#334155;--border:#334155;--text:#f1f5f9;--text-muted:#94a3b8;--accent:#3b82f6;--accent-hover:#60a5fa;--radius:10px}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.app{max-width:720px;margin:0 auto;padding:56px 24px 32px}header{text-align:center;margin-bottom:48px}header h1{letter-spacing:-.02em;margin-bottom:8px;font-size:2rem;font-weight:700}header p{color:var(--text-muted);font-size:1.05rem}header code{color:var(--accent-hover);font-size:1rem}.install-cmd{background:var(--surface);border:1px solid var(--border);color:var(--accent-hover);cursor:text;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;border-radius:6px;margin-top:16px;padding:8px 20px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.9rem;display:inline-block}section{margin-bottom:48px}section h2{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:8px;font-size:.85rem;font-weight:600}section h2 a{color:inherit;text-decoration:none;transition:color .15s}@media (hover:hover){section h2 a:hover{color:var(--accent-hover)}}.icon-grid{grid-template-columns:repeat(7,1fr);gap:12px;display:grid}.icon-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);flex-direction:column;align-items:center;gap:8px;padding:16px 8px;transition:all .2s;display:flex}@media (hover:hover){.icon-card:hover{background:var(--surface-hover);border-color:var(--accent);color:var(--accent-hover);transform:translateY(-2px)}}.icon-card svg{width:24px;height:24px}.icon-card span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:SF Mono,Fira Code,monospace;font-size:.8rem;overflow:hidden}.sprite-url{color:var(--text-muted);overflow-wrap:break-word;word-break:break-all;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.2);border-radius:8px;margin-top:16px;padding:10px 14px;font-size:.9rem}.sprite-url a{color:var(--accent-hover);text-decoration:none}@media (hover:hover){.sprite-url a:hover{text-decoration:underline}}.sprite-url code{color:var(--accent-hover)}.code-block{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);-webkit-overflow-scrolling:touch;white-space:pre;margin:0;padding:20px 24px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.9rem;line-height:1.7;overflow-x:auto}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#6b7280}.token.punctuation{color:#9ca3af}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol{color:#f59e0b}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin{color:#34d399}.token.operator,.token.entity,.token.url{color:#9ca3af}.token.atrule,.token.attr-value,.token.keyword{color:#c084fc}.token.function,.token.class-name{color:#60a5fa}.token.regex,.token.important,.token.variable{color:#f59e0b}.get-started{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:24px}.get-started p{color:var(--text-muted);margin-bottom:16px;font-size:.95rem}.get-started code{color:var(--accent-hover)}.get-started-links{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn{background:var(--accent);color:#fff;border-radius:6px;padding:10px 24px;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .15s;display:inline-block}@media (hover:hover){.btn:hover{background:var(--accent-hover)}}.btn-secondary{border:1px solid var(--border);color:var(--text-muted);background:0 0}@media (hover:hover){.btn-secondary:hover{border-color:var(--accent);color:var(--accent-hover);background:0 0}}footer{text-align:center;border-top:1px solid var(--border);padding-top:24px;font-size:.9rem}footer a{color:var(--text-muted);text-decoration:none;transition:color .15s}@media (hover:hover){footer a:hover{color:var(--accent-hover)}}.sep{color:var(--border);margin:0 12px}@media (max-width:768px){.icon-grid{grid-template-columns:repeat(5,1fr);gap:10px}}@media (max-width:640px){.app{padding:32px 16px 24px}header{margin-bottom:32px}header h1{font-size:1.5rem}header p{font-size:.95rem}.install-cmd{max-width:100%;padding:8px 14px;font-size:.8rem;overflow-x:auto}section{margin-bottom:32px}.icon-grid{grid-template-columns:repeat(4,1fr);gap:8px}.icon-card{gap:6px;padding:12px 4px}.icon-card span{font-size:.7rem}.sprite-url{padding:8px 12px;font-size:.8rem}.code-block{border-radius:8px;padding:14px 16px;font-size:.78rem;line-height:1.6}footer{font-size:.85rem}}@media (max-width:400px){.app{padding:24px 12px 20px}header h1{font-size:1.3rem}.icon-grid{grid-template-columns:repeat(3,1fr);gap:6px}.icon-card{padding:10px 2px}.code-block{padding:12px;font-size:.72rem}}
/*# sourceMappingURL=bundle.e098d97d.css.map*/