.theme-toggle.svelte-1cmi4dh{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:.5rem;display:flex}.theme-toggle.svelte-1cmi4dh:hover{background-color:var(--color-bg-secondary);border-color:var(--color-accent);transform:scale(1.05)}svg.svelte-1cmi4dh{transition:transform var(--transition-base)}.theme-toggle.svelte-1cmi4dh:active svg:where(.svelte-1cmi4dh){transform:rotate(45deg)}.header.svelte-1elxaub{z-index:50;background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);transition:background-color var(--transition-base), border-color var(--transition-base);-webkit-backdrop-filter:blur(8px);background-color:#f8fafce6;position:sticky;top:0}:root.dark .header.svelte-1elxaub{background-color:#0d0e12e6}.header-container.svelte-1elxaub{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:.75rem 1.5rem;display:flex}.logo.svelte-1elxaub{font-size:1.1rem;font-weight:700;text-decoration:none}.logo-text-gradient.svelte-1elxaub{color:var(--color-text-primary)}.desktop-nav.svelte-1elxaub{align-items:center;gap:1.5rem;display:flex}@media (width<=768px){.desktop-nav.svelte-1elxaub{display:none}}.nav-link.svelte-1elxaub{color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:color var(--transition-fast), background-color var(--transition-fast);padding:.25rem .5rem;font-weight:500}.nav-link.svelte-1elxaub:hover{color:var(--color-text-primary);background-color:var(--color-bg-secondary);text-decoration:none}.nav-link.active.svelte-1elxaub{color:var(--color-accent);background-color:var(--color-bg-secondary)}.mobile-actions.svelte-1elxaub{align-items:center;gap:1rem;display:none}@media (width<=768px){.mobile-actions.svelte-1elxaub{display:flex}}.menu-toggle.svelte-1elxaub{color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;align-items:center;padding:.25rem;display:flex}.mobile-drawer.svelte-1elxaub{background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:1.5rem;position:absolute;top:100%;left:0;right:0;box-shadow:0 10px 15px -3px #0000001a}:root.dark .mobile-drawer.svelte-1elxaub{background-color:var(--color-bg-secondary)}.mobile-nav.svelte-1elxaub{flex-direction:column;gap:1rem;display:flex}.mobile-nav-link.svelte-1elxaub{color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);padding:.5rem 0;font-size:1.1rem;font-weight:500}.mobile-nav-link.active.svelte-1elxaub{color:var(--color-accent);border-bottom-color:var(--color-accent)}.footer.svelte-jz8lnl{border-top:1px solid var(--color-border);background-color:var(--color-bg-secondary);color:var(--color-text-secondary);transition:background-color var(--transition-base), border-color var(--transition-base);font-size:.875rem}.footer-container.svelte-jz8lnl{max-width:var(--max-width);text-align:center;flex-direction:column;align-items:center;gap:.5rem;margin:0 auto;padding:2rem 1.5rem;display:flex}@media (width>=640px){.footer-container.svelte-jz8lnl{text-align:left;flex-direction:row;justify-content:space-between}}:root{--color-bg-primary:#f8fafc;--color-bg-secondary:#f1f5f9;--color-bg-tertiary:#e2e8f0;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-accent:#0f766e;--color-accent-gradient:linear-gradient(135deg, #0f766e, #0369a1);--color-border:#cbd5e1;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--max-width:1000px;--font-sans:"Fira Code", "JetBrains Mono", "Courier New", Courier, monospace;--font-mono:"Fira Code", "JetBrains Mono", "Courier New", Courier, monospace;--transition-fast:.12s ease;--transition-base:.2s ease}:root.dark{--color-bg-primary:#0d0e12;--color-bg-secondary:#16181f;--color-bg-tertiary:#20242f;--color-text-primary:#e2e8f0;--color-text-secondary:#94a3b8;--color-accent:#10b981;--color-accent-gradient:linear-gradient(135deg, #10b981, #06b6d4);--color-border:#222530}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-sans);transition:background-color var(--transition-base), color var(--transition-base);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;line-height:1.6;display:flex}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-text-primary);text-decoration:underline}main{flex:1}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:2rem 1.5rem}.glass-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-base), box-shadow var(--transition-base);padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000000d}.glass-card:before{content:"";background-color:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);height:24px;position:absolute;top:0;left:0;right:0}.console-header{z-index:10;gap:6px;display:flex;position:absolute;top:6px;left:12px}.console-btn{background-color:var(--color-border);border-radius:50%;width:12px;height:12px}.console-btn.red{background-color:#ef4444}.console-btn.yellow{background-color:#f59e0b}.console-btn.green{background-color:#10b981}.glass-card-content{margin-top:1rem}.glass-card:hover{border-color:var(--color-accent);box-shadow:0 4px 20px #10b9811a}.prompt:before{content:"$ ";color:var(--color-accent);font-weight:700}.output{border-left:2px solid var(--color-accent);color:var(--color-text-secondary);margin:1rem 0;padding-left:1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.animate-scale-in{animation:.5s cubic-bezier(.16,1,.3,1) forwards scaleIn}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}
