*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--win-bg: #c0c0c0;--win-border-light: #ffffff;--win-border-dark: #808080;--win-border-darkest: #404040;--titlebar-active: linear-gradient(90deg, #000080 0%, #1084d0 100%);--titlebar-inactive: linear-gradient(90deg, #808080 0%, #b0b0b0 100%);--titlebar-text: #ffffff;--desktop-bg: #1a2a1a;--lp-teal: #2d6a4f;--lp-sky: #3a7cbf;--lp-mountain: #4a3f6b;--lp-sun: #f4a261;--lp-green: #52b788;--text-default: #000000;--text-window: #000000;--text-desktop: #ffffff;--font-retro: "VT323", "Courier New", monospace;--font-pixel: "Press Start 2P", monospace;--font-system: "Arial", sans-serif;--taskbar-bg: #c0c0c0;--taskbar-h: 40px}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:var(--font-system);font-size:13px;color:var(--text-default);background:var(--desktop-bg)}#root:before{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.06) 0px,rgba(0,0,0,.06) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply}#root:after{content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.55) 100%)}.bevel-out{border:2px solid;border-color:var(--win-border-light) var(--win-border-darkest) var(--win-border-darkest) var(--win-border-light)}.bevel-in{border:2px solid;border-color:var(--win-border-dark) var(--win-border-light) var(--win-border-light) var(--win-border-dark)}.retro-btn{background:var(--win-bg);border:2px solid;border-color:var(--win-border-light) var(--win-border-darkest) var(--win-border-darkest) var(--win-border-light);padding:4px 12px;font-family:var(--font-system);font-size:12px;cursor:pointer;color:var(--text-default);min-width:75px;text-align:center;-webkit-user-select:none;user-select:none}.retro-btn:hover{background:#d4d0c8}.retro-btn:active{border-color:var(--win-border-darkest) var(--win-border-light) var(--win-border-light) var(--win-border-darkest);padding:5px 11px 3px 13px}.retro-input{background:#fff;border:2px solid;border-color:var(--win-border-dark) var(--win-border-light) var(--win-border-light) var(--win-border-dark);padding:3px 5px;font-family:var(--font-system);font-size:12px;color:var(--text-default);width:100%;outline:none}.retro-input:focus{outline:1px dotted #000;outline-offset:-3px}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:silver;border:1px solid #808080}::-webkit-scrollbar-thumb{background:silver;border:2px solid;border-color:#ffffff #404040 #404040 #ffffff}::-webkit-scrollbar-button{background:silver;border:2px solid;border-color:#ffffff #404040 #404040 #ffffff;width:16px;height:16px}::selection{background:navy;color:#fff}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes bootProgress{0%{width:0%}to{width:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes titlebarPulse{0%,to{opacity:1}50%{opacity:.85}}.desktop-icons{position:absolute;top:0;left:0;display:flex;flex-direction:column;gap:16px;padding:16px;align-items:flex-start;flex-wrap:wrap;max-height:calc(100vh - var(--taskbar-h) - 40px);z-index:10}.desktop-icon{display:flex;flex-direction:column;align-items:center;gap:6px;width:80px;padding:8px 4px;background:transparent;border:1px solid transparent;cursor:default;-webkit-user-select:none;user-select:none;outline:none;transition:background .1s}.desktop-icon:hover{background:#ffffff1a}.desktop-icon:focus{background:#00008080;border:1px dotted rgba(255,255,255,.5)}.desktop-icon-image-wrapper{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.desktop-icon-label{font-family:var(--font-system);font-size:11px;color:#fff;text-shadow:1px 1px 1px #000;text-align:center;word-break:break-word;line-height:1.2;padding:2px 4px;border:1px solid transparent}.desktop-icon:focus .desktop-icon-label{background:navy;border-color:#fff}.taskbar{position:fixed;bottom:0;left:0;right:0;height:var(--taskbar-h);background:var(--win-bg);border-top:2px solid;border-color:var(--win-border-light) var(--win-border-darkest) var(--win-border-darkest) var(--win-border-light);display:flex;align-items:center;gap:4px;padding:2px 4px;z-index:1000;-webkit-user-select:none;user-select:none}.taskbar-start-btn{display:flex;align-items:center;gap:5px;padding:3px 8px;height:30px;background:var(--win-bg);border:2px solid;border-color:var(--win-border-light) var(--win-border-darkest) var(--win-border-darkest) var(--win-border-light);font-family:var(--font-system);font-size:12px;font-weight:700;cursor:pointer;color:var(--text-default);flex-shrink:0}.taskbar-start-btn:hover{background:#d4d0c8}.taskbar-start-btn.active,.taskbar-start-btn:active{border-color:var(--win-border-darkest) var(--win-border-light) var(--win-border-light) var(--win-border-darkest)}.taskbar-sep{width:2px;height:28px;border-left:1px solid var(--win-border-dark);border-right:1px solid var(--win-border-light);margin:0 2px;flex-shrink:0}.taskbar-windows{display:flex;gap:3px;flex:1;overflow:hidden;align-items:center}.taskbar-win-btn{display:flex;align-items:center;gap:4px;max-width:160px;height:26px;padding:0 6px;background:var(--win-bg);border:2px solid;border-color:var(--win-border-light) var(--win-border-darkest) var(--win-border-darkest) var(--win-border-light);font-family:var(--font-system);font-size:11px;cursor:pointer;color:var(--text-default);overflow:hidden}.taskbar-win-btn:hover{background:#d4d0c8}.taskbar-win-btn.active{border-color:var(--win-border-darkest) var(--win-border-light) var(--win-border-light) var(--win-border-darkest);background:#b8b8b8}.taskbar-win-icon{font-size:14px;width:16px;flex-shrink:0;display:flex;align-items:center}.taskbar-win-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.taskbar-tray{display:flex;align-items:center;gap:4px;flex-shrink:0}.taskbar-tray-sep{width:2px;height:28px;border-left:1px solid var(--win-border-dark);border-right:1px solid var(--win-border-light)}.taskbar-clock{padding:3px 8px;border:1px solid;border-color:var(--win-border-dark) var(--win-border-light) var(--win-border-light) var(--win-border-dark);font-family:var(--font-system);font-size:12px;background:var(--win-bg);min-width:45px;text-align:center}.start-menu{position:fixed;bottom:var(--taskbar-h);left:0;width:220px;background:var(--win-bg);border:2px solid;border-color:var(--win-border-light) var(--win-border-darkest) var(--win-border-darkest) var(--win-border-light);box-shadow:3px 3px #404040;display:flex;z-index:2000;animation:slideUp .1s ease}.start-menu-sidebar{width:28px;background:linear-gradient(180deg,navy,#3a3a7a);display:flex;align-items:flex-end;padding:6px 4px;flex-shrink:0}.start-menu-sidebar-text{color:silver;font-family:var(--font-system);font-size:11px;font-weight:700;letter-spacing:1px;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.start-menu-items{flex:1;display:flex;flex-direction:column;padding:4px 0}.start-menu-item{display:flex;align-items:center;gap:8px;padding:6px 12px;font-family:var(--font-system);font-size:13px;color:var(--text-default);background:transparent;border:none;text-align:left;cursor:pointer;width:100%}.start-menu-item:hover{background:navy;color:#fff}.start-menu-item-dim{color:#606060}.start-menu-item-dim:hover{background:navy;color:#fff}.start-menu-divider{height:1px;margin:4px 6px;background:var(--win-border-dark);box-shadow:0 1px 0 var(--win-border-light)}.boot-screen{position:fixed;inset:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:99999;transition:opacity .5s ease}.boot-fade-out{opacity:0;pointer-events:none}.boot-content{width:580px;padding:20px}.boot-ascii{font-family:var(--font-retro);font-size:22px;color:silver;line-height:1.2;white-space:pre;margin-bottom:12px;text-shadow:0 0 8px rgba(100,100,255,.5)}.boot-version{font-family:var(--font-retro);font-size:18px;color:gray;margin-bottom:4px}.boot-copy{font-family:var(--font-retro);font-size:16px;color:#404080}.boot-divider{height:1px;background:#303050;margin:16px 0}.boot-msg{font-family:var(--font-retro);font-size:20px;color:#a0a0ff;margin-bottom:16px;min-height:24px}.boot-cursor{animation:blink 1s step-start infinite;color:#c0c0ff}.boot-bar-outer{width:100%;height:20px;background:#111;border:1px solid #303060;position:relative}.boot-bar-inner{height:100%;background:linear-gradient(90deg,#000060,#4040c0,#6060ff,#4040c0,#000060);background-size:200% 100%;animation:shimmer 1.5s linear infinite;transition:width .1s linear}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.window{position:absolute;background:var(--win-bg);border:2px solid;border-color:var(--win-border-light) var(--win-border-darkest) var(--win-border-darkest) var(--win-border-light);box-shadow:2px 2px #404040;min-width:200px;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.window.minimized{display:none}.window.active{z-index:100}.window.inactive .window-titlebar{background:var(--titlebar-inactive);animation:none}.window-titlebar{background:var(--titlebar-active);padding:3px 4px;display:flex;align-items:center;gap:4px;cursor:grab;flex-shrink:0}.window-titlebar:active{cursor:grabbing}.window-titlebar-icon{width:16px;height:16px;flex-shrink:0;image-rendering:pixelated}.window-titlebar-title{flex:1;color:var(--titlebar-text);font-family:var(--font-system);font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.window-controls{display:flex;gap:2px;flex-shrink:0}.window-ctrl-btn{width:16px;height:14px;background:var(--win-bg);border:1px solid;border-color:var(--win-border-light) var(--win-border-darkest) var(--win-border-darkest) var(--win-border-light);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#000;padding:0;line-height:1}.window-ctrl-btn:hover{background:#d4d0c8}.window-ctrl-btn:active{border-color:var(--win-border-darkest) var(--win-border-light) var(--win-border-light) var(--win-border-darkest)}.window-ctrl-btn.close:hover{background:#c00;color:#fff}.window-menubar{border-bottom:1px solid var(--win-border-dark);padding:1px 4px;display:flex;gap:2px;background:var(--win-bg);flex-shrink:0}.window-menubar-item{padding:2px 6px;font-family:var(--font-system);font-size:12px;cursor:pointer}.window-menubar-item:hover{background:navy;color:#fff}.window-content{flex:1;overflow:auto;padding:8px;background:var(--win-bg)}.window-content.no-padding{padding:0}.window-statusbar{border-top:2px solid;border-color:var(--win-border-dark) var(--win-border-light) var(--win-border-light) var(--win-border-dark);padding:2px 6px;font-family:var(--font-system);font-size:11px;color:var(--text-default);flex-shrink:0;display:flex;gap:8px}.window-statusbar-cell{padding:1px 4px;border:1px solid;border-color:var(--win-border-dark) var(--win-border-light) var(--win-border-light) var(--win-border-dark)}.ctx-menu{position:fixed;background:var(--win-bg);border:2px solid;border-color:var(--win-border-light) var(--win-border-darkest) var(--win-border-darkest) var(--win-border-light);box-shadow:3px 3px #404040;min-width:180px;z-index:5000;padding:2px 0;animation:fadeIn .08s ease}.ctx-menu-item{display:flex;align-items:center;gap:8px;padding:5px 24px 5px 8px;font-family:var(--font-system);font-size:12px;color:var(--text-default);cursor:pointer;background:transparent;border:none;width:100%;text-align:left;white-space:nowrap}.ctx-menu-item:hover{background:navy;color:#fff}.ctx-menu-item:hover .ctx-menu-item-icon{filter:brightness(2)}.ctx-menu-item.disabled{color:gray;cursor:default}.ctx-menu-item.disabled:hover{background:transparent;color:gray}.ctx-menu-item-icon{width:16px;text-align:center;flex-shrink:0}.ctx-menu-sep{height:1px;background:var(--win-border-dark);box-shadow:0 1px 0 var(--win-border-light);margin:3px 4px}.ctx-submenu{position:absolute;left:100%;top:-2px;background:var(--win-bg);border:2px solid;border-color:var(--win-border-light) var(--win-border-darkest) var(--win-border-darkest) var(--win-border-light);box-shadow:3px 3px #404040;min-width:160px;padding:2px 0;z-index:5001}.ctx-menu-item.has-submenu{position:relative}.ctx-menu-item.has-submenu:after{content:"▶";position:absolute;right:6px;font-size:8px;color:inherit}.ctx-bg-swatch{display:inline-block;width:14px;height:14px;border:1px solid #404040;flex-shrink:0;vertical-align:middle}@keyframes desktopFlash{0%{opacity:1}30%{opacity:.3}to{opacity:1}}.desktop-refreshing{animation:desktopFlash .4s ease}.about-root{display:flex;gap:16px;height:100%;align-items:flex-start}.about-avatar-wrap{flex-shrink:0}.about-avatar{border:2px solid;border-color:var(--win-border-dark) var(--win-border-light) var(--win-border-light) var(--win-border-dark);padding:0;width:84px;height:84px;overflow:hidden;background:#2a4a7a}.about-info{flex:1;display:flex;flex-direction:column;gap:8px}.about-name{font-family:var(--font-pixel);font-size:13px;color:navy;letter-spacing:.5px}.about-title{font-family:var(--font-system);font-size:12px;color:#404040;font-style:italic}.about-divider{height:1px;background:var(--win-border-dark);box-shadow:0 1px 0 var(--win-border-light)}.about-bio{font-family:var(--font-system);font-size:12px;line-height:1.6;color:#000}.about-tags{display:flex;flex-wrap:wrap;gap:4px}.about-tag{font-family:var(--font-system);font-size:11px;padding:2px 6px;background:navy;color:#fff;border:1px solid #000040}.about-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.projects-root{display:flex;height:100%;gap:0}.projects-tree{width:130px;flex-shrink:0;border-right:2px solid;border-color:var(--win-border-dark) var(--win-border-light) var(--win-border-light) var(--win-border-dark);display:flex;flex-direction:column;overflow-y:auto;background:#fff}.projects-tree-header{padding:4px 8px;font-family:var(--font-system);font-size:12px;font-weight:700;background:var(--win-bg);border-bottom:1px solid var(--win-border-dark)}.projects-tree-item{text-align:left;padding:4px 12px;font-family:var(--font-system);font-size:12px;background:#fff;border:none;cursor:pointer;color:#000;width:100%}.projects-tree-item:hover{background:#d0d8f0}.projects-tree-item.active{background:navy;color:#fff}.projects-list-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.projects-list{flex:1;overflow-y:auto;background:#fff;border-bottom:2px solid;border-color:var(--win-border-dark) var(--win-border-light) var(--win-border-light) var(--win-border-dark);max-height:120px}.projects-list-item{display:flex;align-items:center;gap:8px;padding:4px 8px;font-family:var(--font-system);font-size:12px;background:#fff;border:none;cursor:pointer;color:#000;width:100%;text-align:left}.projects-list-item:hover{background:#d0d8f0}.projects-list-item.active{background:navy;color:#fff}.projects-item-icon{width:20px;flex-shrink:0}.projects-item-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.projects-detail{flex-shrink:0;border-top:1px solid var(--win-border-dark);background:var(--win-bg)}.projects-detail-header{display:flex;align-items:center;gap:8px;padding:6px 10px;color:#fff;font-family:var(--font-pixel);font-size:10px}.projects-detail-icon{font-size:18px}.projects-detail-body{padding:8px 10px;display:flex;flex-direction:column;gap:6px}.projects-detail-category{font-family:var(--font-system);font-size:11px;color:gray;font-style:italic}.projects-detail-desc{font-family:var(--font-system);font-size:12px;line-height:1.5;color:#000}.projects-detail-tech{display:flex;gap:4px;flex-wrap:wrap}.projects-tech-tag{font-family:var(--font-system);font-size:10px;padding:1px 5px;background:#e0e0f0;border:1px solid #8080c0;color:#000060}.projects-detail-actions{display:flex;gap:6px;flex-wrap:wrap}.skills-root{height:100%;overflow-y:auto;font-family:var(--font-system)}.skills-header{background:var(--win-bg);border-bottom:2px solid;border-color:var(--win-border-dark) var(--win-border-light) var(--win-border-light) var(--win-border-dark);padding:3px 6px;margin-bottom:8px}.skills-header-text{font-family:var(--font-retro);font-size:16px;color:navy}.skills-group{margin-bottom:10px;padding:6px 8px;border:1px solid var(--win-border-dark);background:#f8f8f8}.skills-group-title{font-size:12px;font-weight:700;color:navy;border-bottom:1px solid var(--win-border-dark);margin-bottom:6px;padding-bottom:2px}.skill-row{display:flex;align-items:center;gap:8px;padding:2px 0}.skill-name{font-size:12px;width:170px;flex-shrink:0;color:#000}.skill-bar{display:flex;gap:2px;align-items:center}.skill-bar-seg{display:inline-block;width:12px;height:14px;background:#d0d0d0;border:1px solid #808080}.skill-bar-seg.filled{background:navy;border-color:#000060}.skill-bar-pct{font-size:11px;color:#404040;margin-left:6px;width:30px}.contact-root{display:flex;flex-direction:column;height:100%;gap:8px;font-family:var(--font-system)}.contact-header{font-family:var(--font-retro);font-size:16px;color:navy;border-bottom:2px solid;border-color:var(--win-border-dark) var(--win-border-light) var(--win-border-light) var(--win-border-dark);padding-bottom:4px;margin-bottom:4px}.contact-field{display:flex;align-items:center;gap:8px}.contact-field-grow{flex:1;align-items:flex-start}.contact-label{font-size:12px;white-space:nowrap;width:130px;flex-shrink:0;text-align:right;color:#000}.contact-textarea{resize:none;flex:1;height:100%;min-height:60px;font-family:var(--font-system)}.contact-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:4px;border-top:1px solid var(--win-border-dark)}.contact-send-btn{background:#d0d8f0;font-weight:700}.contact-sent{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;text-align:center}.contact-sent-icon{font-size:40px}.contact-sent-title{font-family:var(--font-pixel);font-size:11px;color:navy}.contact-sent-body{font-family:var(--font-system);font-size:12px;line-height:1.6;color:#000;max-width:260px}.app-desktop{position:fixed;inset:0;bottom:var(--taskbar-h);overflow:hidden}.desktop-refreshing{animation:desktopFlash .45s ease}@keyframes desktopFlash{0%{opacity:1}25%{opacity:.2}to{opacity:1}}