:root{--font-sans: "DM Sans", system-ui, -apple-system, sans-serif;--font-display: "Instrument Serif", "Georgia", serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--slate-50: #f8f9fa;--slate-100: #f1f3f5;--slate-200: #e2e5e9;--slate-300: #ced3da;--slate-400: #a1a9b4;--slate-500: #7c8694;--slate-600: #5e6a78;--slate-700: #45505e;--slate-800: #2e3846;--slate-900: #1a2332;--slate-950: #0f1219;--blue-50: #eff5ff;--blue-100: #dbe8fe;--blue-200: #bed4fe;--blue-300: #93b4fd;--blue-400: #6090fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1a4fd8;--blue-800: #1c3faf;--blue-900: #1c368a;--blue-950: #0f1f54;--primary: var(--blue-600);--primary-hover: var(--blue-700);--primary-active: var(--blue-800);--on-primary: #ffffff;--primary-container: var(--blue-100);--on-primary-container: var(--blue-900);--surface: var(--slate-50);--surface-dim: var(--slate-100);--surface-bright: #ffffff;--surface-container: var(--slate-100);--surface-container-high: var(--slate-200);--on-surface: var(--slate-900);--on-surface-variant: var(--slate-700);--outline: var(--slate-300);--outline-variant: var(--slate-200);--error: #dc2626;--on-error: #ffffff;--error-container: #fef2f2;--warning: #d97706;--on-warning: #ffffff;--warning-container: #fffbeb;--success: #16a34a;--on-success: #ffffff;--success-container: #f0fdf4;--radius-sm: 6px;--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .06), 0 4px 6px rgba(0, 0, 0, .04);--transition-fast: .12s ease;--transition: .2s ease;--transition-slow: .32s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{--site-canvas: oklch(.984 .003 95);--site-navigation: oklch(.967 .006 95);font-family:var(--font-sans);color:var(--on-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;line-height:1.5;font-size:16px;tab-size:4}body{background:var(--site-canvas);min-height:100vh}::selection{background:var(--primary);color:var(--on-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--slate-400)}.font-mono{font-family:var(--font-mono)}a,button,input,select,textarea{font:inherit;color:inherit;transition:color var(--transition),background-color var(--transition),border-color var(--transition),box-shadow var(--transition),opacity var(--transition)}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}input,select,textarea{border:1px solid var(--outline);border-radius:var(--radius-sm);padding:8px 12px;background:var(--surface-bright);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--primary) 20%,transparent)}.field-error{color:var(--error, #a52a1b);font-size:.8125rem;line-height:1.45;margin:.375rem 0 0}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--primary);outline-offset:3px}.skip-link{position:fixed;inset-block-start:12px;inset-inline-start:12px;z-index:100;padding:12px 16px;border-radius:var(--radius-sm);background:var(--on-surface);color:var(--surface);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}input[type=color]{padding:2px;width:40px;height:40px;border-radius:var(--radius-sm);cursor:pointer}html{scrollbar-gutter:stable}img,svg{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:600}code{font-family:var(--font-mono);font-size:.875em}pre{font-family:var(--font-mono);font-size:.8125rem;line-height:1.6;overflow-x:auto}@media(max-width:900px){html{scroll-padding-top:calc(85px + env(safe-area-inset-top))}}.shell.svelte-12qhfyh{display:flex;min-height:100dvh}.sidebar.svelte-12qhfyh{width:248px;flex:0 0 248px;background:var(--site-navigation);color:var(--on-surface);padding:28px 16px 20px;position:sticky;top:0;height:100dvh;overflow-y:auto;border-inline-end:1px solid var(--outline-variant);display:flex;flex-direction:column}.sidebar-top.svelte-12qhfyh{margin-bottom:28px;padding-inline:8px}.wordmark.svelte-12qhfyh{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:1.125rem;letter-spacing:-.025em}.wordmark.svelte-12qhfyh img:where(.svelte-12qhfyh){border-radius:9px}.nav-toggle.svelte-12qhfyh,.nav-backdrop.svelte-12qhfyh{display:none}.nav.svelte-12qhfyh{display:flex;flex-direction:column;gap:2px;flex:1}.nav-library.svelte-12qhfyh{display:grid;gap:2px;padding-bottom:20px;margin-bottom:8px;border-bottom:1px solid var(--outline-variant)}.nav-section-label.svelte-12qhfyh{padding:4px 12px 8px;font-size:.75rem;font-weight:600;color:var(--slate-600)}.nav-link.svelte-12qhfyh{display:flex;align-items:center;min-height:40px;padding:8px 12px;border-radius:6px;font-size:.875rem;color:var(--slate-700)}.nav-link.svelte-12qhfyh:hover{color:var(--on-surface);background:var(--surface-dim)}.nav-link.active.svelte-12qhfyh{color:var(--on-surface);background:color-mix(in oklch,var(--cat-color, var(--primary)) 10%,var(--site-navigation));font-weight:700}.nav-link-primary.svelte-12qhfyh{font-weight:500}.nav-group.svelte-12qhfyh{margin-top:8px}.nav-group-label.svelte-12qhfyh{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;padding:8px 12px;border-radius:6px;text-align:start;font-size:.875rem;font-weight:600;color:var(--slate-600)}.nav-group-label.svelte-12qhfyh:hover{color:var(--on-surface);background:var(--surface-dim)}.nav-group.svelte-12qhfyh .nav-link:where(.svelte-12qhfyh){padding-inline-start:26px}.nav-group-chevron.svelte-12qhfyh{width:6px;height:6px;border-block-start:1.5px solid currentColor;border-inline-end:1.5px solid currentColor;transform:rotate(45deg);transition:transform var(--transition-fast);flex-shrink:0}.nav-group-chevron.open.svelte-12qhfyh{transform:rotate(135deg)}.sidebar-footer.svelte-12qhfyh{margin-top:auto;padding:28px 12px 0}.sawfwair-link.svelte-12qhfyh{font-size:.75rem;color:var(--slate-600)}.sawfwair-link.svelte-12qhfyh:hover{color:var(--on-surface)}.content.svelte-12qhfyh{flex:1;min-width:0;width:100%;padding:48px clamp(24px,4vw,64px);max-width:1360px}@media(max-width:900px){.shell.svelte-12qhfyh{flex-direction:column}.sidebar.svelte-12qhfyh{width:100%;flex:none;height:auto;position:sticky;top:0;z-index:40;padding:calc(12px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left));border-inline-end:none;border-bottom:1px solid var(--outline-variant);overflow:visible}.sidebar-top.svelte-12qhfyh{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0;margin-bottom:0}.wordmark.svelte-12qhfyh{font-size:1rem}.wordmark.svelte-12qhfyh img:where(.svelte-12qhfyh){width:32px;height:32px}.nav-toggle.svelte-12qhfyh{display:inline-flex;align-items:center;gap:16px;min-height:44px;padding:8px 12px;border:1px solid var(--outline);border-radius:6px;font-size:.875rem;font-weight:500}.nav-backdrop.svelte-12qhfyh{display:block;position:fixed;inset:0;z-index:30;background:#1c1f244d;cursor:default}.nav.svelte-12qhfyh{display:none;position:absolute;inset:100% 0 auto;max-height:calc(100dvh - 69px - env(safe-area-inset-top));overflow-y:auto;overscroll-behavior:contain;padding:16px max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:var(--site-navigation);border-bottom:1px solid var(--outline-variant);box-shadow:0 16px 24px #1c1f241a}.nav.mobile-open.svelte-12qhfyh{display:flex}.nav-library.svelte-12qhfyh{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-link.svelte-12qhfyh,.nav-group-label.svelte-12qhfyh{min-height:44px}.nav-group.svelte-12qhfyh>div:where(.svelte-12qhfyh):not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-footer.svelte-12qhfyh{display:none}.content.svelte-12qhfyh{padding:28px max(20px,env(safe-area-inset-right)) 40px max(20px,env(safe-area-inset-left))}}@media(max-width:420px){.sidebar.svelte-12qhfyh,.nav.svelte-12qhfyh,.content.svelte-12qhfyh{padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right))}}