.theme-toggle.svelte-a4ubj2{background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border-medium);border-radius:50%;box-shadow:var(--glass-shadow-default);color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;height:40px;width:40px;padding:0;position:absolute;bottom:12px;right:16px;transition:all var(--transition-duration) ease}.theme-toggle.svelte-a4ubj2:hover{background:var(--glass-bg-hover);backdrop-filter:var(--glass-blur-hover);-webkit-backdrop-filter:var(--glass-blur-hover);transform:scale(1.05)}.theme-toggle.svelte-a4ubj2:active{transform:scale(.95)}.theme-toggle.svelte-a4ubj2:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.icon.svelte-a4ubj2{height:20px;width:20px;transition:transform var(--transition-duration) ease}@media(max-width:768px){.theme-toggle.svelte-a4ubj2{height:36px;width:36px;bottom:8px;right:12px}.icon.svelte-a4ubj2{height:18px;width:18px}}:root{--background-image: url(../../../media/background-image.jpeg);--background-video: url(../../../media/rocky-coast.mp4);--color-primary: oklch(45% .15 240);--color-secondary: oklch(30% .12 240);--color-text: oklch(20% 0 0);--color-bg: rgba(255, 255, 255, .7);--color-bg-secondary: rgba(255, 255, 255, .65);--color-border: rgba(255, 255, 255, .3);--corner-rounding: 45px 65px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--color-text-muted: #666;--color-text-subtle: #555;--color-tag-bg: rgba(227, 242, 253, .8);--color-tag-text: #0066cc;--color-tag-border: rgba(0, 102, 204, .2);--color-code-bg: #f5f5f5;--card-bg: rgba(255, 255, 255, .5);--card-bg-hover: rgba(255, 255, 255, .65);--card-border: rgba(255, 255, 255, .4);--card-border-hover: rgba(255, 255, 255, .5);--card-blur: 10px;--shadow-card: 0 4px 6px rgba(0, 0, 0, .1), inset 0 0 0 1px rgba(255, 255, 255, .3);--shadow-card-hover: 0 8px 16px rgba(0, 0, 0, .15), inset 0 0 0 1px rgba(255, 255, 255, .4);--radius-card: 12px;--radius-tag: 4px;--radius-code: 3px;--radius-code-block: 4px;--font-size-hero: 4rem;--font-size-date: .9rem;--font-size-tag: .85rem;--font-size-code: .9em;--spacing-xxs: .25rem;--spacing-tag: .5rem;--spacing-3xs: .2rem;--spacing-code-v: .2rem;--spacing-code-h: .4rem;--spacing-tag-v: .25rem;--spacing-tag-h: .75rem;--spacing-card: 1.5rem;--spacing-xl: 3rem;--transition-duration: .3s;--transition-card: all .3s ease;--transition-link: .2s;--transition-view-duration: .15s;--glass-bg-light: rgba(255, 255, 255, .2);--glass-bg-medium: rgba(255, 255, 255, .6);--glass-bg-heavy: rgba(255, 255, 255, .8);--glass-bg-hover: rgba(255, 255, 255, .2);--glass-border-light: rgba(255, 255, 255, .2);--glass-border-medium: rgba(255, 255, 255, .3);--glass-blur-light: blur(10px) saturate(180%);--glass-blur-heavy: blur(20px) saturate(180%);--glass-blur-hover: blur(10px);--glass-shadow-default: 0 4px 6px rgba(0, 0, 0, .1), inset 0 0 0 1px rgba(255, 255, 255, .3);--glass-shadow-nav: 2px 0 10px rgba(0, 0, 0, .1), inset 0 0 0 1px rgba(255, 255, 255, .3);--glass-shadow-body: -4px 0 20px rgba(0, 0, 0, .15), inset 0 0 0 1px rgba(255, 255, 255, .3);--layout-header-height: 90px;--layout-sidebar-width: 190px;--layout-gap-sm: 10px;--layout-gap-md: 20px;--layout-sidebar-offset: 110px;--layout-content-offset: 210px;--layout-mobile-nav-height: 80px;--layout-mobile-content-offset: 82px;--video-overlay-bg: rgba(0, 0, 0, .15);--animation-video-fade: 24.5s;--z-index-background: 0;--z-index-content: 1;--radius-link: 4px;--padding-link-left: 1.5rem}[data-theme=dark]{--color-primary: oklch(65% .15 240);--color-secondary: oklch(75% .12 240);--color-text: oklch(90% 0 0);--color-bg: rgba(0, 0, 0, .7);--color-bg-secondary: rgba(0, 0, 0, .65);--color-border: rgba(0, 0, 0, .3);--color-text-muted: #aaa;--color-text-subtle: #bbb;--color-tag-bg: rgba(30, 58, 138, .6);--color-tag-text: #93c5fd;--color-tag-border: rgba(147, 197, 253, .3);--color-code-bg: #1a1a1a;--card-bg: rgba(0, 0, 0, .5);--card-bg-hover: rgba(0, 0, 0, .65);--card-border: rgba(255, 255, 255, .1);--card-border-hover: rgba(255, 255, 255, .15);--shadow-card: 0 4px 6px rgba(0, 0, 0, .3), inset 0 0 0 1px rgba(255, 255, 255, .1);--shadow-card-hover: 0 8px 16px rgba(0, 0, 0, .4), inset 0 0 0 1px rgba(255, 255, 255, .15);--glass-bg-light: rgba(0, 0, 0, .2);--glass-bg-medium: rgba(0, 0, 0, .6);--glass-bg-heavy: rgba(0, 0, 0, .8);--glass-bg-hover: rgba(255, 255, 255, .1);--glass-border-light: rgba(255, 255, 255, .1);--glass-border-medium: rgba(255, 255, 255, .15);--glass-shadow-default: 0 4px 6px rgba(0, 0, 0, .3), inset 0 0 0 1px rgba(255, 255, 255, .1);--glass-shadow-nav: 2px 0 10px rgba(0, 0, 0, .3), inset 0 0 0 1px rgba(255, 255, 255, .1);--glass-shadow-body: -4px 0 20px rgba(0, 0, 0, .4), inset 0 0 0 1px rgba(255, 255, 255, .1);--video-overlay-bg: rgba(255, 255, 255, .05)}*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none}html{background-color:#fff;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}[data-theme=dark] html{background-color:#000;background-image:none}body{font-family:var(--font-family);color:var(--color-text);background-color:transparent;line-height:1.6}main{max-width:1200px;margin:0 auto;padding:var(--spacing-md)}h1{font-size:3rem;margin-bottom:var(--spacing-sm);color:var(--color-secondary)}h2{font-size:2rem;margin-bottom:var(--spacing-sm);color:var(--color-secondary)}h3{font-size:1.5rem;margin-bottom:var(--spacing-xs);color:var(--color-secondary)}p{margin-bottom:var(--spacing-sm)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.glass-card{backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:var(--transition-card)}.glass-card:hover{background:var(--card-bg-hover);box-shadow:var(--shadow-card-hover);border-color:var(--card-border-hover)}.background-video.svelte-12qhfyh{position:fixed;inset:0;height:100%;width:100%;object-fit:cover;pointer-events:none;z-index:var(--z-index-background);animation:svelte-12qhfyh-video-fade var(--animation-video-fade) ease-in-out infinite}@media(prefers-reduced-motion:reduce){.background-video.svelte-12qhfyh{display:none}}@keyframes svelte-12qhfyh-video-fade{0%{opacity:0}3%{opacity:1}97%{opacity:1}to{opacity:0}}.video-overlay.svelte-12qhfyh{background:var(--video-overlay-bg);inset:0;position:fixed;pointer-events:none;z-index:var(--z-index-background)}.layout-container.svelte-12qhfyh{position:relative;z-index:var(--z-index-content);min-height:100vh}.home-icon.svelte-12qhfyh{background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border-bottom:1px solid var(--glass-border-medium);border-bottom-right-radius:var(--corner-rounding);box-shadow:var(--glass-shadow-default);position:fixed;top:0;left:0;height:var(--layout-header-height);width:var(--layout-sidebar-width);will-change:auto;view-transition-name:none}.nav-bar.svelte-12qhfyh{background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-heavy);-webkit-backdrop-filter:var(--glass-blur-heavy);border-right:1px solid var(--glass-border-light);border-top-right-radius:var(--corner-rounding);box-shadow:var(--glass-shadow-nav);color:var(--color-text);position:fixed;top:var(--layout-sidebar-offset);left:0;height:calc(100vh - var(--layout-sidebar-offset));width:var(--layout-sidebar-width);padding:var(--spacing-md);will-change:auto;view-transition-name:none}.nav-bar.svelte-12qhfyh ul:where(.svelte-12qhfyh){display:flex;flex-direction:column;gap:var(--spacing-sm);list-style:none}.nav-bar.svelte-12qhfyh a:where(.svelte-12qhfyh){display:block;border-radius:var(--radius-link);color:var(--color-text);padding:var(--spacing-xs);padding-left:var(--padding-link-left);transition:background-color var(--transition-link),backdrop-filter var(--transition-link)}.nav-bar.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{-webkit-backdrop-filter:var(--glass-blur-hover);backdrop-filter:var(--glass-blur-hover);text-decoration:none}.title-banner.svelte-12qhfyh{background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border-bottom:1px solid var(--glass-border-medium);border-left:1px solid var(--glass-border-medium);border-bottom-left-radius:var(--corner-rounding);box-shadow:var(--glass-shadow-default);height:var(--layout-header-height);margin-bottom:var(--layout-gap-sm);margin-left:var(--layout-content-offset);position:relative;view-transition-name:none}.body-content.svelte-12qhfyh{background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-heavy);-webkit-backdrop-filter:var(--glass-blur-heavy);border-left:1px solid var(--glass-border-light);border-top-left-radius:var(--corner-rounding);box-shadow:var(--glass-shadow-body);margin-left:var(--layout-content-offset);margin-top:var(--layout-gap-md);min-height:calc(100vh - var(--layout-sidebar-offset));height:100%}.body-content.svelte-12qhfyh .page-content:where(.svelte-12qhfyh){border-top-left-radius:var(--corner-rounding);height:100%;min-height:inherit;view-transition-name:main-content}@media(max-width:768px){.video-overlay.svelte-12qhfyh{background:#00000040}.layout-container.svelte-12qhfyh{min-height:calc(100vh - 78px)}.body-content.svelte-12qhfyh,.nav-bar.svelte-12qhfyh{background:#ffffffa6;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%)}.body-content.svelte-12qhfyh{border-left:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2);border-top:1px solid rgba(255,255,255,.2);border-top-left-radius:var(--corner-rounding);border-top-right-radius:var(--corner-rounding);box-shadow:0 -4px 20px #0000001a,inset 0 0 0 1px #ffffff4d;margin-left:0;margin-top:78px;min-height:calc(100vh - 79px)}.body-content.svelte-12qhfyh .page-content:where(.svelte-12qhfyh){border-top-left-radius:var(--corner-rounding);border-top-right-radius:var(--corner-rounding)}.home-icon.svelte-12qhfyh{display:none}.title-banner.svelte-12qhfyh{display:none;backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(90deg,transparent,var(--color-primary),var(--color-secondary),transparent);border:none;border-radius:0;box-shadow:none;height:4px;margin:0;position:fixed;top:72px;width:100%;z-index:2}.nav-bar.svelte-12qhfyh{border-bottom:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2);border-bottom-left-radius:var(--corner-rounding);border-bottom-right-radius:var(--corner-rounding);border-top-right-radius:0;box-shadow:0 4px 12px #00000014,inset 0 0 0 1px #ffffff4d;padding:16px 20px;position:fixed;top:0;height:72px;width:100%;z-index:var(--z-index-content)}.nav-bar.svelte-12qhfyh ul:where(.svelte-12qhfyh){flex-direction:row;gap:var(--spacing-md);justify-content:center}.nav-bar.svelte-12qhfyh a:where(.svelte-12qhfyh){padding:var(--spacing-xs) var(--spacing-sm);border-radius:8px}.nav-bar.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}}@media(max-width:768px){[data-theme=dark] .video-overlay.svelte-12qhfyh{background:#ffffff14}[data-theme=dark] .body-content.svelte-12qhfyh,[data-theme=dark] .nav-bar.svelte-12qhfyh{background:#000000a6}[data-theme=dark] .body-content.svelte-12qhfyh{border-left:1px solid rgba(0,0,0,.3);border-right:1px solid rgba(0,0,0,.3);border-top:1px solid rgba(0,0,0,.3);box-shadow:0 -4px 20px #0000004d,inset 0 0 0 1px #ffffff1a}[data-theme=dark] .nav-bar.svelte-12qhfyh{border-bottom:1px solid rgba(0,0,0,.3);border-left:1px solid rgba(0,0,0,.3);border-right:1px solid rgba(0,0,0,.3);box-shadow:0 4px 12px #0000004d,inset 0 0 0 1px #ffffff1a}}@media(prefers-reduced-motion:no-preference){::view-transition-old(main-content){animation-name:svelte-12qhfyh-fade-out;animation-duration:var(--transition-view-duration);animation-timing-function:ease-in-out}::view-transition-new(main-content){animation-name:svelte-12qhfyh-fade-in;animation-duration:var(--transition-view-duration);animation-delay:var(--transition-view-duration);animation-timing-function:ease-in-out}@keyframes svelte-12qhfyh-fade-out{to{opacity:0}}@keyframes svelte-12qhfyh-fade-in{0%{opacity:0}}}