@import"https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300&family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,700;1,9..144,300&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0e0c09;--surface: rgba(255,248,235,.04);--surface-hover: rgba(255,248,235,.07);--border: rgba(255,220,160,.08);--border-accent: rgba(255,220,160,.16);--text-primary: #f0ead8;--text-secondary: rgba(240,234,216,.52);--text-dim: rgba(240,234,216,.28);--accent: #a8c5a0;--accent-warm: #d4956a;--accent-yellow: #c9a84c;--accent-glow: rgba(168,197,160,.12);--mono: "DM Mono", monospace;--serif: "Fraunces", serif;--radius: 14px;--radius-sm: 7px;--noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--text-primary);font-family:var(--mono);font-size:14px;line-height:1.6;min-height:100vh;overflow-x:hidden}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.032;background-image:var(--noise);background-size:180px 180px;mix-blend-mode:screen}a{color:inherit;text-decoration:none}.blobs{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.14;will-change:transform}.blob-1{width:620px;height:620px;background:#c9854a;top:-220px;left:-180px;animation:drift1 32s ease-in-out infinite alternate}.blob-2{width:500px;height:500px;background:#7aab8e;bottom:-120px;right:-80px;animation:drift2 38s ease-in-out infinite alternate}.blob-3{width:380px;height:380px;background:#c9a84c;top:40%;left:52%;animation:drift3 25s ease-in-out infinite alternate}@keyframes drift1{0%{transform:translate(0) scale(1)}to{transform:translate(70px,55px) scale(1.08)}}@keyframes drift2{0%{transform:translate(0) scale(1)}to{transform:translate(-55px,35px) scale(.94)}}@keyframes drift3{0%{transform:translate(0) scale(1)}to{transform:translate(-75px,-45px) scale(1.1)}}.shell{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:0 24px 80px}.taskbar{display:flex;align-items:center;padding:16px 0 20px;border-bottom:1px solid var(--border);margin-bottom:40px}.taskbar-brand{font-family:var(--serif);font-size:22px;font-weight:700;font-style:italic;letter-spacing:-.5px;margin-right:auto}.taskbar-brand span{color:var(--accent-yellow);font-style:normal}.nav-items{display:flex;gap:2px}.nav-item{font-family:var(--mono);font-size:12px;color:var(--text-secondary);padding:6px 14px;border-radius:var(--radius-sm);transition:background .15s,color .15s;letter-spacing:.02em}.nav-item:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-item.active{background:var(--surface);color:var(--accent)}.window{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;position:relative}.window:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;border-radius:inherit;opacity:.018;background-image:var(--noise);background-size:140px 140px}.window>*{position:relative;z-index:1}.window-chrome{display:flex;align-items:center;gap:8px;padding:11px 16px;border-bottom:1px solid var(--border);background:#ffdca006}.window-title{font-size:12px;color:var(--text-secondary);letter-spacing:.06em}.chrome-dots,.chrome-dot{display:none}.btn{display:inline-block;font-family:var(--mono);font-size:12px;letter-spacing:.06em;padding:10px 20px;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;border:1px solid var(--border-accent);background:transparent;color:var(--text-secondary)}.btn:hover{background:var(--surface-hover);color:var(--text-primary)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#0d1a10}.btn-primary:hover{opacity:.86;background:var(--accent)}.tag{display:inline-block;font-size:10px;letter-spacing:.06em;padding:3px 8px;border-radius:4px;border:1px solid var(--border-accent);color:var(--text-dim)}.tag.accent{border-color:#a8c5a04d;color:var(--accent)}.section-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-bottom:16px}.status-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);margin-bottom:12px}.status-dot{width:7px;height:7px;border-radius:50%;background:#6dba88;animation:pulse 2.5s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .55s ease both}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 720px){.grid-2{grid-template-columns:1fr}}.footer{margin-top:40px;padding-top:24px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-dim);flex-wrap:wrap;gap:12px}.footer-links{display:flex;gap:16px}.footer-links a{color:var(--text-dim);transition:color .15s}.footer-links a:hover{color:var(--text-secondary)}.prose{max-width:680px;font-size:15px;line-height:1.85;color:var(--text-secondary)}.prose h1,.prose h2,.prose h3{font-family:var(--serif);font-weight:700;color:var(--text-primary);margin:2em 0 .5em;line-height:1.2;letter-spacing:-.3px}.prose h1{font-size:36px;margin-top:0}.prose h2{font-size:24px}.prose h3{font-size:18px}.prose p{margin-bottom:1.25em}.prose a{color:var(--accent);border-bottom:1px solid rgba(168,197,160,.3);transition:border-color .15s}.prose a:hover{border-color:var(--accent)}.prose code{font-family:var(--mono);font-size:13px;background:#ffdca00f;border:1px solid var(--border);border-radius:4px;padding:2px 6px;color:var(--accent-yellow)}.prose pre{background:#00000073;border:1px solid var(--border);border-radius:var(--radius-sm);padding:20px;overflow-x:auto;margin:1.5em 0}.prose pre code{background:none;border:none;padding:0;color:var(--text-primary)}.prose blockquote{border-left:2px solid var(--accent);padding-left:20px;margin:1.5em 0;color:var(--text-dim);font-style:italic}.prose ul,.prose ol{padding-left:1.5em;margin-bottom:1.25em}.prose li{margin-bottom:.4em}.prose hr{border:none;border-top:1px solid var(--border);margin:2.5em 0}@media (max-width: 600px){.nav-items{display:none}.taskbar-brand{font-size:18px}}