:root{--color-bg: #f5f5f3;--color-bg-subtle: #eeedeb;--color-text: #1e1e1c;--color-text-secondary: #3a3a38;--color-text-muted: #666;--color-text-faint: #888;--color-text-ghost: #999;--color-border: #e5e5e5;--color-border-input: #ddd;--color-tree: #ccc;--color-error: #c0392b;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--text-display: 48px;--text-title: 28px;--text-subtitle: 20px;--text-lead: 18px;--text-body: 16px;--text-small: 14px;--text-micro: 12px;--text-display-mobile: 32px;--text-title-mobile: 24px;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.2;--leading-snug: 1.3;--leading-normal: 1.6;--leading-relaxed: 1.7;--tracking-tighter: -.5px;--tracking-tight: -.3px;--tracking-snug: -.2px;--tracking-wide: .5px;--tracking-wider: .05em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-15: 60px;--space-16: 64px;--space-18: 72px;--space-20: 80px;--space-24: 96px;--space-30: 120px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg: #1c1c1a;--color-bg-subtle: #242422;--color-text: #e2e2de;--color-text-secondary: #b8b8b4;--color-text-muted: #888;--color-text-faint: #666;--color-text-ghost: #555;--color-border: #2a2a2a;--color-border-input: #333;--color-tree: #3a3a3a}}[data-theme=dark]{--color-bg: #1c1c1a;--color-bg-subtle: #242422;--color-text: #e2e2de;--color-text-secondary: #b8b8b4;--color-text-muted: #888;--color-text-faint: #666;--color-text-ghost: #555;--color-border: #2a2a2a;--color-border-input: #333;--color-tree: #3a3a3a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-mono);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg)}.container{max-width:960px;margin-left:260px;margin-right:auto;padding:var(--space-6) var(--space-4)}.container h1,.container h2,.container h3,.container h4,.container p,.container .intro,.container .meta,.container blockquote{max-width:720px}header{margin-bottom:0;padding-bottom:var(--space-5)}.meta{font-size:var(--text-micro);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-4)}h1{font-size:var(--text-display);font-weight:var(--weight-medium);line-height:var(--leading-tight);margin-bottom:var(--space-6);letter-spacing:var(--tracking-tighter)}.intro{font-size:var(--text-lead);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.hero-image{border-radius:var(--radius-lg);background:var(--color-bg-subtle);margin-top:var(--space-8);margin-bottom:var(--space-10)}.hero-image img{width:100%;display:block;border-radius:var(--radius-sm)}@media(max-width:1100px){.container{margin-left:auto}}@media(max-width:600px){h1{font-size:var(--text-display-mobile)}.intro{font-size:var(--text-body)}.container{padding:var(--space-10) var(--space-4)}}.img-lg{max-width:960px;width:100%}.img-md{max-width:720px;width:100%}.nav{position:fixed;left:0;top:0;width:240px;height:100vh;padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);z-index:1000}.nav-header{display:flex;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem}.nav-logo{font-family:var(--font-mono);font-size:.9rem;font-weight:var(--weight-medium);color:var(--color-text);text-decoration:none}.nav-logo:hover{color:var(--color-text-muted)}.nav-folder{margin-top:.25rem}.nav-folder-name{font-family:var(--font-mono);font-size:var(--text-micro);color:var(--color-text-muted);letter-spacing:var(--tracking-wider);margin-bottom:.5rem;margin-left:-4px;display:flex;align-items:center;gap:.4rem}.nav-folder-icon{width:12px;height:12px;display:inline-block}.nav-pages{display:flex;flex-direction:column;gap:.15rem;margin-left:.25rem}.nav-pages a{font-family:var(--font-mono);font-size:var(--text-micro);color:var(--color-text-ghost);text-decoration:none;transition:color .15s}.nav-pages a .tree{color:var(--color-tree);margin-right:.2rem}.nav-pages a:hover,.nav-pages a.active{color:var(--color-text);font-weight:var(--weight-medium)}.nav-page{font-family:var(--font-mono);font-size:var(--text-micro);color:var(--color-text-ghost);text-decoration:none}.nav-page:hover,.nav-page.active{color:var(--color-text);font-weight:var(--weight-medium)}.nav-trigger{display:none;position:fixed;top:var(--space-6);left:var(--space-4);z-index:1001;background:none;border:none;cursor:pointer;color:var(--color-text);padding:0}.nav-overlay{display:none;position:fixed;inset:0;z-index:999;background:transparent}.nav-overlay.is-open{display:block}@media(max-width:1100px){.nav{transform:translate(-100%);transition:transform .25s ease;background:var(--color-bg);border-right:1px solid var(--color-border)}.nav.is-open{transform:translate(0)}.nav-trigger{display:flex}.nav-trigger.is-hidden{display:none}}