:root{--color-primary:#047857;--color-primary-dark:#065f46;--color-primary-light:#10b981;--color-secondary:#059669;--color-accent:#ec4899;--color-background:#0d1117;--color-surface:#161b22;--color-surface-elevated:#1a1a2e;--color-surface-hover:#21262d;--color-text-primary:#e2e8f0;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-text-inverse:#fff;--color-border:#30363d;--color-border-subtle:#21262d;--color-border-hover:#475569;--color-border-focus:#047857;--color-success:#238636;--color-warning:#d29922;--color-error:#f85149;--color-info:#58a6ff;--color-card-bg:#0d1117;--color-card-border:#334155;--color-card-bg-hover:#1a1a2e;--color-card-gradient-start:#1a1a2e;--color-card-gradient-end:#161b22;--color-tag-bg:#0478571a;--color-tag-border:#04785740;--color-tag-bg-hover:#04785733;--color-tag-text:#e2e8f0;--color-code-block-bg:#0d1117;--color-code-block-text:#e6edf3;--color-code-block-border:#334155;--code-syntax-comment:#6b7280;--code-syntax-keyword:#c084fc;--code-syntax-string:#86efac;--code-syntax-number:#fbbf24;--code-syntax-function:#60a5fa;--code-syntax-property:#f472b6;--code-syntax-builtin:#7dd3fc;--code-syntax-meta:#94a3b8;--color-npm-bg:#0d1117;--color-npm-text:#a5b4fc;--color-step-code-bg:#04785726;--color-step-code-text:#a5b4fc;--color-tagline-text:#047857;--color-footer-text:#94a3b8;--color-footer-text-muted:#64748b;--color-footer-text-hover:#e2e8f0;--color-footer-link:#94a3b8;--color-footer-bg:#0d1117;--color-footer-border:#334155;--color-tags-section-bg:#04785708;--color-nav-bg:#161b22d9;--color-nav-border:#30363d;--color-nav-link:#94a3b8;--color-nav-link-hover:#e2e8f0;--color-nav-link-active:#a78bfa;--color-nav-link-bg:#04785714;--color-nav-link-active-bg:#0478571f;--color-demo-section-bg:#0d1117;--color-section-title:#e2e8f0;--color-section-subtitle:#94a3b8;--color-hero-bg-start:#0d1117;--color-hero-bg-end:#161b22;--color-hero-glow-start:#0478572e;--color-hero-orb:#04785759;--color-hero-grid:#04785714;--color-hero-badge-bg:#0478571a;--color-hero-badge-border:#0478574d;--color-feature-icon-bg:#0478571a;--color-stat-pill-bg:#0478570f;--color-stat-pill-border:#04785733;--color-btn-secondary-bg:#ffffff0a;--color-btn-secondary-border:#ffffff1f;--color-btn-secondary-hover-bg:#0478571a;--color-advanced-tag-bg:#d2992226;--color-code-inline-bg:#6e768133;--color-showcase-learn-bg:#04785714;--gradient-primary:linear-gradient(135deg,#047857 0%,#059669 100%);--gradient-text:linear-gradient(135deg,#e2e8f0 0%,#a78bfa 50%,#047857 100%);--gradient-surface:linear-gradient(135deg,#1a1a2e 0%,#161b22 100%);--gradient-card:linear-gradient(135deg,#1a1a2e 0%,#161b22 100%);--gradient-section-dark:linear-gradient(180deg,#0f0f1a 0%,#1a1a2e 100%);--gradient-hero-title:linear-gradient(135deg,#e2e8f0 0%,#a78bfa 50%,#047857 100%);--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Cascadia Code","Consolas",monospace;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:5rem;--radius-xs:.25rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d,0 1px 3px 0 #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-primary:0 4px 15px #0478574d,0 0 30px #0478571a;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-tooltip:600}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-sans);background:var(--color-background);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}@font-face{font-family:"system-ui";font-display:swap}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-md);font-weight:600;line-height:1.25}h1{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem}h2{color:var(--color-text-primary);margin-top:var(--spacing-xl);font-size:1.75rem}h3{color:var(--color-text-primary);font-size:1.25rem}p{margin-bottom:var(--spacing-md);color:var(--color-text-muted)}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-dark)}button{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);color:#fff;background:var(--color-primary);border-radius:var(--radius-md);cursor:pointer;border:none;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}button:hover{background:var(--color-primary-dark);transform:translateY(-1px)}button:active{transform:translateY(0)}button.secondary{border:1px solid var(--color-border);color:var(--color-text-primary);background:0 0}button.secondary:hover{background:var(--color-surface)}.code-preview,.code-block,.code-output,.error-output{font-family:var(--font-mono);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);white-space:pre-wrap;word-break:break-all;font-size:.875rem;line-height:1.7;overflow-x:auto}.code-preview,.code-block{color:var(--color-text-primary)}.code-output{color:var(--color-success)}.error-output{color:var(--color-error);background:#f851491a}.feature-card,.example-card,.tip-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .2s}.feature-card:hover,.example-card:hover,.tip-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}input,textarea{width:100%;padding:var(--spacing-sm)var(--spacing-md);color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;font-size:.875rem;transition:all .2s}input:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0478571a}textarea{resize:vertical;min-height:200px;font-family:var(--font-mono)}.app{flex-direction:column;min-height:100vh;display:flex}.content{padding:var(--spacing-xl);flex:1;width:100%;max-width:1200px;margin:0 auto}.home .hero{text-align:center;padding:var(--spacing-2xl)0}.home .hero h1{margin-bottom:var(--spacing-md);font-size:4rem}.home .hero h2{color:var(--color-text-muted);margin-bottom:var(--spacing-lg);font-size:1.5rem}.home .cta{gap:var(--spacing-md);margin-top:var(--spacing-xl);justify-content:center;display:flex}.feature-grid{gap:var(--spacing-lg);margin-top:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.docs-page{gap:var(--spacing-2xl);grid-template-columns:250px 1fr;display:grid}.sidebar{top:var(--spacing-xl);height:-moz-fit-content;height:fit-content;position:sticky}.doc-nav{gap:var(--spacing-sm);flex-direction:column;display:flex}.doc-nav h2{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-top:0;font-size:1rem}.nav-link{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);transition:all .2s}.nav-link:hover{background:var(--color-surface)}.doc-section{margin-bottom:var(--spacing-2xl)}.doc-section h1{margin-top:0}.examples-page h1{margin-bottom:var(--spacing-sm)}.example-card{margin-bottom:var(--spacing-xl)}.example-card h2{margin-top:0}.demo{background:var(--color-surface-light);border-radius:var(--radius-md);padding:var(--spacing-lg);margin:var(--spacing-lg)0}.counter-display{margin-bottom:var(--spacing-md);font-size:1.25rem;font-weight:600}.button-group{gap:var(--spacing-sm);display:flex}.todo-input{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.todo-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.todo-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-surface);border-radius:var(--radius-sm);display:flex}.todo-item.done{opacity:.6}.todo-item span:first-child{cursor:pointer;font-size:1.25rem}.todo-item span:nth-child(2){flex:1}.todo-item button{padding:var(--spacing-xs)var(--spacing-sm);color:var(--color-text-muted);background:0 0}.todo-item button:hover{color:#f85149}.playground-container{gap:var(--spacing-lg);margin:var(--spacing-xl)0;grid-template-columns:1fr 1fr;display:grid}.editor-panel,.output-panel{gap:var(--spacing-md);flex-direction:column;display:flex}.editor-panel h2,.output-panel h2{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0;font-size:1rem}.code-editor{flex:1;min-height:300px}.run-button{align-self:flex-start}.tips-grid{gap:var(--spacing-lg);margin-top:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.tip-card h2{margin-top:0;font-size:1rem}@media (max-width:768px){.docs-page{grid-template-columns:1fr}.sidebar{position:static}.playground-container{grid-template-columns:1fr}.home .hero h1{font-size:2.5rem}.feature-grid{grid-template-columns:1fr}}[data-theme=light]{--color-background:#fff;--color-surface:#f8fafc;--color-surface-elevated:#f1f5f9;--color-surface-hover:#e2e8f0;--color-surface-light:#f8fafc;--color-code-bg:#f1f5f9;--color-text-primary:#1e293b;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-text-inverse:#fff;--color-border:#cbd5e1;--color-border-subtle:#e2e8f0;--color-border-hover:#94a3b8;--color-card-bg:#fff;--color-card-border:#e2e8f0;--color-card-bg-hover:#f8fafc;--color-card-gradient-start:#fff;--color-card-gradient-end:#f8fafc;--color-tag-bg:#04785714;--color-tag-border:#04785733;--color-tag-bg-hover:#04785726;--color-tag-text:#047857;--color-code-block-bg:#f1f5f9;--color-code-block-text:#1e293b;--color-code-block-border:#cbd5e1;--code-syntax-comment:#6b7280;--code-syntax-keyword:#7c3aed;--code-syntax-string:#16a34a;--code-syntax-number:#d97706;--code-syntax-function:#2563eb;--code-syntax-property:#db2777;--code-syntax-builtin:#0891b2;--code-syntax-meta:#475569;--color-npm-bg:#f1f5f9;--color-npm-text:#047857;--color-step-code-bg:#04785714;--color-step-code-text:#047857;--color-tagline-text:#065f46;--color-footer-text:#475569;--color-footer-text-muted:#94a3b8;--color-footer-text-hover:#1e293b;--color-footer-link:#475569;--color-footer-bg:#f1f5f9;--color-footer-border:#cbd5e1;--color-tags-section-bg:#0478570a;--color-nav-bg:#ffffffd9;--color-nav-border:#e2e8f0;--color-nav-link:#475569;--color-nav-link-hover:#1e293b;--color-nav-link-active:#047857;--color-nav-link-bg:#04785714;--color-nav-link-active-bg:#0478571f;--color-demo-section-bg:#f1f5f9;--color-section-title:#1e293b;--color-section-subtitle:#475569;--color-hero-bg-start:#fff;--color-hero-bg-end:#f8fafc;--color-hero-glow-start:#04785714;--color-hero-orb:#04785726;--color-hero-grid:#0478570d;--color-hero-badge-bg:#04785714;--color-hero-badge-border:#04785740;--color-feature-icon-bg:#0478571a;--color-stat-pill-bg:#0478570d;--color-stat-pill-border:#0478572e;--color-btn-secondary-bg:#fff9;--color-btn-secondary-border:#cbd5e1;--color-btn-secondary-hover-bg:#0478571a;--color-advanced-tag-bg:#d299221a;--color-code-inline-bg:#04785714;--color-showcase-learn-bg:#0478570d;--gradient-surface:linear-gradient(135deg,#f1f5f9 0%,#f8fafc 100%);--gradient-text:linear-gradient(135deg,#1e293b 0%,#047857 50%,#059669 100%);--gradient-card:linear-gradient(135deg,#fff 0%,#f8fafc 100%);--gradient-section-dark:linear-gradient(180deg,#f8fafc 0%,#e2e8f0 100%);--gradient-hero-title:linear-gradient(135deg,#1e293b 0%,#047857 50%,#059669 100%);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-primary:0 4px 15px #04785733,0 0 30px #04785714}@media (prefers-color-scheme:light){[data-theme=auto]{--color-background:#fff;--color-surface:#f8fafc;--color-surface-elevated:#f1f5f9;--color-surface-hover:#e2e8f0;--color-surface-light:#f8fafc;--color-code-bg:#f1f5f9;--color-text-primary:#1e293b;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-text-inverse:#fff;--color-border:#cbd5e1;--color-border-subtle:#e2e8f0;--color-border-hover:#94a3b8;--color-card-bg:#fff;--color-card-border:#e2e8f0;--color-card-bg-hover:#f8fafc;--color-card-gradient-start:#fff;--color-card-gradient-end:#f8fafc;--color-tag-bg:#04785714;--color-tag-border:#04785733;--color-tag-bg-hover:#04785726;--color-tag-text:#047857;--color-code-block-bg:#f1f5f9;--color-code-block-text:#1e293b;--color-code-block-border:#cbd5e1;--code-syntax-comment:#6b7280;--code-syntax-keyword:#7c3aed;--code-syntax-string:#16a34a;--code-syntax-number:#d97706;--code-syntax-function:#2563eb;--code-syntax-property:#db2777;--code-syntax-builtin:#0891b2;--code-syntax-meta:#475569;--color-npm-bg:#f1f5f9;--color-npm-text:#047857;--color-step-code-bg:#04785714;--color-step-code-text:#047857;--color-tagline-text:#065f46;--color-footer-text:#475569;--color-footer-text-muted:#94a3b8;--color-footer-text-hover:#1e293b;--color-footer-link:#475569;--color-footer-bg:#f1f5f9;--color-footer-border:#cbd5e1;--color-tags-section-bg:#0478570a;--color-nav-bg:#ffffffd9;--color-nav-border:#e2e8f0;--color-nav-link:#475569;--color-nav-link-hover:#1e293b;--color-nav-link-active:#047857;--color-nav-link-bg:#04785714;--color-nav-link-active-bg:#0478571f;--color-demo-section-bg:#f1f5f9;--color-section-title:#1e293b;--color-section-subtitle:#475569;--color-hero-bg-start:#fff;--color-hero-bg-end:#f8fafc;--color-hero-glow-start:#04785714;--color-hero-orb:#04785726;--color-hero-grid:#0478570d;--color-hero-badge-bg:#04785714;--color-hero-badge-border:#04785740;--color-feature-icon-bg:#0478571a;--color-stat-pill-bg:#0478570d;--color-stat-pill-border:#0478572e;--color-btn-secondary-bg:#fff9;--color-btn-secondary-border:#cbd5e1;--color-btn-secondary-hover-bg:#0478571a;--color-advanced-tag-bg:#d299221a;--color-code-inline-bg:#04785714;--color-showcase-learn-bg:#0478570d;--gradient-surface:linear-gradient(135deg,#f1f5f9 0%,#f8fafc 100%);--gradient-text:linear-gradient(135deg,#1e293b 0%,#047857 50%,#059669 100%);--gradient-card:linear-gradient(135deg,#fff 0%,#f8fafc 100%);--gradient-section-dark:linear-gradient(180deg,#f8fafc 0%,#e2e8f0 100%);--gradient-hero-title:linear-gradient(135deg,#1e293b 0%,#047857 50%,#059669 100%);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-primary:0 4px 15px #04785733,0 0 30px #04785714}[data-theme=auto] rikka-live-playground{--pg-bg:var(--color-background);--pg-surface:var(--color-surface);--pg-surface-elevated:var(--color-surface-elevated);--pg-surface-2:var(--color-surface);--pg-surface-hover:var(--color-surface-hover);--pg-border:var(--color-border);--pg-text:var(--color-text-primary);--pg-text-muted:var(--color-text-secondary);--pg-text-subtle:var(--color-text-muted);--pg-text-strong:var(--color-text-primary);--pg-text-inverse:var(--color-text-inverse);--pg-accent:var(--color-primary);--pg-accent-soft:#04785714;--pg-accent-soft-strong:#04785726;--pg-accent-active:#047857;--pg-error-bg:#f851490f;--pg-success:var(--color-success);--pg-success-hover:var(--color-success);--pg-warn:var(--color-warning);--pg-error:var(--color-error);--pg-info:var(--color-info);--pg-handle-grip:var(--color-border);--pg-spinner-track:var(--color-border);--pg-spinner-active:var(--color-primary);--pg-syntax-comment:var(--code-syntax-comment);--pg-syntax-keyword:var(--code-syntax-keyword);--pg-syntax-string:var(--code-syntax-string);--pg-syntax-number:var(--code-syntax-number);--pg-syntax-function:var(--code-syntax-function);--pg-syntax-property:var(--code-syntax-property);--pg-syntax-builtin:var(--code-syntax-builtin);--pg-syntax-meta:var(--code-syntax-meta)}}[data-theme=light] rikka-live-playground{--pg-bg:var(--color-background);--pg-surface:var(--color-surface);--pg-surface-elevated:var(--color-surface-elevated);--pg-surface-2:var(--color-surface);--pg-surface-hover:var(--color-surface-hover);--pg-border:var(--color-border);--pg-text:var(--color-text-primary);--pg-text-muted:var(--color-text-secondary);--pg-text-subtle:var(--color-text-muted);--pg-text-strong:var(--color-text-primary);--pg-text-inverse:var(--color-text-inverse);--pg-accent:var(--color-primary);--pg-accent-soft:#04785714;--pg-accent-soft-strong:#04785726;--pg-accent-active:#047857;--pg-error-bg:#f851490f;--pg-success:var(--color-success);--pg-success-hover:var(--color-success);--pg-warn:var(--color-warning);--pg-error:var(--color-error);--pg-info:var(--color-info);--pg-handle-grip:var(--color-border);--pg-spinner-track:var(--color-border);--pg-spinner-active:var(--color-primary);--pg-syntax-comment:var(--code-syntax-comment);--pg-syntax-keyword:var(--code-syntax-keyword);--pg-syntax-string:var(--code-syntax-string);--pg-syntax-number:var(--code-syntax-number);--pg-syntax-function:var(--code-syntax-function);--pg-syntax-property:var(--code-syntax-property);--pg-syntax-builtin:var(--code-syntax-builtin);--pg-syntax-meta:var(--code-syntax-meta)}body,.hero:before,.feature-card,.package-card,.nav-links,.sidebar,.footer,.api-table{transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}