body{margin:0;padding:0}.showcase-layout.svelte-1h5zu0p{display:flex;min-height:100vh;background:var(--lg-bg-primary, #fafaf9)}.dark-mode-toggle.svelte-1h5zu0p{position:fixed;top:1rem;right:1rem;z-index:1000;background-color:var(--lg-bg-secondary, #f5f5f4);border:2px solid var(--lg-warm-200, #e5e7eb);border-radius:50%;width:3rem;height:3rem;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.dark-mode-toggle.svelte-1h5zu0p:hover{background-color:var(--lg-warm-100, #f3f4f6);border-color:var(--lg-primary, #466d4d);transform:scale(1.1);box-shadow:0 4px 12px #00000026}.dark-mode-toggle.svelte-1h5zu0p:active{transform:scale(.95)}.dark-mode-toggle.svelte-1h5zu0p:focus-visible{outline:3px solid var(--lg-primary, #466d4d);outline-offset:2px}.skip-link.svelte-1h5zu0p{position:absolute;top:-40px;left:0;background:var(--lg-primary, #466d4d);color:#fff;padding:8px;text-decoration:none;border-radius:0 0 4px;z-index:1000}.skip-link.svelte-1h5zu0p:focus{top:0}.mobile-header.svelte-1h5zu0p{position:fixed;top:0;left:0;right:0;height:64px;background:var(--lg-bg-primary, white);border-bottom:2px solid var(--lg-warm-200, #e5e7eb);display:flex;align-items:center;padding:0 .75rem;gap:.75rem;z-index:100;box-shadow:0 2px 8px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--lg-bg-primary, rgba(255, 255, 255, .95))}@media (min-width: 1024px){.mobile-header.svelte-1h5zu0p{display:none}}.menu-toggle.svelte-1h5zu0p{background:transparent;border:none;padding:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:background .2s;color:var(--lg-text-primary, #111827);min-width:48px;min-height:48px;-webkit-tap-highlight-color:transparent}.menu-toggle.svelte-1h5zu0p:hover{background:var(--lg-accent-light, rgba(164, 169, 72, .1))}.menu-toggle.svelte-1h5zu0p:focus-visible{outline:2px solid var(--lg-primary, #466d4d);outline-offset:-2px}.mobile-title.svelte-1h5zu0p{font-size:1rem;font-weight:600;color:var(--lg-text-primary, #111827);margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-actions.svelte-1h5zu0p{display:flex;gap:.5rem}.icon-btn.svelte-1h5zu0p{background:transparent;border:none;padding:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:background .2s;color:var(--lg-text-primary, #111827);min-width:48px;min-height:48px;-webkit-tap-highlight-color:transparent}.icon-btn.svelte-1h5zu0p:hover{background:var(--lg-accent-light, rgba(164, 169, 72, .1))}.icon-btn.svelte-1h5zu0p:focus-visible{outline:2px solid var(--lg-primary, #466d4d);outline-offset:-2px}.sidebar.svelte-1h5zu0p{width:280px;background:var(--lg-bg-primary, white);border-right:2px solid var(--lg-warm-200, #e5e7eb);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;transform:translate(-100%);transition:transform .3s ease;z-index:200;overflow-y:auto}.sidebar--open.svelte-1h5zu0p{transform:translate(0)}@media (min-width: 1024px){.sidebar.svelte-1h5zu0p{position:relative;transform:translate(0)}}.sidebar-header.svelte-1h5zu0p{padding:3rem 2rem 2rem;border-bottom:1px solid var(--lg-warm-100, #f3f4f6)}.sidebar-title.svelte-1h5zu0p{font-size:1.5rem;font-weight:700;color:var(--lg-text-primary, #111827);margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.logo.svelte-1h5zu0p{font-size:1.75rem;animation:svelte-1h5zu0p-pulse 2s ease-in-out infinite}@keyframes svelte-1h5zu0p-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.sidebar-subtitle.svelte-1h5zu0p{color:var(--lg-text-muted, #6b7280);margin:0;font-size:.875rem}.sidebar-actions.svelte-1h5zu0p{padding:1.5rem 2rem;display:flex;gap:.75rem;border-bottom:1px solid var(--lg-warm-100, #f3f4f6)}@media (max-width: 1023px){.sidebar-actions.svelte-1h5zu0p{display:none}}.search-btn.svelte-1h5zu0p{flex:1;display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--lg-warm-50, #fafaf9);border:2px solid var(--lg-warm-200, #e5e7eb);border-radius:.5rem;color:var(--lg-text-secondary, #374151);font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem}.search-btn.svelte-1h5zu0p:hover{background:var(--lg-warm-100, #f3f4f6);border-color:var(--lg-primary, #466d4d);color:var(--lg-text-primary, #111827)}.search-btn.svelte-1h5zu0p:focus-visible{outline:2px solid var(--lg-primary, #466d4d);outline-offset:-2px}.search-btn.svelte-1h5zu0p kbd:where(.svelte-1h5zu0p){margin-left:auto;padding:.125rem .375rem;background:var(--lg-bg-primary, white);border:1px solid var(--lg-gray-300, #d1d5db);border-radius:.25rem;font-size:.75rem;font-family:monospace;color:var(--lg-text-muted, #6b7280)}.sidebar-nav.svelte-1h5zu0p{flex:1;padding:1.5rem 0}.nav-link.svelte-1h5zu0p{display:flex;align-items:center;gap:.75rem;padding:.875rem 2rem;color:var(--lg-text-secondary, #374151);text-decoration:none;font-weight:500;transition:all .2s;position:relative}.nav-link.svelte-1h5zu0p:hover{background:var(--lg-accent-light, rgba(164, 169, 72, .05));color:var(--lg-primary, #466d4d);padding-left:2.25rem}.nav-link.svelte-1h5zu0p:focus-visible{outline:2px solid var(--lg-primary, #466d4d);outline-offset:-2px;border-radius:4px}.nav-link--active.svelte-1h5zu0p{background:var(--lg-primary-light, rgba(70, 109, 77, .1));color:var(--lg-primary, #466d4d);font-weight:600}.nav-link--active.svelte-1h5zu0p:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--lg-primary, #466d4d)}.sidebar-footer.svelte-1h5zu0p{padding:2rem;border-top:1px solid var(--lg-warm-100, #f3f4f6)}.version.svelte-1h5zu0p{font-size:.75rem;color:var(--lg-text-muted, #6b7280);margin:0 0 1rem}.live-link.svelte-1h5zu0p{display:inline-flex;align-items:center;gap:.5rem;color:var(--lg-primary, #466d4d);text-decoration:none;font-weight:500;font-size:.875rem;transition:transform .2s}.live-link.svelte-1h5zu0p:hover{transform:translate(4px);text-decoration:underline}.main-content.svelte-1h5zu0p{flex:1;padding:1rem;padding-top:84px;width:100%;overflow-x:hidden}@media (min-width: 1024px){.main-content.svelte-1h5zu0p{margin-left:280px;padding:2rem 1rem;max-width:calc(100vw - 280px)}}.overlay.svelte-1h5zu0p{position:fixed;inset:0;background:#00000080;z-index:190;border:none;cursor:pointer}.mobile-bottom-nav.svelte-1h5zu0p{position:fixed;bottom:0;left:0;right:0;background:var(--lg-bg-primary, white);border-top:1px solid var(--lg-warm-200, #e5e7eb);display:flex;justify-content:space-around;align-items:center;padding:.5rem 0;z-index:100;box-shadow:0 -2px 8px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--lg-bg-primary, rgba(255, 255, 255, .95))}@media (min-width: 1024px){.mobile-bottom-nav.svelte-1h5zu0p{display:none}}.bottom-nav-item.svelte-1h5zu0p{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;color:var(--lg-text-muted, #6b7280);text-decoration:none;font-size:.75rem;font-weight:500;transition:all .2s;background:transparent;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:56px}.bottom-nav-item.svelte-1h5zu0p:hover,.bottom-nav-item.svelte-1h5zu0p:focus-visible{color:var(--lg-primary, #466d4d)}.bottom-nav-item.active.svelte-1h5zu0p{color:var(--lg-primary, #466d4d)}.bottom-nav-item.svelte-1h5zu0p:focus-visible{outline:2px solid var(--lg-primary, #466d4d);outline-offset:-2px;border-radius:.5rem}.bottom-nav-item.svelte-1h5zu0p span:where(.svelte-1h5zu0p){display:block}.search-modal.svelte-1h5zu0p{position:fixed;inset:0;background:#00000080;z-index:300;display:flex;align-items:flex-start;justify-content:center;padding:10vh 1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.search-container.svelte-1h5zu0p{width:100%;max-width:600px;background:var(--lg-bg-primary, white);border-radius:1rem;border:2px solid var(--lg-warm-200, #e5e7eb);box-shadow:0 20px 25px -5px #0000001a;overflow:hidden;animation:svelte-1h5zu0p-search-appear .2s ease-out}@keyframes svelte-1h5zu0p-search-appear{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.search-header.svelte-1h5zu0p{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:2px solid var(--lg-warm-200, #e5e7eb)}.search-header.svelte-1h5zu0p svg{color:var(--lg-text-muted, #6b7280);flex-shrink:0}.search-input.svelte-1h5zu0p{flex:1;background:transparent;border:none;font-size:1.125rem;color:var(--lg-text-primary, #111827);outline:none}.search-input.svelte-1h5zu0p::-moz-placeholder{color:var(--lg-text-muted, #6b7280)}.search-input.svelte-1h5zu0p::placeholder{color:var(--lg-text-muted, #6b7280)}.search-close.svelte-1h5zu0p{background:transparent;border:none;cursor:pointer;padding:0}.search-close.svelte-1h5zu0p kbd:where(.svelte-1h5zu0p){padding:.25rem .5rem;background:var(--lg-warm-50, #fafaf9);border:1px solid var(--lg-gray-300, #d1d5db);border-radius:.25rem;font-size:.75rem;font-family:monospace;color:var(--lg-text-muted, #6b7280)}.search-results.svelte-1h5zu0p{max-height:400px;overflow-y:auto}.search-result.svelte-1h5zu0p{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;text-decoration:none;transition:background .2s;border-bottom:1px solid var(--lg-warm-100, #f3f4f6);width:100%;border:none;background:transparent;text-align:left;cursor:pointer}.search-result.svelte-1h5zu0p:last-child{border-bottom:none}.search-result.svelte-1h5zu0p:hover{background:var(--lg-warm-50, #fafaf9)}.search-result.svelte-1h5zu0p:focus-visible{outline:2px solid var(--lg-primary, #466d4d);outline-offset:-2px}.result-title.svelte-1h5zu0p{font-weight:500;color:var(--lg-text-primary, #111827)}.result-path.svelte-1h5zu0p{font-size:.875rem;color:var(--lg-text-muted, #6b7280)}.no-results.svelte-1h5zu0p{padding:3rem 1.5rem;text-align:center;color:var(--lg-text-muted, #6b7280)}.showcase-layout h1{font-size:2.5rem;font-weight:700;color:var(--lg-text-primary, #111827);margin:0 0 1rem}.showcase-layout h2{font-size:2rem;font-weight:600;color:var(--lg-text-primary, #111827);margin:2rem 0 1rem}.showcase-layout h3{font-size:1.5rem;font-weight:600;color:var(--lg-text-secondary, #374151);margin:1.5rem 0 .75rem}.showcase-layout p{color:var(--lg-text-secondary, #374151);line-height:1.7;margin:0 0 1rem}.showcase-layout .section{background:var(--lg-bg-primary, white);border-radius:1rem;padding:2rem;margin-bottom:2rem;border:2px solid var(--lg-warm-200, #e5e7eb);box-shadow:0 2px 8px #0000000d}.showcase-layout .demo-container{background:var(--lg-bg-secondary, #f5f5f4);border-radius:.75rem;padding:2rem;margin:1rem 0;border:1px solid var(--lg-warm-200, #e5e7eb)}.showcase-layout code{background:var(--lg-gray-100, #f3f4f6);padding:.125rem .375rem;border-radius:.25rem;font-family:Monaco,Consolas,monospace;font-size:.875em;color:var(--lg-primary, #466d4d)}.showcase-layout pre{background:var(--lg-gray-900, #111827);color:#fff;padding:1.5rem;border-radius:.75rem;overflow-x:auto;margin:1rem 0;font-size:.875rem;line-height:1.6}@media (max-width: 768px){.showcase-layout h1{font-size:2rem}.showcase-layout h2{font-size:1.5rem}.showcase-layout .section{padding:1.5rem}.main-content.svelte-1h5zu0p{padding:1rem;padding-bottom:80px}.dark-mode-toggle.svelte-1h5zu0p{top:.5rem;right:.5rem;width:2.5rem;height:2.5rem;font-size:1.25rem}}@media (prefers-contrast: high){.nav-link.svelte-1h5zu0p{border:1px solid transparent}.nav-link.svelte-1h5zu0p:hover,.nav-link--active.svelte-1h5zu0p{border-color:currentColor}.menu-toggle.svelte-1h5zu0p{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.sidebar.svelte-1h5zu0p,.nav-link.svelte-1h5zu0p,.menu-toggle.svelte-1h5zu0p,.logo.svelte-1h5zu0p,.search-container.svelte-1h5zu0p{transition:none!important;animation:none!important}}.dark-mode-override{--lg-bg-primary: #1a1a1a !important;--lg-bg-secondary: #242424 !important;--lg-bg-tertiary: #2a2a2a !important;--lg-warm-50: #242424 !important;--lg-warm-100: #2a2a2a !important;--lg-warm-200: #3a3a3a !important;--lg-text-primary: #f0f0f0 !important;--lg-text-secondary: #d0d0d0 !important;--lg-text-muted: #a0a0a0 !important;--lg-gray-200: #3a3a3a !important;--lg-gray-300: #4a4a4a !important;--lg-gray-100: #2a2a2a !important;--lg-gray-900: #f0f0f0 !important}.dark-mode-override .showcase-layout.svelte-1h5zu0p{background:var(--lg-bg-primary);color:var(--lg-text-primary)}.dark-mode-override .sidebar.svelte-1h5zu0p,.dark-mode-override .mobile-header.svelte-1h5zu0p,.dark-mode-override .section{background:var(--lg-bg-secondary);border-color:var(--lg-warm-200)}.dark-mode-override .dark-mode-toggle.svelte-1h5zu0p{background-color:var(--lg-bg-tertiary);border-color:var(--lg-warm-200);color:var(--lg-text-primary)}.dark-mode-override .dark-mode-toggle.svelte-1h5zu0p:hover{background-color:var(--lg-warm-200);border-color:var(--lg-primary)}.dark-mode-override .search-btn.svelte-1h5zu0p,.dark-mode-override .menu-toggle.svelte-1h5zu0p,.dark-mode-override .icon-btn.svelte-1h5zu0p{background:var(--lg-bg-tertiary);border-color:var(--lg-warm-200);color:var(--lg-text-primary)}.dark-mode-override .search-btn.svelte-1h5zu0p:hover,.dark-mode-override .menu-toggle.svelte-1h5zu0p:hover,.dark-mode-override .icon-btn.svelte-1h5zu0p:hover{background:var(--lg-warm-200);border-color:var(--lg-primary)}.dark-mode-override .nav-link.svelte-1h5zu0p{color:var(--lg-text-secondary)}.dark-mode-override .nav-link.svelte-1h5zu0p:hover,.dark-mode-override .nav-link--active.svelte-1h5zu0p{color:var(--lg-text-primary);background:#466d4d33}.dark-mode-override .search-modal.svelte-1h5zu0p{background:#000c}.dark-mode-override .search-container.svelte-1h5zu0p{background:var(--lg-bg-secondary);border-color:var(--lg-warm-200)}.dark-mode-override .search-result.svelte-1h5zu0p:hover{background:var(--lg-bg-tertiary)}.dark-mode-override .mobile-bottom-nav.svelte-1h5zu0p{background:var(--lg-bg-secondary);border-color:var(--lg-warm-200)}.dark-mode-override code{background:var(--lg-bg-tertiary);color:var(--lg-accent)}.dark-mode-override pre{background:#000;border:1px solid var(--lg-warm-200)}