@layer base,components;@layer base{:root{--font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-body: "Instrument Sans", ui-sans-serif, system-ui, sans-serif;--color-surface-50: oklch(.985 .002 75);--color-surface-100: oklch(.965 .004 75);--color-surface-200: oklch(.925 .008 75);--color-surface-300: oklch(.875 .012 75);--color-surface-400: oklch(.725 .018 75);--color-surface-500: oklch(.575 .022 75);--color-surface-600: oklch(.45 .024 75);--color-surface-700: oklch(.35 .02 75);--color-surface-800: oklch(.25 .016 75);--color-surface-900: oklch(.175 .012 75);--color-surface-950: oklch(.12 .008 75);--color-accent-50: oklch(.98 .02 85);--color-accent-100: oklch(.95 .05 80);--color-accent-200: oklch(.88 .1 75);--color-accent-300: oklch(.8 .14 70);--color-accent-400: oklch(.72 .16 65);--color-accent-500: oklch(.65 .18 55);--color-accent-600: oklch(.55 .16 50);--color-accent-700: oklch(.45 .14 45);--color-accent-800: oklch(.38 .1 40);--color-accent-900: oklch(.32 .08 38);--color-muted-50: oklch(.97 .005 260);--color-muted-100: oklch(.93 .008 260);--color-muted-200: oklch(.87 .012 260);--color-muted-300: oklch(.78 .016 260);--color-muted-400: oklch(.65 .02 260);--color-muted-500: oklch(.55 .018 260);--color-muted-600: oklch(.45 .015 260);--color-muted-700: oklch(.38 .012 260);--color-muted-800: oklch(.28 .008 260);--color-muted-900: oklch(.2 .005 260);--bg-primary: var(--color-surface-50);--bg-secondary: var(--color-surface-100);--bg-tertiary: var(--color-surface-200);--bg-elevated: white;--text-primary: var(--color-surface-900);--text-secondary: var(--color-muted-600);--text-muted: var(--color-muted-400);--border-default: var(--color-surface-200);--border-subtle: var(--color-surface-100);--accent: var(--color-accent-500);--accent-hover: var(--color-accent-600);--accent-subtle: var(--color-accent-100);--resource-ruby: oklch(.62 .22 27);--resource-ruby-bg: oklch(.94 .04 27);--resource-sky: oklch(.58 .16 250);--resource-sky-bg: oklch(.94 .03 250);--resource-emerald: oklch(.6 .18 150);--resource-emerald-bg: oklch(.94 .05 150);--resource-amber: oklch(.7 .16 70);--resource-amber-bg: oklch(.95 .05 70);--resource-violet: oklch(.62 .2 295);--resource-violet-bg: oklch(.94 .04 295);--resource-rose: oklch(.64 .22 10);--resource-rose-bg: oklch(.94 .04 10);--resource-cyan: oklch(.65 .14 210);--resource-cyan-bg: oklch(.94 .04 210);--resource-neutral: var(--text-muted);--resource-neutral-bg: var(--bg-secondary);--page-max: 64rem;--page-gutter: clamp(1rem, 3vw, 2rem);--page-block: clamp(2rem, 4vw, 4rem);--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;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px oklch(.2 .02 260 / .05);--shadow-md: 0 4px 6px -1px oklch(.2 .02 260 / .08), 0 2px 4px -2px oklch(.2 .02 260 / .06);--shadow-lg: 0 10px 15px -3px oklch(.2 .02 260 / .1), 0 4px 6px -4px oklch(.2 .02 260 / .08);--shadow-xl: 0 20px 25px -5px oklch(.2 .02 260 / .12), 0 8px 10px -6px oklch(.2 .02 260 / .08);--shadow-glow: 0 0 40px oklch(.65 .18 55 / .15);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s}.dark{--bg-primary: var(--color-surface-950);--bg-secondary: var(--color-surface-900);--bg-tertiary: var(--color-surface-800);--bg-elevated: var(--color-surface-900);--text-primary: var(--color-surface-50);--text-secondary: var(--color-muted-300);--text-muted: var(--color-muted-500);--border-default: var(--color-surface-800);--border-subtle: var(--color-surface-900);--accent: var(--color-accent-400);--accent-hover: var(--color-accent-300);--accent-subtle: oklch(.25 .06 55);--resource-ruby: oklch(.72 .2 27);--resource-ruby-bg: oklch(.28 .08 27);--resource-sky: oklch(.72 .14 250);--resource-sky-bg: oklch(.28 .06 250);--resource-emerald: oklch(.72 .16 150);--resource-emerald-bg: oklch(.28 .07 150);--resource-amber: oklch(.78 .14 70);--resource-amber-bg: oklch(.3 .08 70);--resource-violet: oklch(.72 .18 295);--resource-violet-bg: oklch(.28 .08 295);--resource-rose: oklch(.72 .2 10);--resource-rose-bg: oklch(.28 .08 10);--resource-cyan: oklch(.74 .12 210);--resource-cyan-bg: oklch(.28 .06 210);--resource-neutral: var(--text-muted);--resource-neutral-bg: var(--bg-tertiary)}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);scroll-behavior:smooth;scrollbar-gutter:stable;color-scheme:light;transition:background-color var(--duration-normal) var(--ease-smooth),color var(--duration-normal) var(--ease-smooth)}.dark{color-scheme:dark}body{margin:0;min-height:100dvh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-subtle);color:var(--text-primary)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@layer components{.container{margin-inline:auto;max-inline-size:var(--page-max);padding-inline:var(--page-gutter);width:100%}.page{margin-inline:auto;max-inline-size:var(--page-max);padding:var(--page-block) var(--page-gutter);width:100%}.page.page--compact{padding-block:clamp(2rem,3.5vw,3rem)}.surface{--surface-radius: var(--radius-xl);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--surface-radius)}.icon-circle{--icon-circle-size: 2.5rem;--icon-circle-bg: var(--bg-secondary);align-items:center;background:var(--icon-circle-bg);border-radius:var(--radius-full);display:flex;height:var(--icon-circle-size);justify-content:center;width:var(--icon-circle-size)}.icon{--icon-size: 1.25rem;height:var(--icon-size);width:var(--icon-size)}.heading{font-family:var(--font-display);text-wrap:balance}.eyebrow{color:var(--text-muted);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp{--line-clamp: 2;--line-height: 1.4;overflow:hidden}@supports (-webkit-line-clamp: 1) or (line-clamp: 1){.line-clamp{display:-webkit-box;line-clamp:var(--line-clamp);max-height:none;-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp)}}@supports not ((-webkit-line-clamp: 1) or (line-clamp: 1)){.line-clamp{line-height:var(--line-height);max-height:calc(var(--line-height) * 1em * var(--line-clamp))}}.hover-lift{--lift-duration: var(--duration-fast);--lift-ease: var(--ease-smooth);--lift-translate: -1px;--lift-shadow: var(--shadow-sm);--lift-border: var(--accent);transition:background-color var(--lift-duration) var(--lift-ease),border-color var(--lift-duration) var(--lift-ease),box-shadow var(--lift-duration) var(--lift-ease),transform var(--lift-duration) var(--lift-ease)}.hover-lift:hover,.hover-lift:focus-visible{border-color:var(--lift-border);box-shadow:var(--lift-shadow);transform:translateY(var(--lift-translate))}.back-link{align-items:center;color:var(--text-secondary);display:inline-flex;font-weight:600;gap:var(--space-2);transition:color var(--duration-fast) var(--ease-smooth)}.back-link:hover{color:var(--accent)}.back-link__icon{--icon-size: 1rem}.back-link__divider{color:var(--text-muted)}.prose{color:var(--text-secondary);font-size:1rem;max-inline-size:none}.prose :where(h1,h2,h3,h4,h5,h6){color:var(--text-primary);font-family:var(--font-display);letter-spacing:-.01em;line-height:1.2;margin:1.6em 0 .6em}.prose :where(h1){font-size:clamp(1.75rem,2.5vw,2.25rem)}.prose :where(h2){font-size:clamp(1.5rem,2.2vw,2rem)}.prose :where(h3){font-size:clamp(1.25rem,2vw,1.6rem)}.prose :where(p,ul,ol,blockquote,pre,table){margin:1em 0 0}.prose :where(ul,ol){padding-inline-start:1.25em}.prose :where(li){margin:.4em 0}.prose :where(a){color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.prose :where(strong){color:var(--text-primary);font-weight:600}.prose :where(blockquote){border-left:3px solid var(--border-default);padding:.75rem 1rem;border-radius:var(--radius-md);background:var(--bg-tertiary)}.prose :where(code){font-family:ui-monospace,SFMono-Regular,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95em;background:var(--bg-tertiary);padding:.15em .35em;border-radius:var(--radius-sm)}.prose :where(pre){background:var(--bg-tertiary);padding:1rem 1.25rem;border-radius:var(--radius-lg);overflow:auto}.prose :where(pre code){background:none;padding:0}.prose :where(hr){border:0;border-top:1px solid var(--border-default);margin:2rem 0}.prose :where(table){border-collapse:collapse;width:100%}.prose :where(th,td){border-bottom:1px solid var(--border-subtle);padding:.6rem .5rem;text-align:left}}.app-shell.svelte-12qhfyh{background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);display:flex;flex-direction:column;min-height:100dvh}.app-main.svelte-12qhfyh{flex:1}.app-footer.svelte-12qhfyh{background:var(--bg-primary);border-top:1px solid var(--border-default);padding-block:var(--space-8);transition:background-color var(--duration-normal) var(--ease-smooth),border-color var(--duration-normal) var(--ease-smooth)}.app-footer__note.svelte-12qhfyh{color:var(--text-muted);font-size:.875rem;text-align:center}