:root{--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: "Source Serif 4", "Georgia", "Times New Roman", serif;--font-mono: "JetBrains Mono", "Fira Code", "Menlo", "Monaco", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--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;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--content-max-width: 60rem;--sidebar-width: 256px;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1.25rem;--radius-3xl: 1.75rem;--radius-round: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .06);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .05);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .12), 0 8px 10px -6px rgb(0 0 0 / .08);--shadow-panel: 0 24px 80px -32px rgb(15 23 42 / .28), 0 16px 36px -26px rgb(15 23 42 / .18);--shadow-glow: 0 18px 50px -28px rgb(99 102 241 / .45);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--glass-blur: 24px;--glass-saturate: 160%}:root{--color-bg: #ecf2ff;--color-surface: rgb(255 255 255 / .62);--color-surface-strong: rgb(255 255 255 / .8);--color-surface-muted: rgb(244 247 255 / .56);--color-text: #0f172a;--color-muted: #5d6980;--color-primary: #5b5bd6;--color-primary-hover: #4c46c9;--color-accent: #0891b2;--color-border: rgb(148 163 184 / .24);--color-border-strong: rgb(255 255 255 / .58);--color-code-bg: rgb(238 242 255 / .9);--color-code-text: #1b2540;--scrollbar-track: color-mix(in srgb, var(--color-surface) 88%, transparent);--scrollbar-thumb-color: color-mix(in srgb, var(--color-primary) 34%, var(--color-surface));--scrollbar-thumb: linear-gradient( 180deg, color-mix(in srgb, var(--color-primary) 52%, var(--color-surface)), color-mix(in srgb, var(--color-accent) 38%, var(--color-surface)) );--scrollbar-thumb-hover: linear-gradient( 180deg, color-mix(in srgb, var(--color-primary) 68%, var(--color-surface)), color-mix(in srgb, var(--color-accent) 54%, var(--color-surface)) );--gradient-heading: linear-gradient(120deg, #2563eb 0%, #6366f1 45%, #8b5cf6 100%);--page-background: radial-gradient(circle at top right, rgb(99 102 241 / .18), transparent 30%), radial-gradient(circle at bottom left, rgb(34 211 238 / .14), transparent 32%), linear-gradient(180deg, #f7faff 0%, #ecf2ff 48%, #e9eefb 100%);--main-atmosphere: radial-gradient(circle at top, rgb(255 255 255 / .35), transparent 36%), radial-gradient(circle at top right, rgb(99 102 241 / .12), transparent 28%);--panel-shadow: 0 30px 90px -42px rgb(76 92 143 / .45), 0 18px 42px -30px rgb(15 23 42 / .22);--panel-highlight: inset 0 1px 0 rgb(255 255 255 / .65)}.theme-dark{--color-bg: #07111f;--color-surface: rgb(10 18 33 / .6);--color-surface-strong: rgb(15 23 42 / .78);--color-surface-muted: rgb(15 23 42 / .46);--color-text: #edf4ff;--color-muted: #95a4bb;--color-primary: #8b9cff;--color-primary-hover: #b5c0ff;--color-accent: #22d3ee;--color-border: rgb(148 163 184 / .18);--color-border-strong: rgb(255 255 255 / .08);--color-code-bg: rgb(3 10 22 / .88);--color-code-text: #d8e1ef;--scrollbar-track: color-mix(in srgb, var(--color-surface) 84%, transparent);--scrollbar-thumb-color: color-mix(in srgb, var(--color-primary) 42%, var(--color-surface));--scrollbar-thumb: linear-gradient( 180deg, color-mix(in srgb, var(--color-primary) 56%, var(--color-surface)), color-mix(in srgb, var(--color-accent) 42%, var(--color-surface)) );--scrollbar-thumb-hover: linear-gradient( 180deg, color-mix(in srgb, var(--color-primary) 72%, var(--color-surface)), color-mix(in srgb, var(--color-accent) 58%, var(--color-surface)) );--gradient-heading: linear-gradient(120deg, #93c5fd 0%, #8b5cf6 45%, #22d3ee 100%);--page-background: radial-gradient(circle at top right, rgb(79 70 229 / .2), transparent 28%), radial-gradient(circle at bottom left, rgb(34 211 238 / .14), transparent 30%), linear-gradient(180deg, #0b1220 0%, #07111f 50%, #08101c 100%);--main-atmosphere: radial-gradient(circle at top, rgb(148 163 184 / .08), transparent 34%), radial-gradient(circle at top right, rgb(99 102 241 / .14), transparent 28%);--panel-shadow: 0 34px 90px -38px rgb(2 6 23 / .9), 0 20px 46px -28px rgb(15 23 42 / .72);--panel-highlight: inset 0 1px 0 rgb(255 255 255 / .08)}.theme-greenscreen{--color-bg: #000200;--color-surface: #000802;--color-surface-strong: #000802;--color-surface-muted: #000802;--color-text: #6cff6c;--color-muted: #1f6b1f;--color-primary: #39ff14;--color-primary-hover: #1edb00;--color-accent: #a3ffa3;--color-border: #004d00;--color-border-strong: #0c350c;--color-code-bg: #021208;--color-code-text: #6cff6c;--scrollbar-track: #000802;--scrollbar-thumb-color: #1edb00;--scrollbar-thumb: linear-gradient(180deg, #1edb00, #39ff14);--scrollbar-thumb-hover: linear-gradient(180deg, #39ff14, #a3ffa3);--gradient-heading: linear-gradient(180deg, #6cff6c 0%, #6cff6c 100%);--page-background: linear-gradient(180deg, #000200 0%, #000000 100%);--main-atmosphere: none;--panel-shadow: none;--panel-highlight: none;--glass-blur: 0px;--glass-saturate: 100%}.theme-amber{--color-bg: #050300;--color-surface: #0a0600;--color-surface-strong: #0a0600;--color-surface-muted: #0a0600;--color-text: #ffaa00;--color-muted: #b37700;--color-primary: #ffcc00;--color-primary-hover: #ffd633;--color-accent: #ffe680;--color-border: #805500;--color-border-strong: #4a3100;--color-code-bg: #1a1100;--color-code-text: #ffcc00;--scrollbar-track: #0a0600;--scrollbar-thumb-color: #cc8a00;--scrollbar-thumb: linear-gradient(180deg, #cc8a00, #ffcc00);--scrollbar-thumb-hover: linear-gradient(180deg, #ffb300, #ffe680);--gradient-heading: linear-gradient(180deg, #ffcc00 0%, #ffcc00 100%);--page-background: linear-gradient(180deg, #050300 0%, #080400 100%);--main-atmosphere: none;--panel-shadow: none;--panel-highlight: none;--glass-blur: 0px;--glass-saturate: 100%}.theme-matrix{--color-bg: #030806;--color-surface: rgb(4 15 10 / .78);--color-surface-strong: rgb(3 12 8 / .9);--color-surface-muted: rgb(5 18 12 / .72);--color-text: #f2fff4;--color-muted: #b8d7c0;--color-primary: #57ff89;--color-primary-hover: #8dffaf;--color-accent: #1fc969;--color-border: rgb(60 200 110 / .24);--color-border-strong: rgb(125 255 166 / .12);--color-code-bg: rgb(3 12 8 / .94);--color-code-text: #cffff0;--scrollbar-track: #07100b;--scrollbar-thumb-color: #2ecb68;--scrollbar-thumb: linear-gradient(180deg, #16783c, #2ecb68);--scrollbar-thumb-hover: linear-gradient(180deg, #22a552, #57ff89);--gradient-heading: linear-gradient(180deg, #f2fff4 0%, #7aff9f 100%);--page-background: radial-gradient(circle at top right, rgb(37 255 132 / .06), transparent 24%), radial-gradient(circle at bottom left, rgb(24 185 94 / .05), transparent 28%), linear-gradient(180deg, #040806 0%, #020504 100%);--main-atmosphere: radial-gradient(circle at top, rgb(87 255 137 / .04), transparent 32%), radial-gradient(circle at top right, rgb(34 197 94 / .05), transparent 24%);--panel-shadow: 0 28px 90px -42px rgb(0 0 0 / .88), 0 0 0 1px rgb(49 180 94 / .08);--panel-highlight: inset 0 1px 0 rgb(159 255 192 / .06)}.sidebar{--color-bg: #0b1220;--color-surface: rgb(10 18 33 / .78);--color-surface-strong: rgb(15 23 42 / .88);--color-surface-muted: rgb(15 23 42 / .58);--color-text: #f8fafc;--color-muted: #94a3b8;--color-primary: #8b9cff;--color-primary-hover: #c7d2fe;--color-accent: #38bdf8;--color-border: rgb(148 163 184 / .18);--color-border-strong: rgb(255 255 255 / .08);--color-code-bg: #0b1120;--color-code-text: #cbd5e1;--gradient-heading: linear-gradient(120deg, #f8fafc 0%, #a5b4fc 58%, #67e8f9 100%);--panel-shadow: 0 30px 90px -40px rgb(2 6 23 / .82), 0 18px 40px -28px rgb(15 23 42 / .74);--panel-highlight: inset 0 1px 0 rgb(255 255 255 / .08)}.theme-greenscreen .sidebar{--color-bg: #000200;--color-surface: #000802;--color-surface-strong: #000802;--color-surface-muted: #000802;--color-text: #6cff6c;--color-muted: #1f6b1f;--color-primary: #39ff14;--color-primary-hover: #a3ffa3;--color-accent: #a3ffa3;--color-border: #004d00;--color-border-strong: #0c350c}.theme-amber .sidebar{--color-bg: #050300;--color-surface: #0a0600;--color-surface-strong: #0a0600;--color-surface-muted: #0a0600;--color-text: #ffaa00;--color-muted: #b37700;--color-primary: #ffcc00;--color-primary-hover: #ffe680;--color-accent: #ffe680;--color-border: #805500;--color-border-strong: #4a3100}.theme-matrix .sidebar{--color-bg: #030806;--color-surface: rgb(2 11 7 / .9);--color-surface-strong: rgb(1 8 5 / .96);--color-surface-muted: rgb(4 16 10 / .82);--color-text: #eefcf1;--color-muted: #aacfb4;--color-primary: #57ff89;--color-primary-hover: #9effbd;--color-accent: #1fc969;--color-border: rgb(60 200 110 / .22);--color-border-strong: rgb(125 255 166 / .1);--gradient-heading: linear-gradient(180deg, #eefcf1 0%, #7aff9f 100%);--panel-shadow: 0 28px 90px -42px rgb(0 0 0 / .92), 0 0 0 1px rgb(49 180 94 / .1);--panel-highlight: inset 0 1px 0 rgb(159 255 192 / .05)}html,*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--radius-round)}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-round);border:2px solid var(--scrollbar-track)}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*::-webkit-scrollbar-corner{background:var(--scrollbar-track)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);min-height:100vh;min-height:100dvh;background:var(--page-background);color:var(--color-text);line-height:var(--leading-normal);transition:background var(--transition-normal),color var(--transition-normal);-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative;isolation:isolate}body:before,body:after{content:"";position:fixed;border-radius:50%;pointer-events:none;filter:blur(72px);z-index:-1}body:before{top:-11rem;right:-9rem;width:28rem;height:28rem;background:color-mix(in srgb,var(--color-primary) 18%,transparent)}body:after{left:-10rem;bottom:-10rem;width:24rem;height:24rem;background:color-mix(in srgb,var(--color-accent) 16%,transparent)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}::selection{background-color:color-mix(in srgb,var(--color-primary) 28%,transparent);color:var(--color-text)}.theme-greenscreen ::selection,.theme-amber ::selection,.theme-matrix ::selection{background-color:color-mix(in srgb,var(--color-primary) 35%,#000000);color:var(--color-text)}.theme-greenscreen body:before,.theme-greenscreen body:after,.theme-amber body:before,.theme-amber body:after,.theme-matrix body:before,.theme-matrix body:after{display:none}.theme-greenscreen .markdown-body,.theme-amber .markdown-body{font-family:var(--font-mono);font-size:var(--text-base);line-height:var(--leading-relaxed)}.theme-greenscreen .main-content{text-shadow:0 0 2px rgba(108,255,108,.4),0 0 5px rgba(108,255,108,.15),0 0 10px rgba(108,255,108,.05)}.theme-amber .main-content{text-shadow:0 0 2px rgba(255,170,0,.4),0 0 5px rgba(255,170,0,.15),0 0 10px rgba(255,170,0,.05)}.theme-matrix .main-content{text-shadow:0 0 1px rgba(87,255,137,.28),0 0 8px rgba(31,201,105,.08)}#app-container{display:flex;min-height:100vh;min-height:100dvh;width:min(100%,96rem);margin:0 auto;padding:var(--space-3) var(--space-4) var(--space-4) var(--space-2);gap:var(--space-4);align-items:flex-start}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-strong) 90%,transparent),var(--color-surface));border:1px solid color-mix(in srgb,var(--color-border) 78%,var(--color-border-strong));border-radius:var(--radius-3xl);padding:var(--space-5);position:sticky;top:var(--space-6);transition:width var(--transition-normal),transform var(--transition-normal),border-color var(--transition-normal),background var(--transition-normal);z-index:10000;display:flex;flex-direction:column;overflow-x:hidden;max-height:calc(100vh - var(--space-12));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:var(--panel-shadow),var(--panel-highlight)}.sidebar-header{margin-bottom:var(--space-6);font-weight:var(--font-bold);font-size:var(--text-xl);color:var(--color-text);display:flex;align-items:flex-start;justify-content:space-between;white-space:nowrap}.sidebar-header .site-title{display:flex;flex-direction:column;gap:2px}.sidebar-header .site-title-main{letter-spacing:-.03em;font-weight:var(--font-bold);background:var(--gradient-heading);-webkit-background-clip:text;background-clip:text;color:transparent}.sidebar-header .site-title-sub{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-muted)}.desktop-menu-toggle{background:color-mix(in srgb,var(--color-surface) 72%,transparent);border:1px solid var(--color-border);border-radius:var(--radius-round);cursor:pointer;color:var(--color-text);padding:var(--space-2);display:none;transition:transform var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.desktop-menu-toggle svg{width:24px;height:24px}.desktop-menu-toggle:hover{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 16%,var(--color-surface));border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border))}@media (min-width: 769px){.desktop-menu-toggle{display:block}}.sidebar-nav ul{list-style:none;margin-bottom:var(--space-6)}.sidebar-nav .nav-category{font-size:var(--text-xs);text-transform:uppercase;color:var(--color-muted);font-weight:var(--font-semibold);letter-spacing:.05em;margin-bottom:var(--space-2);cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast);margin-top:var(--space-4)}.sidebar-nav .nav-category:hover{color:var(--color-text)}.sidebar-nav .nav-category:after{content:"▼";font-size:8px;transition:transform var(--transition-fast)}.sidebar-nav .folder-collapsed .nav-category:after{transform:rotate(-90deg)}.sidebar-nav .folder-collapsed ul{display:none}.sidebar-nav li a{display:block;padding:var(--space-2) var(--space-3);margin-left:calc(-1 * var(--space-2));margin-right:calc(-1 * var(--space-2));border-radius:var(--radius-xl);color:var(--color-text);font-size:var(--text-sm);border:1px solid transparent;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.sidebar-nav li a:hover{background-color:color-mix(in srgb,var(--color-primary) 11%,var(--color-surface));color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 28%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--color-border-strong) 72%,transparent);transform:translate(3px)}.sidebar-nav li a.active{background-color:color-mix(in srgb,var(--color-primary) 20%,var(--color-surface));color:var(--color-primary);font-weight:var(--font-semibold);border-color:color-mix(in srgb,var(--color-primary) 32%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--color-border-strong) 72%,transparent)}.theme-toggle{margin-top:auto;padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--color-primary) 14%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-primary) 24%,var(--color-border));color:var(--color-text);border-radius:var(--radius-round);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-snug);transition:background var(--transition-fast);width:100%;max-width:100%;text-align:center;overflow-wrap:anywhere;box-shadow:inset 0 1px color-mix(in srgb,var(--color-border-strong) 80%,transparent)}.theme-toggle:hover{background:color-mix(in srgb,var(--color-primary) 20%,var(--color-surface))}.theme-toggle:focus-visible,.menu-toggle:focus-visible,.desktop-menu-toggle:focus-visible,.sidebar-nav li a:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary) 65%,transparent);outline-offset:2px}.main-content{flex-grow:1;min-width:0;display:flex;justify-content:center;padding:0;background:var(--main-atmosphere, transparent)}.content-wrapper{max-width:var(--content-max-width);width:100%;min-width:0;position:relative;overflow:hidden;padding:clamp(var(--space-6),3vw,var(--space-10));border-radius:var(--radius-3xl);background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-strong) 92%,transparent),var(--color-surface));border:1px solid color-mix(in srgb,var(--color-border) 82%,var(--color-border-strong));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:var(--panel-shadow),var(--panel-highlight)}.content-wrapper:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-border-strong) 85%,transparent),transparent)}.mobile-header{display:none;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);background:color-mix(in srgb,var(--color-surface-strong) 92%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-border) 78%,var(--color-border-strong));position:sticky;top:0;z-index:50;backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}.menu-toggle{background:color-mix(in srgb,var(--color-primary) 14%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-primary) 24%,var(--color-border));border-radius:var(--radius-round);cursor:pointer;color:var(--color-text);padding:var(--space-2)}.menu-toggle svg{width:24px;height:24px}@media (max-width: 768px){#app-container{flex-direction:column;width:100%;padding:0;gap:0}.mobile-header{display:flex}.sidebar{position:fixed;left:0;width:min(22rem,calc(100vw - var(--space-6)));max-width:calc(100vw - var(--space-6));height:100dvh;max-height:none;transform:translate(-100%);z-index:100;padding:var(--space-5);overflow-y:auto;overscroll-behavior:contain;border-radius:0 var(--radius-3xl) var(--radius-3xl) 0;top:0}.sidebar.open{transform:translate(0);box-shadow:var(--shadow-xl)}.mobile-logo{display:flex;flex-direction:column;line-height:1.1;padding-right:var(--space-2)}.mobile-logo .mobile-subtitle{font-size:var(--text-xs);color:var(--color-muted);font-weight:var(--font-medium);margin-top:2px}.main-content{padding:var(--space-5) var(--space-4) var(--space-8)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02061757;z-index:90;opacity:0;pointer-events:none;transition:opacity var(--transition-normal);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.overlay.active{opacity:1;pointer-events:auto}.content-wrapper{max-width:100%;border-radius:var(--radius-2xl);padding:var(--space-5)}.theme-toggle{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}}@media (max-width: 420px){.mobile-header{padding:var(--space-3) var(--space-4)}.sidebar{width:calc(100vw - var(--space-4));max-width:calc(100vw - var(--space-4));padding:var(--space-4)}.main-content{padding-left:var(--space-3);padding-right:var(--space-3)}.content-wrapper{padding:var(--space-4)}}.theme-greenscreen .sidebar-header .site-title-main,.theme-amber .sidebar-header .site-title-main{background:none;color:var(--color-text);-webkit-text-fill-color:currentColor}.theme-greenscreen .sidebar,.theme-greenscreen .content-wrapper,.theme-greenscreen .mobile-header,.theme-amber .sidebar,.theme-amber .content-wrapper,.theme-amber .mobile-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--color-surface);box-shadow:var(--panel-shadow)}.markdown-body{font-family:var(--font-serif);color:var(--color-text);line-height:var(--leading-relaxed);font-size:var(--text-lg);font-optical-sizing:auto;min-width:0;overflow-wrap:break-word;word-break:normal;text-wrap:pretty}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{font-family:var(--font-sans);color:var(--color-text);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:-.02em;margin-top:var(--space-8);margin-bottom:var(--space-4)}.markdown-body h1{font-size:var(--text-4xl);margin-top:0;letter-spacing:-.035em;font-weight:var(--font-bold);background:var(--gradient-heading);-webkit-background-clip:text;background-clip:text;color:transparent}.markdown-body .site-home-heading .site-title-main{margin-bottom:var(--space-2);display:inline-block;background:var(--gradient-heading);-webkit-background-clip:text;background-clip:text;color:transparent}.markdown-body .site-home-heading .site-title-sub{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-muted);line-height:1.3;margin-bottom:var(--space-6)}.markdown-body h2{font-size:var(--text-3xl);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2)}.markdown-body h3{font-size:var(--text-2xl)}.markdown-body h4{font-size:var(--text-xl);font-weight:var(--font-semibold)}.markdown-body h5{font-size:var(--text-lg);font-weight:var(--font-medium)}.markdown-body h6{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-muted)}.markdown-body p,.markdown-body ul,.markdown-body ol{margin-top:0;margin-bottom:var(--space-4)}.markdown-body>:last-child{margin-bottom:0}.markdown-body a{color:var(--color-primary);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:text-decoration-color var(--transition-fast)}.markdown-body a:hover{text-decoration-color:var(--color-primary-hover);color:var(--color-primary-hover)}.markdown-body ul,.markdown-body ol{padding-left:var(--space-6)}.markdown-body li{margin-bottom:var(--space-1)}.markdown-body blockquote{margin:var(--space-6) 0;padding:var(--space-4) var(--space-5);padding-left:var(--space-5);border-left:3px solid color-mix(in srgb,var(--color-accent) 75%,var(--color-border));border-radius:0 var(--radius-xl) var(--radius-xl) 0;background:color-mix(in srgb,var(--color-surface-muted) 88%,var(--color-bg));color:var(--color-muted);font-style:italic}.markdown-body code{font-family:var(--font-mono);font-size:var(--text-sm);background-color:var(--color-code-bg);color:var(--color-code-text);padding:.2em .4em;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--color-border) 72%,transparent)}.markdown-body pre{margin-top:var(--space-6);margin-bottom:var(--space-6);padding:var(--space-4);overflow:auto;max-width:100%;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal);background-color:var(--color-code-bg);border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--color-border) 75%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--color-border-strong) 68%,transparent)}.markdown-body pre code{background-color:transparent;color:inherit;padding:0;border-radius:0}.markdown-body img{max-width:100%;height:auto;display:block;margin-left:auto;margin-right:auto;border-radius:var(--radius-2xl);margin-top:var(--space-6);margin-bottom:var(--space-6);box-shadow:var(--shadow-panel);border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent)}.article-image,.article-image-grid{margin-top:var(--space-6);margin-bottom:var(--space-6)}.article-image p,.article-image-grid p{margin:0}.article-image--desktop{max-width:420px;margin-inline:auto}.article-image--desktop img{width:100%;max-width:420px;margin:0}.article-image-grid--phones{display:flex;justify-content:center;align-items:flex-start;gap:1rem;flex-wrap:nowrap;max-width:560px;margin-inline:auto}.article-image-grid--phones p{flex:0 1 220px}.article-image-grid--phones img{width:100%;max-width:220px;margin:0}.markdown-body hr{height:1px;background-color:var(--color-border);border:none;margin:var(--space-8) 0}.markdown-body table{width:100%;display:block;overflow-x:auto;margin-top:var(--space-6);margin-bottom:var(--space-6);border-collapse:collapse}.markdown-body th,.markdown-body td{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border)}.markdown-body th{font-family:var(--font-sans);font-weight:var(--font-semibold);background-color:color-mix(in srgb,var(--color-surface-muted) 85%,var(--color-surface));text-align:left}.markdown-body tbody tr:nth-child(2n) td{background-color:color-mix(in srgb,var(--color-muted) 6%,transparent)}.post-meta{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-4);align-items:center;margin-bottom:var(--space-10);padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb,var(--color-border) 74%,var(--color-border-strong));border-radius:var(--radius-2xl);background:color-mix(in srgb,var(--color-surface-muted) 92%,transparent);color:var(--color-muted);font-family:var(--font-sans);font-size:var(--text-sm)}.post-meta time{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-round);background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface));color:var(--color-muted);font-variant-numeric:tabular-nums;font-weight:var(--font-medium);border:1px solid color-mix(in srgb,var(--color-border) 70%,transparent)}.post-meta .theme-toggle{margin-left:auto;margin-top:0;width:auto;padding:var(--space-2) var(--space-4);font-size:var(--text-xs);border-radius:var(--radius-round);font-weight:var(--font-semibold);color:var(--color-text);background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 26%,var(--color-surface-strong)),color-mix(in srgb,var(--color-primary) 14%,var(--color-surface)));border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border));box-shadow:inset 0 1px color-mix(in srgb,white 30%,transparent),0 8px 20px -14px color-mix(in srgb,var(--color-primary) 55%,transparent)}.post-meta .theme-toggle:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 34%,var(--color-surface-strong)),color-mix(in srgb,var(--color-primary) 18%,var(--color-surface)));border-color:color-mix(in srgb,var(--color-primary) 58%,var(--color-border))}.post-tags{display:none}.post-tags span{background-color:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));padding:var(--space-1) var(--space-2);border-radius:var(--radius-round);border:1px solid var(--color-border)}.site-home-heading{max-width:38rem;margin-bottom:var(--space-2)}.site-home-heading .site-title-sub{max-width:26rem}.home-hero{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(18rem,.95fr);gap:var(--space-6);align-items:start;margin-bottom:var(--space-8)}.home-kicker{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);margin-bottom:var(--space-4)}.home-intro{max-width:42rem;color:var(--color-muted)}.home-hero-aside{min-width:0}.home-signal-card{padding:var(--space-5);border-radius:var(--radius-2xl);border:1px solid color-mix(in srgb,var(--color-border) 74%,var(--color-border-strong));background:color-mix(in srgb,var(--color-surface-muted) 92%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--color-border-strong) 60%,transparent)}.home-signal-label,.home-section-label{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted)}.home-signal-label{margin-bottom:var(--space-4)}.home-signal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin-bottom:var(--space-5)}.home-signal-grid span{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-round);border:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);background:color-mix(in srgb,var(--color-primary) 7%,var(--color-surface));color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-sm)}.home-section-label{margin-bottom:var(--space-4)}.home-post-list{list-style:none;padding-left:0;display:grid;gap:var(--space-3)}.home-post-list li{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:baseline;padding:var(--space-4) var(--space-5);border-radius:var(--radius-2xl);border:1px solid color-mix(in srgb,var(--color-border) 72%,var(--color-border-strong));background:color-mix(in srgb,var(--color-surface-muted) 90%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--color-border-strong) 60%,transparent);transition:transform var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.home-post-list li:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--color-primary) 24%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 7%,var(--color-surface-muted))}.home-post-list li a{flex:1 1 20rem;text-decoration:none;font-family:var(--font-sans);font-weight:var(--font-semibold);color:var(--color-text)}.home-post-list li a:hover{color:var(--color-primary)}.home-post-date{color:var(--color-muted);font-family:var(--font-sans);font-size:var(--text-sm);white-space:nowrap}@media (max-width: 768px){.markdown-body{font-size:.9375rem;line-height:1.7}.markdown-body h1{font-size:clamp(1.9rem,7vw,2.35rem)}.markdown-body h2{font-size:clamp(1.45rem,5.5vw,1.9rem)}.markdown-body h3{font-size:clamp(1.2rem,4.8vw,1.45rem)}.markdown-body pre,.markdown-body code,.post-meta{font-size:var(--text-xs)}.home-hero{grid-template-columns:1fr}.home-signal-grid{grid-template-columns:1fr 1fr}.post-meta time{padding:2px var(--space-2)}.post-meta{align-items:flex-start;gap:var(--space-2)}.post-meta time{flex:1 1 auto;min-width:0}.post-meta .theme-toggle{margin-left:auto;flex:0 0 auto;width:auto}}@media (max-width: 420px){.markdown-body{font-size:.9rem}.markdown-body ul,.markdown-body ol{padding-left:var(--space-5)}.markdown-body pre{padding:var(--space-3)}.home-signal-grid{grid-template-columns:1fr}.home-post-list li{padding:var(--space-4)}}.theme-greenscreen .markdown-body :is(h1,h2,h3,h4,h5,h6),.theme-amber .markdown-body :is(h1,h2,h3,h4,h5,h6){font-family:var(--font-mono);letter-spacing:0}.theme-greenscreen .markdown-body h1,.theme-greenscreen .markdown-body .site-home-heading .site-title-main,.theme-amber .markdown-body h1,.theme-amber .markdown-body .site-home-heading .site-title-main{background:none;color:var(--color-text);-webkit-text-fill-color:currentColor}.theme-greenscreen .post-meta,.theme-greenscreen .home-signal-card,.theme-greenscreen .home-post-list li,.theme-amber .post-meta,.theme-amber .home-signal-card,.theme-amber .home-post-list li{background:var(--color-surface);box-shadow:none}.image-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;animation:fadeIn .2s ease-out}.image-modal.active{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-modal-content{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--space-4)}.image-modal-content img{max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem);object-fit:contain;border-radius:var(--radius-2xl);box-shadow:0 20px 60px #00000080;animation:zoomIn .3s ease-out;margin:0!important}@keyframes zoomIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-close{position:absolute;top:var(--space-4);right:var(--space-4);width:44px;height:44px;padding:0;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);font-size:28px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10001}.modal-close:hover{background-color:#ffffff26;border-color:#ffffff4d;transform:scale(1.1)}.modal-close:active{transform:scale(.95)}@media (max-width: 540px){.article-image-grid--phones{gap:.75rem}.article-image-grid--phones p{flex-basis:calc(50% - .375rem)}.article-image-grid--phones img{max-width:100%}}