*{margin:0;padding:0;box-sizing:border-box}:root{--desktop-bg: oklch(.45 .1 195);--desktop-dot: oklch(.5 .12 195);--window-chrome: oklch(.85 .005 250);--title-bar: oklch(.4 .15 260);--title-bar-end: oklch(.45 .15 260);--text-dark: oklch(.15 0 0);--text-light: oklch(.95 0 0);--taskbar-bg: oklch(.75 .005 250);--button-face: oklch(.85 .005 250);--inset-dark: oklch(.4 .005 250);--inset-light: oklch(.95 0 0);--window-body: oklch(.97 .002 90);--link-color: oklch(.4 .15 260);--link-hover: oklch(.5 .18 260);--tier-highlight: oklch(.55 .15 260);--tier-supporting: oklch(.5 .1 195);--tier-brief: oklch(.6 .005 250);--pill-bg: oklch(.9 .01 250);--pill-border: oklch(.75 .005 250);--pill-text: oklch(.3 .005 250)}html{font-size:100%;scroll-behavior:smooth}body{font-family:Pixelify Sans,monospace;background-color:var(--desktop-bg);background-image:radial-gradient(circle,var(--desktop-dot) 1px,transparent 1px);background-size:4px 4px;color:var(--text-dark);line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:var(--link-color);text-decoration:underline}a:hover{color:var(--link-hover)}.window{background:var(--window-chrome);border:2px outset var(--button-face);box-shadow:2px 2px #000}.title-bar{background:linear-gradient(90deg,var(--title-bar),var(--title-bar-end));color:var(--text-light);padding:4px 6px;display:flex;align-items:center;justify-content:space-between;user-select:none;border-bottom:2px solid var(--inset-dark)}.title-text{font-family:Pixelify Sans,monospace;font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px}.title-icon{font-size:16px}.window-controls{display:flex;gap:4px}.window-btn{width:20px;height:20px;background:var(--button-face);border:2px outset var(--button-face);border-radius:0;cursor:pointer;font-family:Pixelify Sans,monospace;font-size:12px;font-weight:600;color:var(--text-dark);display:flex;align-items:center;justify-content:center;padding:0}.window-btn:hover{background:#d5d8db}.window-btn:active{border-style:inset}.window-content{padding:16px;background:var(--window-body);border:2px inset var(--window-chrome);margin:4px;font-size:14px;line-height:1.65}.window-content h2{font-family:Pixelify Sans,monospace;font-size:18px;margin-bottom:12px;color:var(--title-bar)}.window-content h3{font-family:Pixelify Sans,monospace;font-size:16px;margin-top:16px;margin-bottom:8px;color:var(--text-dark)}.window-content p{margin-bottom:12px}.window-content strong{font-weight:600}.arabic-easter-egg{cursor:help;border-bottom:1px dotted currentColor;border-bottom-color:#0000004d;text-decoration:none;transition:border-bottom-color .2s}.arabic-easter-egg:hover{border-bottom-color:#000000b3}.tech-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tech-pill{font-size:12px;padding:2px 8px;background:var(--pill-bg);border:1px solid var(--pill-border);color:var(--pill-text);font-family:Pixelify Sans,monospace}h1,h2,h3{font-family:Pixelify Sans,monospace}.retro-btn{font-family:Pixelify Sans,monospace;font-size:14px;font-weight:600;padding:6px 16px;background:var(--button-face);border:2px outset var(--button-face);border-radius:0;cursor:pointer;color:var(--text-dark);text-decoration:none;display:inline-flex;align-items:center;gap:6px}.retro-btn:hover{background:#d5d8db;text-decoration:none;color:var(--text-dark)}.retro-btn:active{border-style:inset}.px-icon{display:inline-block;width:16px;height:16px;background-size:contain;background-repeat:no-repeat;background-position:center;image-rendering:pixelated;image-rendering:-moz-crisp-edges;vertical-align:middle;flex-shrink:0}.px-doc{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'%3E%3Cpath d='M3 1h7l3 3v11H3V1z' fill='%23fff' stroke='%23000'/%3E%3Cpath d='M10 1v3h3' fill='%23C0C0C0' stroke='%23808080'/%3E%3Crect x='5' y='6' width='6' height='1' fill='%23000080'/%3E%3Crect x='5' y='8' width='6' height='1' fill='%23000080'/%3E%3Crect x='5' y='10' width='4' height='1' fill='%23000080'/%3E%3C/svg%3E")}.px-folder{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'%3E%3Crect x='1' y='5' width='14' height='9' fill='%23FFC800' stroke='%23996600'/%3E%3Crect x='1' y='3' width='6' height='3' fill='%23FFE040' stroke='%23996600'/%3E%3C/svg%3E")}.px-clip{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'%3E%3Crect x='3' y='3' width='10' height='12' fill='%23996633' stroke='%23663300'/%3E%3Crect x='5' y='5' width='6' height='8' fill='%23fff' stroke='%23808080'/%3E%3Crect x='6' y='1' width='4' height='3' fill='%23C0C0C0' stroke='%23808080'/%3E%3C/svg%3E")}.px-mail{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'%3E%3Crect x='1' y='3' width='14' height='10' fill='%23fff' stroke='%23000'/%3E%3Cpath d='M1 3l7 5 7-5' stroke='%23000080' fill='none'/%3E%3C/svg%3E")}.px-term{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'%3E%3Crect x='1' y='1' width='14' height='14' fill='%23000' stroke='%23808080'/%3E%3Cpath d='M4 5l3 3-3 3' stroke='%2300ff00' stroke-width='1.5' fill='none'/%3E%3Cline x1='8' y1='11' x2='12' y2='11' stroke='%2300ff00' stroke-width='1.5'/%3E%3C/svg%3E")}.px-search{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='6' cy='6' r='4' stroke='%23000' stroke-width='2' fill='none'/%3E%3Cline x1='9' y1='9' x2='14' y2='14' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E")}.px-start{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'%3E%3Crect x='2' y='2' width='5' height='5' fill='%23FF0000'/%3E%3Crect x='9' y='2' width='5' height='5' fill='%2300A000'/%3E%3Crect x='2' y='9' width='5' height='5' fill='%230000FF'/%3E%3Crect x='9' y='9' width='5' height='5' fill='%23FFD800'/%3E%3C/svg%3E")}.px-code{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 3L2 8l3 5' stroke='%23000' stroke-width='2' fill='none'/%3E%3Cpath d='M11 3l3 5-3 5' stroke='%23000' stroke-width='2' fill='none'/%3E%3C/svg%3E")}.px-briefcase{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'%3E%3Crect x='1' y='5' width='14' height='9' fill='%23808080' stroke='%23000'/%3E%3Crect x='5' y='2' width='6' height='4' fill='none' stroke='%23000'/%3E%3Crect x='1' y='8' width='14' height='1' fill='%23404040'/%3E%3C/svg%3E")}.px-proj-shades{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'%3E%3Crect x='1' y='5' width='5' height='4' fill='%231a1a1a' stroke='%23555'/%3E%3Crect x='10' y='5' width='5' height='4' fill='%231a1a1a' stroke='%23555'/%3E%3Cline x1='6' y1='7' x2='10' y2='7' stroke='%23555' stroke-width='1.5'/%3E%3Cline x1='1' y1='6' x2='0' y2='4' stroke='%23555' stroke-width='1'/%3E%3Cline x1='15' y1='6' x2='16' y2='4' stroke='%23555' stroke-width='1'/%3E%3C/svg%3E")}.px-proj-graph{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cline x1='3' y1='3' x2='13' y2='3' stroke='%23000080' stroke-width='1'/%3E%3Cline x1='3' y1='3' x2='8' y2='13' stroke='%23000080' stroke-width='1'/%3E%3Cline x1='13' y1='3' x2='8' y2='13' stroke='%23000080' stroke-width='1'/%3E%3Ccircle cx='3' cy='3' r='2' fill='%234444FF'/%3E%3Ccircle cx='13' cy='3' r='2' fill='%234444FF'/%3E%3Ccircle cx='8' cy='13' r='2' fill='%234444FF'/%3E%3C/svg%3E")}.px-proj-palette{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cellipse cx='8' cy='9' rx='7' ry='6' fill='%23D4A574' stroke='%23996633'/%3E%3Ccircle cx='5' cy='7' r='1.5' fill='%23FF0000'/%3E%3Ccircle cx='8' cy='5' r='1.5' fill='%2300A000'/%3E%3Ccircle cx='11' cy='7' r='1.5' fill='%230000FF'/%3E%3Ccircle cx='9' cy='10' r='1.5' fill='%23FFD800'/%3E%3C/svg%3E")}.px-proj-chart{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'%3E%3Crect x='2' y='9' width='3' height='6' fill='%2300A000' stroke='%23006000'/%3E%3Crect x='6' y='5' width='3' height='10' fill='%23000080' stroke='%23000060'/%3E%3Crect x='10' y='2' width='3' height='13' fill='%23CC0000' stroke='%23990000'/%3E%3C/svg%3E")}.px-proj-target{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='6' stroke='%23CC0000' stroke-width='1.5' fill='none'/%3E%3Ccircle cx='8' cy='8' r='3' stroke='%23CC0000' stroke-width='1' fill='none'/%3E%3Cline x1='8' y1='1' x2='8' y2='15' stroke='%23CC0000' stroke-width='1'/%3E%3Cline x1='1' y1='8' x2='15' y2='8' stroke='%23CC0000' stroke-width='1'/%3E%3C/svg%3E")}.px-proj-coin{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23FFD800' stroke='%23CC9900'/%3E%3Cline x1='8' y1='3' x2='8' y2='13' stroke='%23996600' stroke-width='2'/%3E%3Cline x1='5' y1='5' x2='11' y2='5' stroke='%23996600' stroke-width='1.5'/%3E%3Cline x1='5' y1='11' x2='11' y2='11' stroke='%23996600' stroke-width='1.5'/%3E%3C/svg%3E")}.px-proj-wrench{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M12 1c-2 0-3 1-3 3l-5 5c-2 0-3 1-3 3s1 3 3 3 3-1 3-3l5-5c2 0 3-1 3-3s-1-3-3-3z' fill='%23808080' stroke='%23404040' stroke-width='1'/%3E%3C/svg%3E")}.px-proj-medic{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'%3E%3Crect x='1' y='1' width='14' height='14' fill='%23fff' stroke='%23808080'/%3E%3Crect x='6' y='3' width='4' height='10' fill='%23FF0000'/%3E%3Crect x='3' y='6' width='10' height='4' fill='%23FF0000'/%3E%3C/svg%3E")}.px-proj-bee{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cellipse cx='8' cy='9' rx='5' ry='4' fill='%23FFD800' stroke='%23000'/%3E%3Crect x='5' y='7' width='6' height='1.5' fill='%23000'/%3E%3Crect x='5' y='10' width='6' height='1.5' fill='%23000'/%3E%3Cellipse cx='6' cy='5' rx='2' ry='1.5' fill='%23fff' stroke='%23aaa' opacity='0.8'/%3E%3Cellipse cx='10' cy='5' rx='2' ry='1.5' fill='%23fff' stroke='%23aaa' opacity='0.8'/%3E%3C/svg%3E")}.px-proj-rocket{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'%3E%3Cpath d='M8 1L5 8h2v4h2V8h2L8 1z' fill='%23C0C0C0' stroke='%23808080'/%3E%3Crect x='6' y='12' width='4' height='3' fill='%23FF4400'/%3E%3Crect x='7' y='3' width='2' height='2' fill='%2300A0FF'/%3E%3C/svg%3E")}.px-proj-speaker{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 6h3l3-3v10l-3-3H2V6z' fill='%23808080' stroke='%23404040'/%3E%3Cpath d='M10 5c1.5 1.5 1.5 4.5 0 6' stroke='%23000' fill='none' stroke-width='1.5'/%3E%3Cpath d='M12 3c2.5 2.5 2.5 7.5 0 10' stroke='%23000' fill='none' stroke-width='1.5'/%3E%3C/svg%3E")}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html,body{height:100%;overflow:hidden}.desktop{position:relative;height:calc(100vh - 48px);padding:20px;overflow:hidden}.desktop-icons{position:absolute;top:20px;left:20px;display:flex;flex-direction:column;gap:24px;z-index:1}.desktop-icon{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;width:80px;padding:8px;background:transparent;border:1px solid transparent}.desktop-icon:hover,.desktop-icon:focus{background:#2a5fb74d;border:1px dotted var(--text-light);outline:none}.icon-image{width:48px;height:48px;background:var(--window-chrome);border:2px outset var(--button-face);display:flex;align-items:center;justify-content:center}.icon-label{font-family:Pixelify Sans,monospace;font-size:12px;color:var(--text-light);text-align:center;text-shadow:1px 1px 0 var(--text-dark);word-wrap:break-word;width:100%}.window{position:absolute;display:none;min-width:300px;max-width:90vw}.window.active{display:block}.window .window-content{max-height:60vh;overflow-y:auto}.title-bar{cursor:move}.taskbar{position:fixed;bottom:0;left:0;right:0;height:48px;background:var(--taskbar-bg);border-top:2px solid var(--inset-light);display:flex;align-items:center;justify-content:space-between;padding:0 8px;z-index:1000;box-shadow:0 -2px 0 var(--inset-dark)}.taskbar-left{display:flex;align-items:center;gap:4px}.start-button{font-family:Pixelify Sans,monospace;font-size:16px;font-weight:600;padding:6px 16px;background:var(--button-face);border:2px outset var(--button-face);border-radius:0;cursor:pointer;color:var(--text-dark);display:flex;align-items:center;gap:6px}.start-button:hover{background:#d5d8db}.start-button:active{border-style:inset}.taskbar-windows{display:flex;gap:2px;flex:1;margin-left:4px;overflow:hidden}.taskbar-window-btn{font-family:Pixelify Sans,monospace;font-size:12px;padding:4px 12px;background:var(--button-face);border:2px outset var(--button-face);border-radius:0;cursor:pointer;color:var(--text-dark);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.taskbar-window-btn:hover{background:#d5d8db}.taskbar-window-btn.active{border-style:inset;background:#dbdee1}.taskbar-clock{font-family:Pixelify Sans,monospace;font-size:14px;padding:6px 12px;background:var(--window-chrome);border:2px inset var(--button-face);color:var(--text-dark)}.start-menu{position:fixed;bottom:48px;left:0;width:240px;background:var(--window-chrome);border:2px outset var(--button-face);box-shadow:2px -2px #000;z-index:1001;display:none}.start-menu.open{display:block}.start-menu-header{background:linear-gradient(180deg,var(--title-bar),var(--title-bar-end));padding:8px 10px;font-family:Pixelify Sans,monospace;font-size:14px;font-weight:600;color:var(--text-light);writing-mode:vertical-lr;transform:rotate(180deg);position:absolute;left:0;top:0;bottom:0;width:28px;display:flex;align-items:center;justify-content:flex-end}.start-menu-items{margin-left:28px;padding:4px 0}.start-menu-item{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:13px;font-family:Pixelify Sans,monospace;color:var(--text-dark);text-decoration:none;border:none;background:none;width:100%;text-align:left}.start-menu-item:hover{background:var(--title-bar);color:var(--text-light)}.start-menu-divider{height:1px;background:var(--inset-dark);margin:4px 12px}.cmd-palette-overlay{position:fixed;inset:0;background:#00000080;z-index:2000;display:none;align-items:flex-start;justify-content:center;padding-top:20vh}.cmd-palette-overlay.open{display:flex}.cmd-palette{width:480px;max-width:90vw;background:var(--window-chrome);border:2px outset var(--button-face);box-shadow:4px 4px #000}.cmd-palette .title-bar{cursor:default}.cmd-palette-input{padding:10px 12px;border:2px inset var(--window-chrome);background:#fff;font-family:Pixelify Sans,monospace;font-size:14px;outline:none;margin:4px;width:calc(100% - 8px)}.cmd-palette-results{max-height:300px;overflow-y:auto;margin:0 4px 4px;border:2px inset var(--window-chrome);background:#fff}.cmd-palette-item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;font-size:13px;border-bottom:1px solid oklch(.9 0 0)}.cmd-palette-item:hover,.cmd-palette-item.selected{background:var(--title-bar);color:var(--text-light)}.cmd-palette-item .item-emoji{font-size:16px;width:24px;text-align:center}.cmd-palette-item .item-label{flex:1}.cmd-palette-item .item-meta{font-size:11px;opacity:.6}.screensaver{position:fixed;inset:0;background:#000;z-index:3000;display:none;overflow:hidden}.screensaver.active{display:block}.screensaver-text{position:absolute;font-family:Pixelify Sans,monospace;font-size:36px;font-weight:700;white-space:nowrap;color:oklch(.7 .2 130)}.terminal-window .window-content{background:#000;color:oklch(.7 .2 130);font-family:IBM Plex Mono,Courier New,monospace;font-size:13px;line-height:1.5}.terminal-output{white-space:pre-wrap;word-break:break-word}.terminal-input-line{display:flex;align-items:center;gap:4px;margin-top:4px}.terminal-prompt{color:oklch(.65 .2 260);white-space:nowrap}.terminal-input{flex:1;background:none;border:none;color:oklch(.7 .2 130);font-family:inherit;font-size:inherit;outline:none;caret-color:oklch(.7 .2 130)}.project-grid{display:grid;gap:12px;margin-top:8px}.project-grid-highlights{grid-template-columns:repeat(3,1fr)}.project-grid-supporting,.project-grid-brief{grid-template-columns:repeat(4,1fr)}.tier-label{font-family:Pixelify Sans,monospace;font-size:13px;color:#636363;margin-top:16px;margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid oklch(.85 0 0)}.project-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:var(--window-chrome);border:2px outset var(--button-face);cursor:pointer;text-align:center;text-decoration:none;color:var(--text-dark)}.project-item:hover{background:#d5d8db;text-decoration:none}.project-item:active{border-style:inset}.project-item.highlight{padding:16px 12px}.project-icon{font-size:32px}.project-item.highlight .project-icon{font-size:40px}.project-name{font-family:Pixelify Sans,monospace;font-size:12px;font-weight:600}.project-oneliner{font-size:11px;color:#555;line-height:1.3}.contact-links{display:flex;flex-direction:column;gap:12px;margin-top:8px}.contact-link{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--button-face);border:2px outset var(--button-face);text-decoration:none;color:var(--text-dark);font-size:14px}.contact-link:hover{background:#d5d8db;text-decoration:none;color:var(--text-dark)}.contact-link:active{border-style:inset}.contact-icon{font-size:20px}.kbd-hint{position:fixed;bottom:56px;right:12px;font-family:Pixelify Sans,monospace;font-size:11px;color:var(--text-light);opacity:.5;z-index:2}kbd{background:#2e2e2e;padding:1px 5px;border:1px solid oklch(.45 0 0);font-family:Pixelify Sans,monospace;font-size:11px}.desktop-logo{position:absolute;right:40px;bottom:70px;user-select:none;pointer-events:none;z-index:0;text-align:right}.logo-text{display:block;font-family:Pixelify Sans,monospace;font-size:56px;font-weight:700;color:oklch(.52 .12 195);opacity:.35;letter-spacing:2px;text-shadow:2px 2px 0 oklch(.35 .08 195)}.logo-version{display:block;font-family:Pixelify Sans,monospace;font-size:18px;font-weight:400;color:oklch(.55 .1 195);opacity:.4;margin-top:-4px}.desktop-deco{position:absolute;opacity:.25;user-select:none;pointer-events:none;z-index:0}.deco-hex{font-family:Pixelify Sans,monospace;font-size:20px;color:#61911c;opacity:.3}@media(max-width:768px){html,body{height:auto;overflow:auto}.desktop{height:auto;min-height:calc(100vh - 48px);padding:10px 10px 60px;overflow:visible}.desktop-icons{position:static;flex-direction:row;flex-wrap:wrap;gap:8px;margin-bottom:16px;justify-content:center}.desktop-icon{width:70px}.icon-image{width:44px;height:44px}.window{position:static!important;width:100%!important;max-width:100%!important;margin-bottom:12px;transform:none!important}.window .window-content{max-height:none}.title-bar{cursor:default}.project-grid-highlights,.project-grid-supporting,.project-grid-brief{grid-template-columns:repeat(2,1fr)}.taskbar-windows{display:none}.start-menu{width:200px}.cmd-palette{width:95vw}.kbd-hint,.desktop-logo,.desktop-deco{display:none}}