@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300..700;1,14..32,300..700&family=DM+Mono:wght@400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa}body{background-color:#fafafa}#root{height:100%;width:100%;position:relative;overflow-x:hidden}html{scroll-behavior:smooth}button{border:none;background:none;cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.home{display:flex;flex-direction:column;gap:28px;max-width:520px}.home-name-block{display:flex;flex-direction:column;gap:12px}.home-name{font-size:26px;font-weight:600;letter-spacing:-.02em;color:#111;line-height:1.15}.home-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.home-meta-item{font-size:12px;color:#a3a3a3;font-family:DM Mono,monospace}.home-meta-sep{color:#d4d4d4;font-size:12px}.home-bio{font-size:15px;line-height:1.75;color:#525252;max-width:460px}.home-email{font-size:12px;color:#737373;font-family:DM Mono,monospace;text-decoration:none;width:fit-content;transition:color .15s}.home-email:hover{color:#111}@media (max-width: 768px){.home{gap:24px;max-width:100%}.home-name{font-size:22px}.home-bio{font-size:14px;max-width:100%}}.content-page{padding:48px 0 80px;width:100%}.content-loading{font-size:12px;color:#a3a3a3;font-family:DM Mono,monospace}.post-title{font-size:22px;font-weight:600;letter-spacing:-.01em;color:#111;margin:0 0 36px;line-height:1.2}.post-heading{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#a3a3a3;font-family:DM Mono,monospace;margin:44px 0 16px;padding-bottom:10px;border-bottom:1px solid #e5e5e5}.post-subheading{font-size:14px;font-weight:600;color:#111;margin:24px 0 10px;letter-spacing:-.005em}.post-paragraph{font-size:15px;line-height:1.75;color:#525252;margin:0 0 14px}.post-date{font-size:11px;color:#a3a3a3;font-family:DM Mono,monospace;display:block;margin-bottom:36px;font-style:normal}.post-list,.post-ordered-list{margin:0 0 14px;padding-left:18px;display:flex;flex-direction:column;gap:6px}.post-list-item{font-size:15px;line-height:1.65;color:#525252}.post-list-item::marker{color:#d4d4d4}.post-inline-code{background:#f4f4f5;color:#111;padding:2px 6px;border-radius:4px;font-family:DM Mono,monospace;font-size:.87em}.post-code-block{background:#f4f4f5;border:1px solid #e5e5e5;border-radius:8px;padding:16px;margin:20px 0;overflow-x:auto;font-family:DM Mono,monospace;font-size:13px;line-height:1.6}.post-code-block code{color:#111}.post-quote{border-left:2px solid #e5e5e5;margin:20px 0;padding:2px 20px;color:#737373}.post-divider{border:none;height:1px;background:#e5e5e5;margin:36px 0}.post-bold{font-weight:600;color:#111}.loading,.error{padding:48px 0;font-size:14px;color:#a3a3a3;font-family:DM Mono,monospace}.blog-post-paginated,.pages,.paper-page,.markdown-content{width:100%}@media (max-width: 768px){.content-page{padding:32px 0 60px}.post-title{font-size:20px;margin-bottom:28px}.post-paragraph,.post-list-item{font-size:14px}.post-heading{margin-top:32px}}.blog-window{width:100%;margin-top:48px;border:1px solid #e5e5e5;background:#fff;border-radius:8px;overflow:hidden;box-sizing:border-box;font-family:Inter,system-ui,sans-serif}.list-header{display:grid;grid-template-columns:1fr 130px;align-items:center;height:30px;padding:0 14px;border-bottom:1px solid #f0f0f0;background:#fafafa;box-sizing:border-box}.row{display:grid;grid-template-columns:1fr 130px;align-items:center;height:44px;padding:0 14px;border:none;border-bottom:1px solid #f5f5f5;background:#fff;cursor:pointer;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;transition:background .1s}.col.date,.col.type{font-size:11px;color:#a3a3a3;font-family:DM Mono,monospace}.type-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:500;color:#737373;background:#f4f4f5;text-transform:uppercase;letter-spacing:.05em;font-family:DM Mono,monospace;border:1px solid #e5e5e5}@media (max-width: 768px){.blog-window{width:100%;margin-top:0;border-radius:6px}.toolbar{flex-wrap:wrap;gap:8px}.search-wrap{flex:1;min-width:140px}.list-header{display:none}.row{display:flex;flex-direction:column;align-items:flex-start;height:auto;padding:14px 16px;gap:4px;grid-template-columns:unset}.col.name{width:100%}.col.date{padding-left:26px;font-size:11px;color:#a3a3a3;width:auto}.file-name{font-size:14px}}:root{--bg: #fafafa;--surface: #ffffff;--border: #e5e5e5;--border-strong: #d4d4d4;--text: #111111;--text-muted: #737373;--text-dim: #a3a3a3;--content-width: 720px;--sidebar-width: 180px;--gap: 32px;--top-offset: 64px}*{box-sizing:border-box}html,body{max-width:100vw;overflow-x:hidden;background:var(--bg);color:var(--text)}.layout{display:flex;justify-content:center;min-height:100vh;align-items:flex-start;padding:var(--top-offset) 0 64px}.layout-inner{width:calc(var(--sidebar-width) + var(--gap) + var(--content-width));margin:0 auto;display:flex;gap:var(--gap)}.sidebar{background:transparent;border:none;width:var(--sidebar-width)}.sidebar-inner{position:fixed;top:50vh;transform:translateY(-50%);left:calc((100vw - (var(--content-width) + var(--gap) + var(--sidebar-width))) / 2);width:var(--sidebar-width);z-index:10}.brand{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-family:DM Mono,monospace;margin:0 10px 16px}.section-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-family:DM Mono,monospace;margin:14px 10px 8px}.divider{height:1px;background:var(--border);margin:10px}.nav{display:flex;flex-direction:column;gap:2px;padding:0 4px}.nav-item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:450;padding:7px 10px;border-radius:6px;color:var(--text-muted);text-decoration:none;width:100%;box-sizing:border-box;transition:color .15s,background .15s}.nav-item:hover{color:var(--text);background:var(--surface)}.nav-item.active{background:var(--text);color:#fff}.nav-item.disabled{color:var(--text-dim);cursor:default}.nav-icon{color:currentColor;flex-shrink:0}.mobile-menu-toggle{display:none;position:fixed;top:16px;left:16px;z-index:1000;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:7px;cursor:pointer;color:var(--text-muted)}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000040;z-index:998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.content{padding:0;display:flex;gap:var(--gap)}.sidebar-spacer{width:var(--sidebar-width);flex:0 0 var(--sidebar-width)}.content-pane{width:var(--content-width);flex:0 0 var(--content-width)}.content-pane-home{height:calc(100vh - var(--top-offset));display:flex;flex-direction:column;justify-content:center}@media (max-width: 1024px){.layout{flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;gap:0;max-width:100vw;overflow-x:hidden;margin:0;width:100vw}.layout-inner{width:100%;max-width:100vw;margin:0}.sidebar{flex:0 0 0;width:0;overflow:visible}.mobile-menu-toggle{display:block}.sidebar-inner{position:fixed;top:0;left:0;width:260px;height:100vh;background:var(--bg);border-right:1px solid var(--border);transform:translate(-100%);transition:transform .25s ease;z-index:999;padding:60px 16px 16px;overflow-y:auto}.sidebar-inner.mobile-open{transform:translate(0)}.content{margin-left:0;padding:56px 24px 40px;width:100%;max-width:100vw;box-sizing:border-box}.sidebar-spacer{display:none}.content-pane{width:100%;max-width:100vw;flex:1 1 auto}.content-pane-home{height:auto;justify-content:flex-start}.nav{gap:4px}.nav-item{padding:10px 12px;font-size:14px;border-radius:8px}.brand{margin-bottom:1rem}.section-label{margin:1rem 10px .5rem}.divider{margin:1rem 10px}}@media (max-width: 768px){.content{padding:56px 20px 32px}}@media (max-width: 480px){.content{padding:56px 16px 24px}.sidebar-inner{width:240px}}.projects-window{width:100%;margin-top:48px;border:1px solid #e5e5e5;background:#fff;border-radius:8px;overflow:hidden;box-sizing:border-box;font-family:Inter,system-ui,sans-serif}.titlebar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#f9f9f9;border-bottom:1px solid #e5e5e5}.traffic{display:flex;gap:5px}.light{width:9px;height:9px;border-radius:50%;display:inline-block}.light.red,.light.yellow,.light.green{background:#e5e5e5}.window-title{font-size:11px;font-weight:500;color:#a3a3a3;font-family:DM Mono,monospace;letter-spacing:.05em}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#fff;border-bottom:1px solid #f0f0f0}.breadcrumbs{font-size:11px;color:#a3a3a3;font-family:DM Mono,monospace}.search-wrap{position:relative;width:200px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#d4d4d4}.toolbar-search{width:100%;padding:6px 10px 6px 30px;border:1px solid #e5e5e5;background:#fafafa;border-radius:5px;font-size:12px;font-family:inherit;color:#111;outline:none;transition:border-color .15s,background .15s}.toolbar-search::placeholder{color:#d4d4d4}.toolbar-search:focus{border-color:#d4d4d4;background:#fff}.explorer-split{display:grid;grid-template-columns:1fr;min-height:50vh}.explorer-content{background:#fff;display:flex;flex-direction:column}.list-header{display:grid;grid-template-columns:1fr 130px 120px;align-items:center;height:30px;padding:0 14px;border-bottom:1px solid #f0f0f0;background:#fafafa;box-sizing:border-box}.header-button{display:flex;align-items:center;gap:4px;height:100%;background:transparent;border:none;font-size:10px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:#d4d4d4;font-family:DM Mono,monospace;cursor:pointer;padding:0;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:color .15s}.header-button:hover{color:#a3a3a3}.header-button.active{color:#737373}.sort-caret{font-size:9px}.list-body{display:flex;flex-direction:column}.row{display:grid;grid-template-columns:1fr 130px 120px;align-items:center;height:44px;padding:0 14px;border:none;border-bottom:1px solid #f5f5f5;background:#fff;cursor:pointer;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;transition:background .1s}.row:last-child{border-bottom:none}.row:hover{background:#fafafa}.col.name{display:flex;align-items:center;gap:10px}.col.date{font-size:11px;color:#a3a3a3;font-family:DM Mono,monospace}.col.type{font-size:11px;color:#a3a3a3;font-family:DM Mono,monospace;overflow:hidden}.file-icon{color:#d4d4d4;flex-shrink:0}.file-name{color:#111;font-size:13px;font-weight:440}.type-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:500;color:#737373;background:#f4f4f5;text-transform:uppercase;letter-spacing:.05em;font-family:DM Mono,monospace;border:1px solid #e5e5e5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.sticky-note{width:300px;min-height:380px;max-height:480px;border-radius:8px;box-shadow:0 4px 24px #0000001f,0 1px 4px #00000014;font-family:Inter,system-ui,sans-serif;-webkit-user-select:none;user-select:none;overflow:hidden;border:1px solid rgba(0,0,0,.08)}.sticky-note-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px 8px}.sticky-note-pin{width:10px;height:10px;border-radius:50%;background:#ffffff40;border:1.5px solid rgba(255,255,255,.4)}.sticky-note-close{background:#ffffff26;border:none;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background .15s}.sticky-note-close:hover{background:#ffffff47}.sticky-note-content{padding:0 14px 14px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:420px}.sticky-note-title{font-size:16px;font-weight:600;margin:0;line-height:1.3;color:#fff;letter-spacing:-.01em}.sticky-note-date{font-size:11px;opacity:.7;font-family:DM Mono,monospace;color:#fff}.sticky-note-status{display:inline-block;padding:3px 9px;border-radius:4px;font-size:10px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.06em;width:fit-content;font-family:DM Mono,monospace}.sticky-note-description{font-size:13px;line-height:1.55;margin:0;color:#ffffffe6;flex:1}.sticky-note-technologies{display:flex;flex-wrap:wrap;gap:5px}.tech-tag{background:#ffffff26;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:500;color:#ffffffe6;font-family:DM Mono,monospace;border:1px solid rgba(255,255,255,.2)}.sticky-note-links{display:flex;gap:6px;flex-wrap:wrap}.sticky-note-link{display:flex;align-items:center;gap:5px;padding:5px 10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);border-radius:5px;color:#fff;text-decoration:none;font-size:12px;font-weight:500;transition:background .15s,border-color .15s;cursor:pointer}.sticky-note-link:hover{background:#ffffff38;border-color:#fff6}@media (max-width: 768px){.projects-window{width:100%;margin-top:0;border-radius:6px}.toolbar{flex-wrap:wrap;gap:8px}.search-wrap{flex:1;min-width:140px}.list-header{display:none}.row{display:flex;flex-wrap:wrap;align-items:center;height:auto;padding:14px 16px;gap:6px 0;grid-template-columns:unset}.col.name{width:100%;margin-bottom:2px}.col.date{padding-left:26px;font-size:11px;color:#a3a3a3;width:auto;flex:none}.col.type{margin-left:10px;overflow:visible;flex:none}.file-name{font-size:14px}.type-badge{max-width:none}.sticky-note{width:calc(100vw - 32px);max-width:300px}}