:root{color-scheme:light;--bg:oklch(97.5% .012 185);--surface:oklch(99% .007 105);--surface-2:oklch(94% .018 205);--surface-3:oklch(96.5% .012 175);--ink:oklch(18% .018 235);--muted:oklch(45% .025 230);--line:oklch(82% .025 210);--line-strong:oklch(68% .035 218);--accent:oklch(55% .145 155);--accent-soft:oklch(93% .04 155);--accent-2:oklch(64% .17 35);--accent-2-soft:oklch(93% .045 55);--accent-3:oklch(58% .12 265);--code-bg:oklch(20% .025 230);--code-ink:oklch(94% .018 130);--bg-wash-green:oklch(82% .09 155/.12);--bg-wash-violet:oklch(74% .08 265/.1);--bg-wash-warm:oklch(88% .085 55/.08);--texture-opacity:.34;--shadow:0 24px 80px oklch(25% .03 235/.12);--radius:6px;--max:1180px;--article:82ch;--topbar-height:48px;--font-body:"Atkinson Hyperlegible", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Recursive", ui-sans-serif, system-ui;--font-code:"JetBrains Mono", ui-monospace, monospace;--text-micro:.66rem;--text-tiny:.78rem;--text-caption:.84rem;--text-meta:.9rem;--text-ui:.95rem;--text-code:.88rem;--step--1:clamp(.86rem, .82rem + .2vw, .95rem);--step-0:clamp(1rem, .96rem + .25vw, 1.125rem);--step-1:clamp(1.25rem, 1.12rem + .65vw, 1.6rem);--step-2:clamp(1.6rem, 1.32rem + 1.2vw, 2.35rem);--step-3:clamp(2.2rem, 1.7rem + 2.6vw, 4rem);--step-4:clamp(2.8rem, 1.9rem + 3.2vw, 4.7rem);font-family:var(--font-body)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(180deg, oklch(99.5% .006 125), oklch(97.2% .012 185) 42%, var(--bg)), linear-gradient(115deg, var(--bg-wash-green), transparent 34%), linear-gradient(290deg, var(--bg-wash-violet), transparent 38%), linear-gradient(0deg, transparent 0 72%, var(--bg-wash-warm)), var(--bg);min-height:100vh;color:var(--ink);font-size:var(--step-0);font-kerning:normal;text-rendering:optimizelegibility;background-size:auto;background-attachment:fixed;margin:0;line-height:1.68;position:relative}body:before{content:"";z-index:-1;opacity:var(--texture-opacity);pointer-events:none;background-image:url(/assets/img/workbench-texture.svg);background-repeat:repeat;background-size:160px 160px;position:fixed;inset:0}body,button,input,textarea{font:inherit}a{color:var(--accent);text-underline-offset:.18em;text-decoration-thickness:.08em}img,iframe{max-width:100%}button{cursor:pointer}[hidden]{display:none!important}@property --boot-progress{syntax:"<angle>";inherits:false;initial-value:0deg}.boot-splash{z-index:1000;color:oklch(94% .018 130);background:radial-gradient(circle at 20% 18%,oklch(58% .12 265/.2),#0000 34%),radial-gradient(circle at 78% 80%,oklch(55% .145 155/.18),#0000 36%),linear-gradient(oklch(15% .018 225),oklch(20% .026 215));place-items:center;padding:clamp(18px,5vw,56px);display:none;position:fixed;inset:0}html[data-boot-splash] .boot-splash{display:grid}html[data-boot-splash] body{overflow:hidden}.boot-splash:before{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 6px,oklch(94% .018 130/.035) 6px 7px),linear-gradient(90deg,oklch(55% .145 155/.08),#0000 28% 72%,oklch(64% .17 35/.08));position:absolute;inset:0}.boot-panel{transform-origin:50% 44%;grid-template-columns:minmax(160px,.45fr) minmax(0,1fr);align-items:center;gap:clamp(28px,6vw,72px);width:min(980px,100%);min-height:min(620px,78vh);padding:clamp(18px,4vw,44px);display:grid;position:relative}.boot-logo-shell{aspect-ratio:1;place-self:center;place-items:center;width:clamp(132px,24vw,240px);display:grid;position:relative}.boot-logo-shell img{z-index:2;object-fit:contain;filter:drop-shadow(0 8px 24px oklch(8% .02 230/.45));width:52%;height:52%;position:relative}.boot-ring{background:conic-gradient(from 0deg, var(--accent) 0 var(--boot-progress), oklch(76% .024 210/.24) var(--boot-progress) 360deg), oklch(22% .025 225);animation:boot-ring-progress var(--boot-duration,2s) cubic-bezier(.16, 1, .3, 1) both;border-radius:50%;position:absolute;inset:0;mask:radial-gradient(circle,#0000 0 57%,oklch(10% 0 0) 58%)}.boot-copy{align-self:center}.boot-kicker,.boot-line,.boot-checks{font-family:var(--font-code)}.boot-kicker{color:oklch(78% .17 85);font-size:var(--text-caption);margin:0 0 8px;font-weight:700}.boot-copy h1{color:oklch(98.5% .006 130);font-family:var(--font-display);letter-spacing:0;margin:0;font-size:clamp(2.9rem,8vw,6.8rem);font-weight:900;line-height:.95}.boot-line{color:oklch(83% .028 180);max-width:44ch;font-size:var(--step-0);margin:18px 0 0;line-height:1.55}.boot-checks{color:oklch(75% .025 190);font-size:var(--text-tiny);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:clamp(24px,4vw,42px) 0 0;padding:0;list-style:none;display:grid}.boot-checks li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.boot-splash.is-complete{pointer-events:none;animation:1s linear forwards boot-splash-exit}.boot-splash.is-complete .boot-panel{animation:1s linear forwards boot-panel-exit}@keyframes boot-ring-progress{0%{--boot-progress:0deg}to{--boot-progress:360deg}}@keyframes boot-splash-exit{0%{opacity:1}to{opacity:0}}@keyframes boot-panel-exit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-14px)scale(.985)}}.site-footer,main>section,.post-shell,.archive-list{width:min(var(--max), calc(100% - 32px));margin-inline:auto}.site-header{z-index:20;width:100%;height:var(--topbar-height);padding:0 max(16px, calc((100vw - var(--max)) / 2));backdrop-filter:blur(18px);font-size:var(--text-ui);background:oklch(99% .006 140/.88);border-bottom:1px solid oklch(82% .025 210/.7);grid-template-columns:1fr auto auto;align-items:center;gap:18px;margin-inline:0;display:grid;position:sticky;top:0}.brand{min-width:0;color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{flex:none;place-items:center;width:36px;height:36px;display:grid;overflow:hidden}.brand-mark img{object-fit:contain;width:36px;height:36px}.brand strong,.brand small{display:block}.brand strong{line-height:1.1}.brand small{color:var(--muted);font-size:var(--text-tiny)}nav{font-size:var(--text-ui);align-items:center;gap:18px;display:flex}nav a{height:var(--topbar-height);color:var(--ink);align-items:center;text-decoration:none;display:inline-flex;position:relative}nav a:after{content:"";background:0 0;height:2px;position:absolute;bottom:0;left:0;right:0}nav a:hover,nav a[aria-current=page]{color:var(--accent)}nav a[aria-current=page]:after{background:var(--accent)}.mode-toggle{background:oklch(98.5% .006 130/.82);border:1px solid oklch(76% .024 210/.9);border-radius:5px;align-items:center;padding:2px;display:inline-flex}.mode-toggle button{min-height:30px;color:var(--muted);font-size:var(--text-meta);background:0 0;border:0;border-radius:3px;align-items:center;gap:6px;padding:4px 11px;font-weight:700;line-height:1;display:inline-flex}html[data-mode=website] .mode-toggle [data-mode-choice=website],html[data-mode=os] .mode-toggle [data-mode-choice=os]{background:var(--accent);color:var(--surface)}.home-hero,.page-heading,.post-hero,.contact-layout{padding:clamp(42px,8vw,92px) 0 clamp(28px,4vw,48px)}.home-hero{grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);align-items:center;gap:clamp(28px,5vw,64px);display:grid}.hero-copy h1,.page-heading h1,.post-hero h1,.contact-copy h1{max-width:980px;font-family:var(--font-display);font-size:var(--step-4);letter-spacing:0;margin:0;font-weight:900;line-height:.98}.hero-copy p,.page-heading p,.post-hero .lede,.contact-copy p{max-width:720px;color:var(--muted);font-size:var(--step-1)}.mode-pill,.eyebrow,.mini-label{border:1px solid var(--line);background:var(--accent-soft);width:fit-content;min-height:30px;color:var(--accent);font-size:var(--text-caption);border-radius:999px;align-items:center;margin:0 0 16px;padding:4px 10px;font-weight:700;display:inline-flex}.mini-label{min-height:0;color:var(--muted);text-transform:uppercase;background:0 0;border:0;border-radius:0;margin-bottom:10px;padding:0}.hero-actions,.contact-links,.footer-links,.window-actions-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.button,.contact-links a,.footer-links a{border:1px solid var(--line-strong);border-radius:var(--radius);min-height:42px;color:var(--ink);background:var(--surface);justify-content:center;align-items:center;padding:9px 15px;font-weight:700;text-decoration:none;display:inline-flex}.button:hover,.contact-links a:hover,.footer-links a:hover{border-color:var(--accent);color:var(--accent)}.button.primary{border-color:var(--accent);background:var(--accent);color:var(--surface)}.button.primary:hover{color:var(--surface)}.hero-panel,.profile-panel,.contact-form{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:oklch(99.5% .006 110/.92);padding:22px}.panel-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;padding:13px 0;display:flex}.panel-row span,.terminal-card small,.post-card-top,.post-meta,.article-meta,.back-link{color:var(--muted);font-size:var(--text-meta)}.panel-row strong{text-align:right}.terminal-card{border-radius:var(--radius);background:var(--code-bg);color:var(--code-ink);grid-template-columns:12px 1fr;gap:8px 10px;margin:18px 0;padding:16px;display:grid}.terminal-card code,.terminal-card small{grid-column:2}.terminal-dot{background:var(--accent-2);border-radius:50%;width:11px;height:11px;margin-top:8px}.chip-list{flex-wrap:wrap;gap:8px 14px;margin:20px 0 0;padding:0;list-style:none;display:flex}.chip-list li,.stack-rows span{color:var(--muted);font-size:var(--text-caption);background:0 0;border:0;border-radius:0;align-items:center;gap:6px;padding:0;line-height:1.35;display:inline-flex}.chip-list li:before,.stack-rows span:before{content:"";background:oklch(55% .145 155/.7);border-radius:50%;flex:none;width:5px;height:5px}.stack-groups{gap:0;margin:18px 0 0;display:grid}.stack-groups>div{border-top:1px solid oklch(82% .025 210/.72);grid-template-columns:minmax(88px,.34fr) minmax(0,1fr);gap:12px;padding:11px 0;display:grid}.stack-groups>div:last-child{padding-bottom:0}.stack-groups dt,.stack-groups dd{margin:0}.stack-groups dt{color:var(--ink);font-family:var(--font-display);font-size:var(--text-caption);font-weight:750;line-height:1.3}.stack-groups .chip-list{margin:0}.section-heading{justify-content:space-between;align-items:end;gap:24px;padding:28px 0 14px;display:flex}.section-heading.inline{width:auto;margin:0;padding:0 0 16px}.section-heading h2,.profile-panel h2{font-family:var(--font-display);font-size:var(--step-2);margin:0;line-height:1.05}.post-showcase{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:16px;padding:18px 0 68px;display:grid}.post-grid,.post-list{gap:16px;display:grid}.post-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.post-grid.compact{grid-template-columns:1fr}.post-list{padding:20px 0 84px}.post-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;min-height:250px;padding:24px;transition:border-color .16s,transform .16s,box-shadow .16s;display:flex}.post-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}.post-card-top,.post-meta{flex-wrap:wrap;gap:8px;display:flex}.post-card-top{justify-content:space-between}.post-card h2,.article-row h2{font-size:var(--step-1);margin:16px 0 8px;line-height:1.12}.post-card h2 a,.article-row h2 a,.link-list a,.mini-list a,.stack-rows a{color:var(--ink);text-decoration:none}.post-card h2 a:hover,.article-row h2 a:hover,.link-list a:hover,.mini-list a:hover,.stack-rows a:hover{color:var(--accent)}.post-card p,.article-row p,.profile-panel p,.experience-row p{color:var(--muted)}.post-shell{max-width:1080px}.post-hero{width:min(var(--article), 100%);border:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(180deg, oklch(99.5% .005 120/.98), oklch(98.5% .006 125/.94)), var(--surface);border-bottom:0;max-width:none;margin-inline:auto;padding:clamp(46px,7vw,78px) 48px clamp(28px,4vw,44px);box-shadow:0 22px 68px oklch(25% .03 235/.1)}.post-meta{margin-top:22px}.featured-media{margin:20px 0 44px}.featured-media img{border-radius:var(--radius);width:100%}.post-content{width:min(var(--article), 100%);border:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);background:oklch(99.5% .005 120/.96);border-top:0;max-width:none;margin:0 auto 96px;padding:8px 48px 68px;box-shadow:0 30px 76px oklch(25% .03 235/.1)}html[data-mode=website] .post-hero{margin-top:clamp(34px,6vw,72px)}.post-content h1,.post-content h2,.post-content h3{color:var(--ink);font-family:var(--font-display);margin-top:2.2em;line-height:1.15}.post-content p,.post-content li{color:oklch(27% .02 235)}.post-content a{overflow-wrap:anywhere;font-weight:700}.post-content blockquote{border:1px solid var(--line);border-radius:var(--radius);background:var(--accent-soft);color:var(--muted);margin-inline:0;padding:12px 18px}.post-content pre{border-radius:var(--radius);background:var(--code-bg);color:var(--code-ink);font-family:var(--font-code);font-size:var(--text-code);border:1px solid oklch(36% .03 235);padding:18px;line-height:1.55;overflow-x:auto}.post-content code{font-family:var(--font-code)}.post-content :not(pre)>code{background:var(--surface-2);border-radius:4px;padding:.12em .35em}.post-content table{border-collapse:collapse;display:block;overflow-x:auto}.post-content th,.post-content td{border:1px solid var(--line);padding:8px 12px}.back-link,.text-link{margin-bottom:14px;font-weight:700;display:inline-flex}button.text-link{color:var(--accent);text-align:left;text-underline-offset:.18em;background:0 0;border:0;padding:0;text-decoration:underline .08em}.legacy-frame{width:calc(100% + 96px);margin:40px -48px}.legacy-frame iframe{border-radius:var(--radius);background:oklch(99% .005 120);border:0;width:100%;min-height:760px;display:block;box-shadow:0 16px 44px oklch(25% .03 235/.12)}.legacy-frame figcaption{color:var(--muted);font-size:var(--text-caption);text-align:center;margin-top:10px}.intro{font-size:var(--step-0)}.dropcap{float:left;color:var(--accent);font-family:var(--font-display);margin:.08em .12em 0 0;font-size:3.8rem;font-weight:900;line-height:.82}.archive-list{padding-bottom:82px}.archive-list section{border-top:1px solid var(--line);padding:24px 0}.archive-list h2{margin:0 0 12px}.archive-list ol{padding:0;list-style:none}.archive-list li{grid-template-columns:96px 1fr;gap:16px;padding:8px 0;display:grid}.archive-list time,.site-footer{color:var(--muted);font-size:var(--text-meta)}.contact-layout{grid-template-columns:minmax(0,.9fr) minmax(320px,.65fr);align-items:start;gap:54px;min-height:calc(100vh - 210px);display:grid}.contact-copy{padding-top:22px}.contact-form{gap:10px;display:grid}.contact-form label{color:var(--ink);font-size:var(--text-meta);font-weight:700}.contact-form input,.contact-form textarea,.search-box input{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--ink);padding:12px 13px}.contact-form input:focus,.contact-form textarea:focus,.search-box input:focus{border-color:var(--accent);outline:3px solid oklch(55% .145 155/.16)}.contact-form button{border-radius:var(--radius);background:var(--accent);min-height:46px;color:var(--surface);border:0;margin-top:8px;font-weight:700}.site-footer{border-top:1px solid var(--line);justify-content:space-between;gap:28px;padding:36px 0 48px;display:flex}.site-footer p{max-width:620px;margin:6px 0 0}.site-footer .footer-links a{background:0 0;border:0;min-height:0;padding:0}.icon-link{width:42px;padding:0;min-height:42px!important}.icon-link svg{fill:currentColor;width:21px;height:21px}.os-home{display:none}html[data-mode=os] .os-home{width:100%;min-height:100vh;padding:0;display:block}html[data-mode=os] body.home-page{overflow:hidden}html[data-mode=os] body.home-page>.site-header,html[data-mode=os] body.home-page>.site-footer,html[data-mode=os] .website-home,.os-page-shell,.os-subpage-window-bar{display:none}html[data-mode=os] body:not(.home-page){min-height:100vh}html[data-mode=os] body:not(.home-page)>.site-header,html[data-mode=os] body:not(.home-page)>.site-footer{display:none}html[data-mode=os] body:not(.home-page)>.os-page-shell{display:block}html[data-mode=os] body:not(.home-page)>.site-main{border:1px solid var(--line-strong);border-radius:var(--radius);width:min(1180px,100% - 172px);max-height:calc(100vh - 108px);box-shadow:var(--shadow);background:oklch(99.5% .005 120/.96);margin:30px 32px 30px 140px;position:relative;overflow:auto}html[data-mode=os] body:not(.home-page)>.site-main.is-maximized{width:calc(100% - 172px);max-height:calc(100vh - 78px);margin-top:14px;margin-bottom:14px}html[data-mode=os] body:not(.home-page)>.site-main>.os-subpage-window-bar{z-index:5;border-bottom:1px solid var(--line);background:linear-gradient(180deg, var(--surface), var(--surface-2));width:100%;min-height:44px;color:var(--muted);font-family:var(--font-code);font-size:var(--text-caption);justify-content:space-between;align-items:center;margin-inline:0;padding:0 16px;font-weight:700;display:flex;position:sticky;top:0}html[data-mode=os] body:not(.home-page)>.site-main>:is(section,article,div):not(.os-subpage-window-bar){width:min(var(--max), calc(100% - 44px))}.os-page-dock{z-index:8;width:90px;position:fixed;top:78px;left:22px}.os-menubar{inline-size:100vw;max-width:none;height:var(--topbar-height);border-bottom:1px solid var(--line);background:var(--surface);font-size:var(--text-ui);align-items:center;gap:28px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0 clamp(16px,2vw,28px);display:flex}.os-menubar a,.os-menubar>button{color:var(--ink);font-weight:700;text-decoration:none}.os-menubar>button{background:0 0;border:0;padding:0}.os-brand{flex:none;align-items:center;height:36px;display:inline-flex}.os-brand-logo{object-fit:contain;width:36px;height:36px}kbd{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);font-family:var(--font-code);border-radius:4px;padding:1px 6px}.os-menubar .mode-toggle{margin-left:auto}.desktop-grid{grid-template-columns:108px minmax(0,1fr);gap:clamp(18px,3vw,42px);height:calc(100vh - 48px);min-height:calc(100vh - 48px);padding:clamp(18px,3vw,42px);display:grid;position:relative;overflow:hidden}.desktop-dock{align-content:start;gap:14px;display:grid}.desktop-icon{border-radius:var(--radius);min-height:82px;color:var(--ink);font-size:var(--text-caption);text-align:center;background:0 0;border:1px solid #0000;justify-items:center;gap:8px;padding:10px 6px;text-decoration:none;display:grid}.desktop-icon:hover{background:oklch(97% .018 155/.7);border-color:oklch(55% .08 155/.42)}.desktop-icon.active{background:oklch(95% .04 155/.72);border-color:oklch(55% .145 155/.7)}.desktop-icon.external-link{background:0 0;border-color:#0000;position:relative}.desktop-icon.external-link:hover{background:0 0;border-color:oklch(50% .11 252/.68)}.external-indicator{color:oklch(42% .11 252);background:0 0;border:0;border-radius:0;place-items:center;width:17px;height:17px;padding:0;display:grid;position:absolute;top:5px;right:5px}.external-indicator svg{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:2.1px;width:17px;height:17px}.icon-file{border:1px solid var(--accent);border-radius:var(--radius);width:42px;height:42px;color:var(--accent);font-family:var(--font-code);font-size:var(--text-tiny);background:oklch(95% .04 155/.62);place-items:center;font-weight:700;display:grid}.icon-file svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:26px;height:26px}.icon-file--readme,.icon-file--writing,.icon-file--contact{border-color:var(--accent);color:oklch(43% .13 155);background:oklch(95% .04 155/.62)}.icon-file.pdf,.icon-file.social{color:oklch(44% .12 252);background:0 0;border-color:oklch(50% .11 252)}.icon-file.social svg{fill:currentColor;stroke:none;width:22px;height:22px}.window-frame{border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow);touch-action:none;transform-origin:50%;background:oklch(99.5% .005 120/.96);flex-direction:column;transition:border-color .16s,box-shadow .16s,opacity .18s,transform .18s;display:flex;overflow:hidden}.window-bar{border-bottom:1px solid var(--line);background:linear-gradient(180deg, var(--surface), var(--surface-2));cursor:grab;user-select:none;grid-template-columns:minmax(0,1fr);align-items:center;gap:14px;min-height:44px;padding:0 76px 0 16px;display:grid;position:relative}.window-bar.compact{display:grid}.window-bar strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.window-actions,.window-bar.compact span{color:var(--muted);font-family:var(--font-code);font-size:var(--text-caption)}.window-actions{justify-content:flex-end;gap:0;display:inline-flex;position:absolute;top:0;bottom:0;right:0}.window-control{width:34px;height:100%;color:var(--muted);cursor:pointer;font-family:var(--font-code);background:0 0;border:0;border-left:1px solid #0000;border-radius:0;place-items:center;line-height:1;display:grid}.window-control:hover{border-color:var(--line);background:var(--surface);color:var(--ink)}.window-control.close:hover{color:oklch(48% .16 28);background:oklch(93% .045 55);border-color:oklch(62% .18 28)}.window-body{touch-action:auto;flex:auto;padding:clamp(18px,3vw,34px);overflow:auto}.window-frame.is-positioned{position:absolute}.window-frame.is-focused{border-color:var(--accent);box-shadow:0 30px 88px oklch(25% .03 235/.18)}.window-frame.is-closing{opacity:0;pointer-events:none;transform:scale(.96)}.window-frame.is-dragging{opacity:.96;transition:none}.window-frame.is-dragging .window-bar{cursor:grabbing}.window-frame.is-resizing{user-select:none;transition:none}body[data-window-interaction]{cursor:grabbing;user-select:none}body[data-window-interaction=resize]{cursor:nwse-resize}.window-frame.is-maximized .window-resize-handle{display:none}.window-resize-handle{z-index:4;touch-action:none;background:0 0;position:absolute}.window-resize-handle.right{cursor:ew-resize;width:12px;top:44px;bottom:12px;right:0}.window-resize-handle.bottom{cursor:ns-resize;height:12px;bottom:0;left:12px;right:12px}.window-resize-handle.corner{cursor:nwse-resize;width:18px;height:18px;bottom:0;right:0}.window-resize-handle.corner:after{content:"";border-right:2px solid var(--line-strong);border-bottom:2px solid var(--line-strong);opacity:.8;width:8px;height:8px;position:absolute;bottom:4px;right:4px}.readme-window{align-self:start;width:min(880px,100vw - 330px);margin-top:42px}.readme-body h1{font-family:var(--font-display);margin:0;font-size:clamp(2.9rem,4.8vw,4.45rem);line-height:.95}.readme-about{grid-template-columns:minmax(220px,.48fr) minmax(0,1fr);align-items:center;gap:24px;margin:20px 0 28px;display:grid}.readme-about img{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);border-radius:var(--radius);width:100%}.readme-about p{color:var(--muted);font-size:var(--step-1);margin:0}.readme-profile-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px;margin:0 0 34px;display:grid}.readme-experience-section{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:oklch(99.5% .006 110/.92);padding:22px}.role-line{color:var(--accent);font-size:var(--step-1);font-weight:700}.file-kicker{color:var(--muted);font-family:var(--font-code);font-size:var(--text-caption);margin:0 0 10px}.readme-columns{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px 0;padding:26px 0;display:grid}.readme-columns h2{margin:0 0 10px;font-size:1rem}.location-pill{color:var(--muted);font-family:var(--font-code);font-size:var(--text-caption);border:0;border-radius:0;align-items:center;gap:6px;margin-top:12px;padding:0;display:inline-flex}.location-pill:before{content:"";background:var(--accent-3);border-radius:50%;flex:none;width:5px;height:5px}.link-list,.mini-list,.stack-rows{gap:10px;margin:0;padding:0;list-style:none;display:grid}.link-list li:before{content:"";background:var(--accent);vertical-align:middle;border-radius:50%;width:5px;height:5px;margin-right:8px;display:inline-block}.side-window{width:min(980px,100vw - 220px);position:absolute}.writing-window{top:32px;right:24px}.contact-window{width:min(760px,100vw - 220px);container:contact-window/inline-size}.article-window{width:min(980px,100vw - 220px)}.article-window-body{padding:0}.article-window-content{width:min(100%,1080px);padding:0 clamp(20px,4vw,52px)}.article-window-content .post-content{margin-bottom:52px}.article-back-button{color:var(--muted);text-underline-offset:.18em;background:0 0;border:0;padding:0;text-decoration:underline .08em}.contact-window-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(24px,5cqi,54px);min-height:0;padding:0}.contact-window-layout .contact-copy,.contact-window-layout .contact-form{min-width:0}.contact-window-layout .contact-copy{padding-top:0}.contact-window-layout .contact-copy h1{font-size:clamp(2rem,3vw,3.15rem)}.contact-window.is-narrow .contact-window-layout{grid-template-columns:1fr;gap:24px}.contact-window.is-narrow .contact-window-layout .contact-copy h1{font-size:clamp(1.65rem,5vw,2.2rem)}.contact-window.is-narrow .contact-copy{padding-top:0}.contact-window.is-narrow .contact-form{min-width:0}@container contact-window (width<=700px){.contact-window-layout{grid-template-columns:1fr;gap:24px}.contact-window-layout .contact-copy h1{font-size:clamp(1.65rem,12cqi,2.2rem)}}.snap-indicator{z-index:18;border:2px solid var(--accent);border-radius:var(--radius);pointer-events:none;background:oklch(55% .145 155/.18);width:calc(50% - clamp(18px,3vw,42px));position:absolute;top:clamp(18px,3vw,42px);bottom:clamp(18px,3vw,42px)}.snap-indicator[data-side=left]{left:clamp(18px,3vw,42px)}.snap-indicator[data-side=right]{right:clamp(18px,3vw,42px)}.mini-list li,.stack-rows li{border-bottom:1px solid var(--line);gap:8px;padding:12px 0;display:grid}.mini-list li{grid-template-columns:minmax(0,1fr) auto}.mini-list span{color:var(--muted);font-size:var(--text-caption)}.writing-app-body{padding:0}.writing-app-body .writing-heading{padding:26px 28px 18px}.writing-app-body .writing-heading h1{font-size:clamp(2rem,3vw,3.1rem)}.writing-app-body .writing-heading p{font-size:1rem}.writing-app-body .writing-browser{padding:0 28px 28px}.writing-app-body .article-row{grid-template-columns:minmax(0,1fr) 118px;padding:18px}.stack-rows div{flex-wrap:wrap;gap:6px;display:flex}.os-status{border-top:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:var(--text-meta);justify-content:space-between;gap:20px;padding:12px clamp(16px,2vw,28px);display:flex}.writing-browser{gap:16px;padding-bottom:84px;display:grid}.writing-toolbar{border:1px solid var(--line);border-radius:var(--radius);background:oklch(99.5% .005 120/.86);grid-template-columns:minmax(260px,560px) minmax(160px,1fr);align-items:end;gap:16px;padding:18px;display:grid}.search-box{color:var(--muted);font-size:var(--text-meta);gap:8px;font-weight:700;display:grid}.search-box span{color:var(--ink)}.writing-count{color:var(--muted);font-size:var(--text-meta);justify-self:end;margin:0;font-weight:700}.article-table{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.article-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 150px;align-items:start;gap:24px;padding:24px;transition:background-color .16s;display:grid}.article-row:last-child{border-bottom:0}.article-row:hover{background:oklch(96.5% .012 175/.62)}.article-row h2{margin-top:0}.article-meta{justify-items:end;gap:10px;display:grid}.article-empty{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--muted);margin:0;padding:22px;font-weight:700}.pagination{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.pagination-pages{flex-wrap:wrap;gap:6px;display:flex}.pagination button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:38px;min-height:38px;color:var(--ink);padding:7px 11px;font-weight:700}.pagination button:hover:not(:disabled),.pagination button:focus-visible,.pagination button[aria-current=page]{border-color:var(--accent);color:var(--accent)}.pagination button:focus-visible{outline:3px solid oklch(55% .145 155/.16)}.pagination button[aria-current=page]{background:var(--accent-soft)}.pagination button:disabled{cursor:not-allowed;opacity:.48}.profile-grid,.resume-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px;padding-bottom:84px;display:grid}.experience-section{padding-bottom:72px}.experience-section.website-home{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:oklch(99.5% .006 110/.92);margin-bottom:72px;padding:22px}.experience-list{border-top:1px solid var(--line);display:grid}.experience-list.compact{border-top:0}.experience-row{border-bottom:1px solid var(--line);grid-template-columns:60px minmax(220px,.52fr) minmax(0,1fr);align-items:center;gap:22px;padding:20px 0;display:grid}.experience-list.compact .experience-row{grid-template-columns:54px minmax(0,1fr)}.experience-details{align-content:center;gap:6px;min-width:0;display:grid}.experience-company{color:var(--accent);font-size:var(--text-meta);font-weight:700;line-height:1.2}.experience-row h3{font-family:var(--font-display);margin:0;font-size:clamp(1.08rem,.98rem + .45vw,1.35rem);line-height:1.12}.experience-period{width:fit-content;color:var(--muted);font-family:var(--font-code);font-size:var(--text-caption);background:0 0;border:0;border-radius:0;align-items:center;gap:6px;margin-top:2px;padding:0;line-height:1.25;display:inline-flex}.experience-summary{color:oklch(27% .02 235);line-height:1.55}.experience-row p{margin:0}.company-badge{border:1px solid var(--line);border-radius:var(--radius);background:var(--accent-soft);width:48px;height:48px;color:var(--accent);font-family:var(--font-display);place-items:center;font-weight:900;display:grid}.company-icon{place-items:center;width:48px;height:48px;padding:5px;display:grid;overflow:hidden}.company-icon img{object-fit:contain;width:100%;height:100%}.company-icon--shopback{background:oklch(99% .01 155)}.company-icon--moneylion{background:oklch(98% .015 82)}.company-icon--airasia{background:oklch(98% .012 28)}.company-icon--ifast{background:oklch(98% .012 250)}.company-icon--ogp{background:oklch(99% .006 140)}@media (width<=1400px){.readme-window{width:min(900px,100vw - 190px)}}@media (width<=900px){.home-hero,.post-showcase,.contact-layout,.writing-browser,.profile-grid,.resume-layout{grid-template-columns:1fr}.writing-toolbar,.article-table{border:1px solid var(--line);border-radius:var(--radius)}.writing-toolbar{grid-template-columns:1fr}.writing-count{justify-self:start}.article-row{grid-template-columns:minmax(0,1fr)}.article-meta{grid-column:auto;justify-items:start}.experience-row{grid-template-columns:54px minmax(0,1fr)}.experience-row>p{grid-column:2}.readme-about,.readme-profile-grid{grid-template-columns:1fr}}@media (width<=767px){html[data-mode=os] .os-home{display:none}html[data-mode=os] .website-home{display:revert}html[data-mode=os] body:not(.home-page)>.site-header{display:grid}html[data-mode=os] body:not(.home-page)>.site-footer,html[data-mode=os] body:not(.home-page)>.os-page-shell{display:none}html[data-mode=os] body:not(.home-page)>.site-main{width:auto;max-height:none;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;overflow:visible}html[data-mode=os] body:not(.home-page)>.site-main>.os-subpage-window-bar,.mode-toggle{display:none}}html[data-mode=os] .site-footer,html[data-mode=os] body>footer.site-footer{display:none!important}@media (width<=720px){body{background-attachment:scroll;font-size:1rem}.boot-panel{grid-template-columns:1fr}.boot-logo-shell{justify-self:start}.boot-checks{grid-template-columns:1fr}.site-header,.site-footer{grid-template-columns:1fr auto;align-items:flex-start}.site-header{height:auto;min-height:var(--topbar-height);padding:12px 16px}.brand small{display:none}.site-header nav{order:3;grid-column:1/-1;gap:6px;width:100%;display:flex}.site-header nav a{border:1px solid var(--line);border-radius:var(--radius);height:36px;font-size:var(--text-meta);background:oklch(98.5% .006 130/.82);flex:1 1 0;justify-content:center;font-weight:700}.site-header nav a:after{display:none}.site-header nav a[aria-current=page]{border-color:var(--accent);background:var(--accent-soft)}.stack-groups>div{grid-template-columns:1fr;gap:7px}.stack-groups dt{line-height:1.15}.mode-toggle{display:none}.home-hero,.page-heading,.post-hero,.contact-layout{padding-top:42px}.post-shell{width:min(var(--max), calc(100% - 20px))}.post-hero{padding:34px 28px 24px}.post-content{margin-bottom:64px;padding:6px 28px 52px}.legacy-frame{width:calc(100% + 56px);margin-inline:-28px}html[data-mode=website] .post-hero{margin-top:34px}.hero-copy h1,.page-heading h1,.post-hero h1,.contact-copy h1{font-size:clamp(2.35rem,10vw,3.35rem);line-height:1.02}.hero-actions,.window-actions-row{flex-direction:column;align-items:stretch}.hero-actions .button,.window-actions-row .button{width:100%}.section-heading{flex-direction:column;align-items:flex-start}.archive-list li{grid-template-columns:1fr;gap:0}.article-row{grid-template-columns:1fr}.pagination{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.boot-ring{--boot-progress:360deg;animation:none!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}