*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--desktop: #078b86;--window: #c0c0c0;--window-light: #ffffff;--window-mid: #808080;--window-dark: #404040;--ink: #111111;--muted: #4b4b4b;--title: #000080;--title-active: #1084d0;--paper: #fbfbfb;--accent: #f3d24b;--font-ui: "MS Sans Serif", "Tahoma", "Geneva", system-ui, sans-serif;--font-mono: "Courier New", ui-monospace, monospace;--max-width: 900px}html{font-size:15px}body{background:var(--desktop);color:var(--ink);font-family:var(--font-ui);font-weight:400;line-height:1.45;min-height:100vh;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.desktop{min-height:100vh;display:grid;grid-template-rows:1fr auto}.desktop-grid{width:min(var(--max-width),calc(100vw - 2rem));margin:0 auto;padding:3rem 0 5.5rem}.site-window{background:var(--window);border:2px solid;border-color:var(--window-light) var(--window-dark) var(--window-dark) var(--window-light);box-shadow:2px 2px #000}.title-bar{min-height:28px;display:flex;align-items:center;gap:7px;padding:3px 4px 3px 6px;background:linear-gradient(90deg,var(--title),var(--title-active));color:#fff}.title-icon{width:14px;height:14px;flex:0 0 auto;background:linear-gradient(#fff 0 0) 3px 3px / 8px 2px no-repeat,linear-gradient(#fff 0 0) 3px 6px / 8px 2px no-repeat,var(--accent);border:1px solid #000000;box-shadow:inset 1px 1px #fff,inset -1px -1px 0 var(--window-mid)}.title-text{font-size:.88rem;font-weight:700;line-height:1;margin-right:auto;color:#fff}.title-text:hover{text-decoration:none}.window-controls{display:flex;gap:3px;flex:0 0 auto}.window-controls span{width:18px;height:18px;background:var(--window);border:2px solid;border-color:var(--window-light) var(--window-dark) var(--window-dark) var(--window-light);position:relative}.window-controls span:nth-child(1):after{content:"";position:absolute;left:4px;right:4px;bottom:4px;height:2px;background:#000}.window-controls span:nth-child(2):after{content:"";position:absolute;inset:4px;border:2px solid #000000}.window-controls span:nth-child(3):before,.window-controls span:nth-child(3):after{content:"";position:absolute;top:7px;left:3px;width:10px;height:2px;background:#000}.window-controls span:nth-child(3):before{transform:rotate(45deg)}.window-controls span:nth-child(3):after{transform:rotate(-45deg)}.menu-bar{display:flex;flex-wrap:wrap;gap:2px;padding:3px;border-bottom:2px solid;border-color:var(--window-light) var(--window-mid) var(--window-mid) var(--window-light)}.menu-link{display:inline-flex;align-items:center;min-height:24px;padding:2px 9px;color:#000;border:1px solid transparent;font-size:.86rem}.menu-link:hover,.menu-link.is-active{text-decoration:none;border-color:var(--window-light) var(--window-dark) var(--window-dark) var(--window-light)}.menu-link:focus-visible,.start-button:focus-visible,.project-name:focus-visible,.social-list a:focus-visible,.back:focus-visible{outline:1px dotted #000000;outline-offset:-3px}.window-body{padding:1.15rem}.intro-panel{background:var(--paper);border:2px solid;border-color:var(--window-mid) var(--window-light) var(--window-light) var(--window-mid);padding:1.2rem;margin-bottom:1rem;max-width:620px}.eyebrow,.section-label{font-family:var(--font-mono);font-size:.72rem;color:var(--muted);text-transform:uppercase}.intro-panel h1{font-size:1.65rem;line-height:1.1;margin:.25rem 0 .5rem;font-weight:700}.intro-panel p:last-child{max-width:46rem;color:var(--muted)}.section{margin-top:1rem}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.45rem}.section-heading h1,.section-heading h2{font-size:1rem;font-weight:700}.project-list,.post-list,.social-list{list-style:none;background:var(--paper);border:2px solid;border-color:var(--window-mid) var(--window-light) var(--window-light) var(--window-mid)}.project-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;padding:.85rem .95rem;border-bottom:1px dotted var(--window-mid)}.project-item:last-child,.post-item:last-child,.social-list li:last-child{border-bottom:0}.project-main{min-width:0}.project-header{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;margin-bottom:.18rem}.project-name{font-size:.98rem;font-weight:700}.project-status{display:inline-flex;align-items:center;min-height:18px;padding:0 .38rem;background:var(--title);color:#fff;font-family:var(--font-mono);font-size:.68rem}.project-desc{color:var(--muted);font-size:.88rem;max-width:54rem}.project-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.45rem}.project-tags span,.post-tag{display:inline-flex;align-items:center;min-height:19px;padding:0 .38rem;background:var(--window);border:1px solid;border-color:var(--window-light) var(--window-mid) var(--window-mid) var(--window-light);font-family:var(--font-mono);font-size:.68rem;color:#000}.project-period{font-family:var(--font-mono);font-size:.78rem;color:var(--muted);white-space:nowrap}.social-list li{border-bottom:1px dotted var(--window-mid)}.social-list a{min-height:42px;display:grid;grid-template-columns:8rem minmax(0,1fr);gap:1rem;align-items:center;padding:.55rem .95rem}.social-list a:hover{background:navy;color:#fff;text-decoration:none}.social-list span{font-weight:700}.social-list small{color:inherit;font-family:var(--font-mono);font-size:.78rem;min-width:0;overflow-wrap:anywhere}.post-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.65rem .95rem;border-bottom:1px dotted var(--window-mid)}.post-title{font-weight:700}.post-meta{display:flex;align-items:center;gap:.45rem;white-space:nowrap}.post-year,.post-page-meta{font-family:var(--font-mono);font-size:.76rem;color:var(--muted)}.taskbar{position:fixed;left:0;right:0;bottom:0;z-index:10;min-height:34px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:5px;align-items:center;padding:3px 5px;background:var(--window);border-top:2px solid var(--window-light)}.start-button,.taskbar-item,.taskbar-clock{min-height:26px;display:inline-flex;align-items:center;padding:2px 10px;border:2px solid;border-color:var(--window-light) var(--window-dark) var(--window-dark) var(--window-light);background:var(--window);color:#000}.start-button{font-weight:700}.start-button:before{content:"";width:13px;height:13px;margin-right:6px;background:linear-gradient(135deg,#e1442f 0 50%,#f3d24b 50% 100%);border:1px solid #000000;box-shadow:inset 2px 0 #2fbf71}.start-button:hover{text-decoration:none;border-color:var(--window-dark) var(--window-light) var(--window-light) var(--window-dark)}.taskbar-item{justify-self:start;width:min(220px,100%);border-color:var(--window-dark) var(--window-light) var(--window-light) var(--window-dark)}.taskbar-clock{font-family:var(--font-mono);justify-self:end;border-color:var(--window-dark) var(--window-light) var(--window-light) var(--window-dark)}.post-header{background:var(--paper);border:2px solid;border-color:var(--window-mid) var(--window-light) var(--window-light) var(--window-mid);padding:1rem;margin-bottom:1rem}.post-page-title{font-size:1.35rem;font-weight:700;margin-bottom:.35rem;line-height:1.2}.prose{background:var(--paper);border:2px solid;border-color:var(--window-mid) var(--window-light) var(--window-light) var(--window-mid);padding:1rem;font-size:.94rem;line-height:1.7}.prose p{margin-bottom:1.05em}.prose p:last-child{margin-bottom:0}.prose h2{font-size:1rem;font-weight:700;margin:1.8em 0 .65em}.prose h3{font-size:.94rem;font-weight:700;margin:1.4em 0 .45em}.prose ul,.prose ol{padding-left:1.5em;margin-bottom:1.05em}.prose li{margin-bottom:.3em}.prose a{text-decoration:underline}.prose code{font-family:var(--font-mono);font-size:.88em;background:var(--window);border:1px solid var(--window-mid);padding:.05em .3em}.prose blockquote{border-left:3px solid var(--title);padding-left:1em;color:var(--muted);margin:1.3em 0}.back{display:inline-flex;align-items:center;min-height:28px;margin-bottom:.85rem;padding:2px 10px;border:2px solid;border-color:var(--window-light) var(--window-dark) var(--window-dark) var(--window-light);background:var(--window);font-size:.86rem}.back:before{content:"<";margin-right:.45rem;font-family:var(--font-mono)}.back:hover{text-decoration:none;border-color:var(--window-dark) var(--window-light) var(--window-light) var(--window-dark)}@media(max-width:680px){.desktop-grid{width:calc(100vw - .75rem);padding-top:.6rem;padding-bottom:.75rem}.window-controls span{width:16px;height:16px}.window-body{padding:.65rem}.intro-panel{padding:.9rem}.intro-panel h1{font-size:1.35rem}.section-heading{align-items:flex-start;flex-direction:column-reverse;gap:.15rem}.project-item,.post-item{grid-template-columns:1fr;gap:.45rem}.project-period{white-space:normal}.social-list a{grid-template-columns:1fr;gap:.1rem}.taskbar-item{display:none}.taskbar{position:static}}