:root{--sage-1: #101211;--sage-2: #171918;--sage-3: #212221;--sage-4: #282a29;--sage-5: #2f3130;--sage-6: #383b39;--sage-7: #454947;--sage-8: #5c615f;--sage-9: #65706b;--sage-10: #737d79;--sage-11: #afb5b2;--sage-12: #eceeee;--teal-9: #4ca294;--teal-10: #5ab3a5;--teal-11: #63d5b7;--color-bg-base: var(--sage-1);--color-bg-surface: rgba(18, 20, 24, .8);--color-bg-surface-hover: rgba(24, 26, 32, .85);--color-bg-elevated: rgba(30, 33, 40, .9);--color-glass-bg: rgba(18, 20, 24, .7);--color-glass-bg-hover: rgba(24, 26, 32, .8);--color-glass-border: rgba(255, 255, 255, .08);--color-border: rgba(255, 255, 255, .08);--color-border-subtle: rgba(255, 255, 255, .05);--color-border-strong: rgba(255, 255, 255, .12);--color-border-focus: var(--teal-9);--color-text: var(--sage-12);--color-text-muted: var(--sage-11);--color-text-faint: var(--sage-9);--color-action: var(--teal-9);--color-action-hover: var(--teal-10);--color-action-muted: rgba(76, 162, 148, .2);--color-action-border: rgba(76, 162, 148, .4);--color-action-border-hover: rgba(76, 162, 148, .6);--color-success: #4ade80;--color-success-muted: #16a34a;--color-danger: #f87171;--color-danger-muted: #dc2626;--color-warning: #fbbf24;--color-info: var(--teal-11);--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4);--shadow-glass: 0 4px 24px rgba(0, 0, 0, .2);--transition-fast: .1s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--container-default: var(--container-lg);--container-padding: var(--space-4);--color-bg-svg-base: var(--sage-1);--color-bg-svg-accent-1: rgba(76, 162, 148, .4);--color-bg-svg-accent-2: #349e8d;--color-bg-svg-accent-3: #46a758;--color-bg-svg-accent-4: #38bdf8;--color-bg-svg-accent-5: rgba(251, 113, 133, .3);--color-bg-svg-accent-6: rgba(52, 158, 141, .3);--color-bg-svg-accent-7: #2d9d8f}.toast.svelte-11qvs6i{position:fixed;bottom:20px;right:20px;z-index:200;display:flex;align-items:center;gap:12px;padding:10px 14px;background:#3a1a1a;border:1px solid var(--color-danger, #f87171);color:#fee;border-radius:8px;font-size:13px;max-width:400px;box-shadow:0 8px 24px #0006}button.svelte-11qvs6i{background:transparent;border:none;color:#fee;cursor:pointer;display:flex;align-items:center;opacity:.7}button.svelte-11qvs6i:hover{opacity:1}.msg.svelte-11qvs6i{flex:1}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg-base);color:var(--color-text);min-height:100vh}*{box-sizing:border-box}nav.svelte-12qhfyh{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--color-border);background:var(--color-bg-surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.brand.svelte-12qhfyh{font-weight:600;font-size:16px;color:var(--color-action);letter-spacing:-.01em}.links.svelte-12qhfyh{display:flex;gap:4px}.links.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--color-text-muted);text-decoration:none;padding:6px 14px;border-radius:6px;font-size:14px;font-weight:500;transition:all .15s}.links.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{background:var(--color-bg-surface-hover);color:var(--color-text)}.links.svelte-12qhfyh a.active:where(.svelte-12qhfyh){background:var(--color-action-muted);color:var(--color-action-hover)}main.svelte-12qhfyh{max-width:100%;margin:0}
