:root{--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-light: #dbeafe;--color-primary-dark: #1e40af;--color-bg-primary: #ffffff;--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f3f4f6;--color-bg-hover: #f3f4f6;--color-bg-active: #e5e7eb;--color-text-primary: #111827;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-text-inverse: #ffffff;--color-text-muted: #6b7280;--color-border-primary: #e5e7eb;--color-border-secondary: #d1d5db;--color-border-focus: #3b82f6;--color-border-hover: #9ca3af;--color-success: #10b981;--color-success-bg: #d1fae5;--color-warning: #f59e0b;--color-warning-bg: #fef3c7;--color-error: #ef4444;--color-error-bg: #fee2e2;--color-info: #3b82f6;--color-info-bg: #dbeafe;--color-card-bg: #ffffff;--color-card-border: #e5e7eb;--color-card-shadow: rgba(0, 0, 0, .1);--color-input-bg: #ffffff;--color-input-border: #d1d5db;--color-input-focus: #3b82f6;--color-input-disabled: #f3f4f6;--color-button-primary: #3b82f6;--color-button-primary-hover: #2563eb;--color-button-secondary: #6b7280;--color-button-secondary-hover: #4b5563;--color-nav-bg: #ffffff;--color-nav-border: #e5e7eb;--color-nav-text: #111827;--color-nav-hover: #f3f4f6;--color-sidebar-bg: #f9fafb;--color-sidebar-border: #e5e7eb;--color-sidebar-text: #374151;--color-sidebar-hover: #e5e7eb;--color-sidebar-active: #dbeafe;--color-code-bg: #f3f4f6;--color-code-text: #1f2937;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out}[data-theme=dark]{--color-primary: #60a5fa;--color-primary-hover: #3b82f6;--color-primary-light: #1e3a8a;--color-primary-dark: #93c5fd;--color-bg-primary: #111827;--color-bg-secondary: #1f2937;--color-bg-tertiary: #374151;--color-bg-hover: #374151;--color-bg-active: #4b5563;--color-text-primary: #f9fafb;--color-text-secondary: #d1d5db;--color-text-tertiary: #9ca3af;--color-text-inverse: #111827;--color-text-muted: #9ca3af;--color-border-primary: #374151;--color-border-secondary: #4b5563;--color-border-focus: #60a5fa;--color-border-hover: #6b7280;--color-success: #34d399;--color-success-bg: #064e3b;--color-warning: #fbbf24;--color-warning-bg: #78350f;--color-error: #f87171;--color-error-bg: #7f1d1d;--color-info: #60a5fa;--color-info-bg: #1e3a8a;--color-card-bg: #1f2937;--color-card-border: #374151;--color-card-shadow: rgba(0, 0, 0, .3);--color-input-bg: #1f2937;--color-input-border: #4b5563;--color-input-focus: #60a5fa;--color-input-disabled: #374151;--color-button-primary: #60a5fa;--color-button-primary-hover: #3b82f6;--color-button-secondary: #6b7280;--color-button-secondary-hover: #9ca3af;--color-nav-bg: #1f2937;--color-nav-border: #374151;--color-nav-text: #f9fafb;--color-nav-hover: #374151;--color-sidebar-bg: #111827;--color-sidebar-border: #374151;--color-sidebar-text: #d1d5db;--color-sidebar-hover: #374151;--color-sidebar-active: #1e3a8a;--color-code-bg: #0f172a;--color-code-text: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6)}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:background-color var(--transition-normal),color var(--transition-normal)}*{transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}:root{--color-bg-0: rgb(202, 216, 228);--color-bg-1: hsl(209, 36%, 86%);--color-bg-2: hsl(224, 44%, 95%);--color-theme-1: #ff3e00;--color-theme-2: #4075a6;--color-text: rgba(0, 0, 0, .7);--column-width: 42rem;--column-margin-top: 4rem;font-family:var(--font-body);color:var(--color-text)}body{min-height:100vh;margin:0;background-attachment:fixed;background-color:var(--color-bg-1);background-size:100vw 100vh;background-image:radial-gradient(50% 50% at 50% 50%,#ffffffbf,#fff0),linear-gradient(180deg,var(--color-bg-0) 0%,var(--color-bg-1) 15%,var(--color-bg-2) 50%)}h1,h2,p{font-weight:400}p{line-height:1.5}a{color:var(--color-theme-1);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:2rem;text-align:center}h2{font-size:1rem}pre{font-size:16px;font-family:var(--font-mono);background-color:#ffffff73;border-radius:3px;box-shadow:2px 2px 6px #ffffff40;padding:.5em;overflow-x:auto;color:var(--color-text)}.text-column{display:flex;max-width:48rem;flex:.6;flex-direction:column;justify-content:center;margin:0 auto}input,button{font-size:inherit;font-family:inherit}button:focus:not(:focus-visible){outline:none}@media (min-width: 720px){h1{font-size:2.4rem}}.visually-hidden{border:0;clip:rect(0 0 0 0);height:auto;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.theme-toggle.svelte-1cmi4dh{display:flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;border:1px solid var(--color-border-primary);border-radius:.375rem;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.theme-toggle.svelte-1cmi4dh:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-hover)}.theme-toggle.svelte-1cmi4dh:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-light)}.theme-toggle.svelte-1cmi4dh svg:where(.svelte-1cmi4dh){width:20px;height:20px}.header.svelte-1elxaub{background:var(--color-nav-bg);border-bottom:1px solid var(--color-nav-border);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm);transition:background-color var(--transition-normal),border-color var(--transition-normal)}.container.svelte-1elxaub{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:64px}.logo.svelte-1elxaub a:where(.svelte-1elxaub){display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--color-nav-text);font-weight:600;font-size:1.25rem;transition:opacity var(--transition-fast)}.logo.svelte-1elxaub a:where(.svelte-1elxaub):hover{opacity:.8}.logo-icon.svelte-1elxaub{font-size:1.5rem}.logo-text.svelte-1elxaub{font-weight:700}.nav.svelte-1elxaub{display:flex;gap:.5rem;flex:1;justify-content:center}.nav-link.svelte-1elxaub{padding:.5rem 1rem;text-decoration:none;color:var(--color-text-secondary);font-weight:500;border-radius:4px;transition:all var(--transition-fast)}.nav-link.svelte-1elxaub:hover{background:var(--color-nav-hover);color:var(--color-nav-text)}.nav-link.active.svelte-1elxaub{background:var(--color-primary);color:var(--color-text-inverse)}.user-menu.svelte-1elxaub{display:flex;align-items:center;gap:1rem}.user-email.svelte-1elxaub{color:var(--color-text-secondary);font-size:.875rem}.btn-logout.svelte-1elxaub,.btn-login.svelte-1elxaub{padding:.5rem 1rem;border:1px solid var(--color-border-primary);background:var(--color-bg-primary);color:var(--color-text-primary);border-radius:4px;font-weight:500;cursor:pointer;text-decoration:none;transition:all var(--transition-fast);font-size:.875rem}.btn-logout.svelte-1elxaub:hover,.btn-login.svelte-1elxaub:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}@media (max-width: 768px){.container.svelte-1elxaub{padding:0 1rem}.nav.svelte-1elxaub{gap:.25rem}.nav-link.svelte-1elxaub{padding:.5rem .75rem;font-size:.875rem}.user-email.svelte-1elxaub,.logo-text.svelte-1elxaub{display:none}}main.svelte-12qhfyh{min-height:calc(100vh - 64px);background-color:var(--color-bg-primary);color:var(--color-text-primary)}