:root{--bg:#0a0a0a;--bg-card:#141414;--fg:#f5f5f5;--fg-dim:#a3a3a3;--border:#262626;--accent:#60a5fa;--header-bg:#0a0a0a99;--hover-overlay:#ffffff0d;--hover-overlay-soft:#ffffff0a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.theme-transitioning *,.theme-transitioning :before,.theme-transitioning :after{transition:none!important}:root[data-theme=light]{--bg:#fff;--bg-card:#f7f7f8;--fg:#0a0a0a;--fg-dim:#525252;--border:#e5e5e5;--accent:#2563eb;--header-bg:#fff9;--hover-overlay:#0000000d;--hover-overlay-soft:#0000000a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);margin:0;padding:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:960px;margin:0 auto;padding:48px 24px}.site-header{z-index:50;background:var(--header-bg);-webkit-backdrop-filter:saturate(180%)blur(6px);backdrop-filter:saturate(180%)blur(6px);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;gap:16px;max-width:960px;margin:0 auto;padding:12px 24px;display:flex}.site-brand{color:var(--fg);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:15px;font-weight:600;text-decoration:none}.site-brand:hover{text-decoration:none}.site-github{height:32px;color:var(--fg-dim);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:13px;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.site-github:hover{color:var(--fg);border-color:var(--accent);text-decoration:none}.site-github-logo{color:var(--fg);font-size:18px;display:inline-flex}.site-github-count{font-variant-numeric:tabular-nums}.site-actions{align-items:center;gap:8px;display:inline-flex}.site-godui{height:32px;color:var(--fg-dim);border:1px solid var(--border);border-radius:8px;align-items:center;gap:5px;padding:0 12px;font-size:13px;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.site-godui:hover{color:var(--fg);border-color:var(--accent);text-decoration:none}.site-godui-external{font-size:15px;display:inline-flex}.theme-toggle{border:1px solid var(--border);width:32px;height:32px;color:var(--fg);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;font-size:16px;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.theme-toggle:hover{border-color:var(--accent);background:var(--hover-overlay)}.theme-toggle-icon{justify-content:center;align-items:center;display:none}[data-theme=dark] .theme-toggle-icon--sun,[data-theme=light] .theme-toggle-icon--moon{display:inline-flex}.site-footer{border-top:1px solid var(--border);margin-top:64px}.site-footer-inner{max-width:960px;color:var(--fg-dim);justify-content:center;align-items:center;gap:6px;margin:0 auto;padding:24px;font-size:14px;display:flex}.site-footer-heart{color:#ef4444;font-size:14px;display:inline-flex}.site-footer-author{color:var(--fg);text-decoration:none;transition:color .2s}.site-footer-author:hover{color:var(--accent);text-decoration:underline}.grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.card{background:var(--bg-card);border:1px solid var(--border);color:var(--fg-dim);text-align:center;border-radius:8px;flex-direction:column;align-items:stretch;gap:6px;padding:8px 6px 6px;font-size:10px;transition:border-color .2s;display:flex}.card:hover{border-color:var(--accent)}.card-link{color:inherit;flex-direction:column;align-items:center;gap:6px;text-decoration:none;display:flex}.card-link:hover{text-decoration:none}.card .card-name{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.card-actions{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:4px;padding-top:4px;display:flex}.card-action{color:var(--fg-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;transition:color .2s,background .2s,border-color .2s;display:inline-flex}.card-action:hover{color:var(--fg);background:var(--hover-overlay);border-color:var(--border)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);background:var(--bg);color:var(--fg);border:1px solid var(--border);white-space:nowrap;pointer-events:none;opacity:0;z-index:10;border-radius:6px;padding:4px 8px;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:11px;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1}.preview{color:var(--fg);justify-content:center;align-items:center;height:28px;font-size:24px;display:flex}.ai-radix-icon{cursor:pointer;width:1em;height:1em;transition:transform .28s cubic-bezier(.34,1.56,.64,1);display:inline-block}.ai-radix-icon:hover{transform:scale(1.2)}.ai-radix-icon.no-hover:hover{transform:none}.preview-large{color:var(--fg);background:var(--bg-card);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;padding:32px;font-size:128px;display:flex}pre.code{background:var(--bg-card);border:1px solid var(--border);color:var(--fg);border-radius:8px;padding:16px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;overflow-x:auto}h1{margin:0 0 8px;font-size:32px}h2{margin:32px 0 12px;font-size:20px}p.lead{color:var(--fg-dim);margin:0 0 32px;line-height:1.6}label.toggle{color:var(--fg-dim);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:inline-flex}.morph-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--fg);font:inherit;cursor:pointer;border-radius:8px;padding:8px 16px;font-size:14px;transition:border-color .2s,background .2s}.morph-btn:hover{border-color:var(--accent)}.morph-btn.active{border-color:var(--accent);color:var(--accent);background:#60a5fa1a}code{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9em}.search-input{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--fg);font:inherit;border-radius:8px;margin:0 0 16px;padding:12px 16px;font-size:14px;transition:border-color .2s}.search-input::placeholder{color:var(--fg-dim)}.search-input:focus{border-color:var(--accent);outline:none}.framework-tabs{border-bottom:1px solid var(--border);gap:4px;margin:32px 0 0;padding:0;display:flex}.framework-tab{color:var(--fg-dim);font:inherit;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 18px;font-size:14px;font-weight:500;transition:color .2s,border-color .2s}.framework-tab:hover{color:var(--fg)}.framework-tab.active{color:var(--fg);border-bottom-color:var(--accent)}.code-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;margin:0 0 8px;overflow:hidden}.code-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:44px;padding:6px 8px 0 14px;display:flex}.pm-tabs{gap:2px;display:flex}.pm-tab{color:var(--fg-dim);font:inherit;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;transition:color .2s,border-color .2s}.pm-tab:hover{color:var(--fg)}.pm-tab.active{color:var(--fg);border-bottom-color:var(--accent)}.code-card-label{color:var(--fg-dim);padding:0 4px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.code-copy{color:var(--fg-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:color .2s,background .2s,border-color .2s;display:inline-flex}.code-copy:hover{color:var(--fg);background:var(--hover-overlay-soft);border-color:var(--border)}.code-card-body{margin:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;overflow-x:auto}.code-card-body.plain{color:var(--fg);padding:14px 16px}.code-card-body.plain code{white-space:pre;background:0 0;border:none;padding:0;font-size:13px}.props-table{border-collapse:collapse;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;width:100%;margin:4px 0 32px;font-size:14px;overflow:hidden}.props-table th,.props-table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 16px}.props-table th{color:var(--fg-dim);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.props-table tbody tr:last-child td,.props-table tr:last-child td{border-bottom:none}.props-table td{color:var(--fg-dim)}.props-table td code{color:var(--fg);white-space:nowrap}.code-card-body.shiki-wrap pre{counter-reset:line;margin:0;padding:14px 0;overflow-x:auto;background:0 0!important}.code-card-body.shiki-wrap pre code{background:0 0;border:none;padding:0;display:block}.code-card-body.shiki-wrap .line{counter-increment:line;padding-right:16px;display:block}.code-card-body.shiki-wrap .line:before{content:counter(line);z-index:1;text-align:right;color:#565f6a;-webkit-user-select:none;user-select:none;background:var(--bg-card);border-right:1px solid var(--border);width:2.5em;box-shadow:16px 0 0 0 var(--bg-card);margin-right:16px;padding:0 16px 0 12px;display:inline-block;position:sticky;left:0}.code-card-body.shiki-wrap .line:last-child:empty:before{display:none}