:root{color-scheme:light dark;--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--space-4xl: 64px;--space-5xl: 80px;--project-accent: var(--link);--project-bukti: #5b6ee1;--project-probixio: #ff5c00;--project-evolveed: #2a9d8f;--project-t127: #b85c3f;--badge-active-fg: #166534;--badge-active-bg: #dcfce7;--badge-active-border: #bbf7d0;--badge-completed-fg: #1e40af;--badge-completed-bg: #dbeafe;--badge-completed-border: #bfdbfe;--badge-planned-fg: #854d0e;--badge-planned-bg: #fef9c3;--badge-planned-border: #fef08a;--badge-archived-fg: var(--text-dim);--badge-archived-bg: var(--bg-alt);--badge-archived-border: var(--border);--bg: #fcfcfc;--bg-alt: #f5f5f5;--surface: #ffffff;--text: #1a1a1a;--text-secondary: #555555;--text-dim: #888888;--accent: #4a4a4a;--accent-hover: #1a1a1a;--link: #3d5a80;--link-hover: #1d3557;--link-visited: #5a3d7a;--border: #e0e0e0;--border-light: #eeeeee;--code-bg: #f5f5f5;--code-border: #e0e0e0;--highlight: #fff3cd;--shadow: rgba(0, 0, 0, .06);--shadow-lg: rgba(0, 0, 0, .1);--content-width: 680px;--sidenote-width: 240px;--layout-gap: 40px}[data-theme=dark]{--bg: #111111;--bg-alt: #1a1a1a;--surface: #1e1e1e;--text: #d4d4d4;--text-secondary: #a0a0a0;--text-dim: #666666;--accent: #b0b0b0;--accent-hover: #e0e0e0;--link: #7eb8da;--link-hover: #a8d4ef;--link-visited: #b89dd6;--border: #2a2a2a;--border-light: #222222;--code-bg: #1a1a1a;--code-border: #2a2a2a;--highlight: #332b00;--shadow-lg: rgba(0, 0, 0, .5);--badge-active-fg: #86efac;--badge-active-bg: #052e16;--badge-active-border: #14532d;--badge-completed-fg: #93c5fd;--badge-completed-bg: #0c1d3e;--badge-completed-border: #1e3a5f;--badge-planned-fg: #fde68a;--badge-planned-bg: #3b2f00;--badge-planned-border: #5c4b00;--badge-archived-fg: var(--text-dim);--badge-archived-bg: var(--bg-alt);--badge-archived-border: var(--border)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #111111;--bg-alt: #1a1a1a;--surface: #1e1e1e;--text: #d4d4d4;--text-secondary: #a0a0a0;--text-dim: #666666;--accent: #b0b0b0;--accent-hover: #e0e0e0;--link: #7eb8da;--link-hover: #a8d4ef;--link-visited: #b89dd6;--border: #2a2a2a;--border-light: #222222;--code-bg: #1a1a1a;--code-border: #2a2a2a;--highlight: #332b00;--shadow: rgba(0, 0, 0, .3);--shadow-lg: rgba(0, 0, 0, .5);--badge-active-fg: #86efac;--badge-active-bg: #052e16;--badge-active-border: #14532d;--badge-completed-fg: #93c5fd;--badge-completed-bg: #0c1d3e;--badge-completed-border: #1e3a5f;--badge-planned-fg: #fde68a;--badge-planned-bg: #3b2f00;--badge-planned-border: #5c4b00;--badge-archived-fg: var(--text-dim);--badge-archived-bg: var(--bg-alt);--badge-archived-border: var(--border)}}::selection{background:var(--link);color:var(--bg)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}body{font-family:"Source Serif 4","Source Serif Pro",Georgia,Times New Roman,serif;margin:0;padding:0;background-color:var(--bg);color:var(--text);font-size:18px;line-height:1.7;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1,"onum" 1;transition:background-color .2s ease,color .2s ease}main{max-width:var(--content-width);margin:0 auto;padding:2em 1.5em 4em}.layout-wide main{max-width:calc(var(--content-width) + var(--sidenote-width) + var(--layout-gap))}h1,h2,h3,h4,h5,h6{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:600;line-height:1.25;margin:2em 0 .5em;color:var(--text);letter-spacing:0}h1{font-size:2em;font-weight:700;margin-top:0}h2{font-size:1.5em;padding-bottom:.3em;border-bottom:1px solid var(--border-light)}h3{font-size:1.25em}h4{font-size:1.1em;font-weight:500}h5{font-size:1em;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}a{color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:var(--border);transition:color .15s ease,text-decoration-color .15s ease}a:hover{color:var(--link-hover);text-decoration-color:var(--link-hover)}a:visited{color:var(--link-visited)}.prose{max-width:var(--content-width)}.prose p{margin-bottom:1.4em;text-align:left;hyphens:auto}.prose>p:first-of-type{font-size:1.1em;color:var(--text-secondary)}.dropcap:first-letter{float:left;font-family:Inter,Helvetica Neue,sans-serif;font-size:3.4em;line-height:.8;padding-right:.08em;margin-top:.05em;font-weight:700;color:var(--text)}blockquote{border-left:3px solid var(--border);padding:.2em 0 .2em 1.5em;margin:1.5em 0;color:var(--text-secondary);font-style:italic}blockquote p:last-child{margin-bottom:0}code{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.85em;padding:.15em .4em;background-color:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-sm)}pre{padding:1.2em 1.5em;background-color:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-sm);overflow-x:auto;line-height:1.5}pre>code{all:unset;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.85em}table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:.95em}th,td{padding:.6em 1em;text-align:left;border-bottom:1px solid var(--border-light)}th{font-family:Inter,Helvetica Neue,sans-serif;font-weight:600;font-size:.85em;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);border-bottom:2px solid var(--border)}hr{border:none;border-top:1px solid var(--border);margin:2em 0}img{max-width:100%;height:auto;border-radius:var(--radius-sm)}.prose iframe{display:block;width:100%;max-width:100%}ul,ol{padding-left:1.5em}li{margin-bottom:.3em}strong,b{font-weight:700}.sc,.smallcaps{font-variant:small-caps;letter-spacing:.03em}.sidenote-container{position:relative}.sidenote{float:right;clear:right;width:var(--sidenote-width);margin-right:calc(-1 * (var(--sidenote-width) + var(--layout-gap)));margin-bottom:1em;font-size:.82em;line-height:1.4;color:var(--text-secondary);font-family:Inter,Helvetica Neue,sans-serif}.sidenote-number{counter-increment:sidenote-counter}.sidenote-number:after{content:counter(sidenote-counter);font-size:.7em;vertical-align:super;color:var(--link);cursor:pointer}.sidenote:before{content:counter(sidenote-counter) ". ";font-size:.85em;font-weight:600;color:var(--text-dim)}.margin-note{float:right;clear:right;width:var(--sidenote-width);margin-right:calc(-1 * (var(--sidenote-width) + var(--layout-gap)));margin-bottom:1em;font-size:.82em;line-height:1.4;color:var(--text-dim);font-style:italic;font-family:Inter,Helvetica Neue,sans-serif}details{margin:1em 0;border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:0}details>summary{padding:.8em 1em;cursor:pointer;font-family:Inter,Helvetica Neue,sans-serif;font-weight:500;font-size:.95em;color:var(--text-secondary);list-style:none;user-select:none}details>summary::-webkit-details-marker{display:none}details>summary:before{content:"▸ ";color:var(--text-dim);transition:transform .15s ease;display:inline-block}details[open]>summary:before{content:"▾ "}details>summary:hover{color:var(--text)}details>div,details>p{padding:0 1em 1em}.abstract{font-size:1.05em;color:var(--text-secondary);border-left:3px solid var(--border);padding:.8em 1.2em;margin:0 0 2em;background:var(--bg-alt);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.tag{display:inline-block;padding:.15em .6em;font-family:Inter,Helvetica Neue,sans-serif;font-size:.78em;font-weight:500;color:var(--text-secondary);background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-sm);text-decoration:none;transition:all .15s ease}.tag:hover{color:var(--text);border-color:var(--text-dim);text-decoration:none}.badge{display:inline-block;padding:.15em .6em;font-family:Inter,Helvetica Neue,sans-serif;font-size:.75em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-sm)}.badge-active{color:var(--badge-active-fg);background:var(--badge-active-bg);border:1px solid var(--badge-active-border)}.badge-completed{color:var(--badge-completed-fg);background:var(--badge-completed-bg);border:1px solid var(--badge-completed-border)}.badge-planned{color:var(--badge-planned-fg);background:var(--badge-planned-bg);border:1px solid var(--badge-planned-border)}.badge-archived{color:var(--badge-archived-fg);background:var(--badge-archived-bg);border:1px solid var(--badge-archived-border)}.card{border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5em;background:var(--surface);transition:box-shadow .2s ease,border-color .2s ease}.card:hover{box-shadow:0 2px 12px var(--shadow);border-color:var(--text-dim)}.card a{text-decoration:none}.toc{font-family:Inter,Helvetica Neue,sans-serif;font-size:.88em;border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:1em 1.5em;margin:1.5em 0 2em;background:var(--bg-alt)}.toc-title{font-weight:600;font-size:.85em;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.5em}.toc ul{list-style:none;padding-left:0;margin:0}.toc li{margin-bottom:.2em}.toc ul ul{padding-left:1.2em}.toc a{color:var(--text-secondary);text-decoration:none;border-bottom:none}.toc a:hover{color:var(--link)}.reading-progress{position:fixed;top:0;left:0;width:0%;height:2px;background:var(--link);z-index:1000;transition:width .1s linear}.page-header{margin-bottom:2em;padding-bottom:1.5em;border-bottom:1px solid var(--border-light)}.page-header h1{font-size:2em;margin-bottom:.2em}.page-header p{color:var(--text-secondary);font-size:1.05em}.eyebrow{font-family:Inter,Helvetica Neue,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);margin:0 0 1em}.text-secondary{color:var(--text-secondary)}.text-dim{color:var(--text-dim)}.font-sans{font-family:Inter,Helvetica Neue,sans-serif}.font-mono{font-family:JetBrains Mono,Fira Code,monospace}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}@media(max-width:1100px){.sidenote,.margin-note{float:none;width:100%;margin:.5em 0 1em 1em;padding:.5em .8em;border-left:2px solid var(--border);background:var(--bg-alt);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.88em}}@media(max-width:768px){body{font-size:16px;padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}main{padding:1.5em 1em 3em}h1{font-size:1.6em}h2{font-size:1.3em}.tag,.badge{padding-top:.3em;padding-bottom:.3em}.page-header{margin-bottom:1.2em;padding-bottom:1em}.page-header h1{font-size:1.75em}pre,.toc{padding:1em}}@media(max-width:430px){main{padding-left:.85em;padding-right:.85em}h1{font-size:1.5em}h2{font-size:1.25em}.essay-item,.experience-list li{padding-top:.9em;padding-bottom:.9em}}@media print{body{background:#fff;color:#000;font-size:12pt}.reading-progress,.theme-toggle,nav,footer{display:none!important}a{color:#000;text-decoration:underline}a[href]:after{content:" (" attr(href) ")";font-size:.85em}}