*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:12px;overflow:auto;background:teal}#root{width:100vw;min-height:100vh}.folder-component{display:flex;flex-direction:column;align-items:center;width:100px;-webkit-user-select:none;user-select:none;z-index:1000;padding:4px;border:2px solid transparent;border-radius:4px}.folder-component.selected{background:#add8e64d;border:2px solid #0078d4;box-shadow:0 0 0 1px #0078d480}.folder-component.dragging{z-index:1001}.folder-icon{width:64px;height:56px;position:relative;margin-bottom:2px}.folder-icon-image{width:64px!important;height:56px!important;object-fit:contain;object-position:center;border-radius:2px;display:block;background-color:transparent;transform:scale(1.8);transform-origin:center;min-width:64px;min-height:56px}.folder-icon-image.folder{transform:scale(1.2)}.folder-icon-image.document,.folder-icon-image.default{transform:scale(1.8)}.folder-name{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:11px;color:#fff;text-align:center;background:#0009;padding:1px 4px;border-radius:2px;max-width:90px;word-wrap:break-word;line-height:1.2;text-shadow:1px 1px 1px rgba(0,0,0,.8)}.folder-component.selected .folder-name{background:#0078d4cc;color:#fff}.folder-component:hover .folder-icon-image{filter:brightness(1.1)}.folder-component:active .folder-icon-image{filter:brightness(.9)}.modal-window{background:silver;border:2px outset #c0c0c0;box-shadow:2px 2px 4px #0000004d;min-width:300px;min-height:200px;display:flex;flex-direction:column;position:relative;transition:width .2s ease,height .2s ease,left .2s ease,top .2s ease}.modal-window.dragging,.modal-window.resizing{transition:none}.modal-title-bar{background:linear-gradient(90deg,#00f,navy);color:#fff;padding:2px;display:flex;align-items:center;justify-content:space-between;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:11px;font-weight:700;cursor:move;-webkit-user-select:none;user-select:none}.modal-title{padding:4px 8px;flex-grow:1;pointer-events:none}.modal-controls{display:flex;gap:2px}.modal-button{width:16px;height:14px;background:silver;border:1px outset #c0c0c0;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;pointer-events:auto}.modal-button:hover{background:#d0d0d0}.modal-button:active{border:1px inset #c0c0c0}.modal-button.close{background:#f44;color:#fff}.modal-button.close:hover{background:#f66}.modal-content{flex-grow:1;padding:16px;background:#fff;overflow:auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:12px}.resize-handle{position:absolute;background:transparent;z-index:10}.resize-handle.corner{width:8px;height:8px}.resize-handle.corner.top-left{top:-4px;left:-4px;cursor:nw-resize}.resize-handle.corner.top-right{top:-4px;right:-4px;cursor:ne-resize}.resize-handle.corner.bottom-left{bottom:-4px;left:-4px;cursor:sw-resize}.resize-handle.corner.bottom-right{bottom:-4px;right:-4px;cursor:se-resize}.resize-handle.edge.top{top:-4px;left:8px;right:8px;height:8px;cursor:n-resize}.resize-handle.edge.bottom{bottom:-4px;left:8px;right:8px;height:8px;cursor:s-resize}.resize-handle.edge.left{left:-4px;top:8px;bottom:8px;width:8px;cursor:w-resize}.resize-handle.edge.right{right:-4px;top:8px;bottom:8px;width:8px;cursor:e-resize}.resize-handle:hover{background:#0000ff1a}@media (max-width: 768px){.modal-window{min-width:280px;max-width:calc(100vw - 20px);max-height:calc(100vh - 60px);border-radius:0}.modal-content{padding:12px;font-size:14px;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-title-bar{font-size:12px;padding:4px 2px;cursor:default}.modal-title{padding:6px 8px}.modal-button{width:20px;height:18px;font-size:11px;min-height:24px;min-width:24px}.modal-title-bar{cursor:default}.resize-handle{display:none}}@media (max-width: 480px){.modal-window{min-width:260px;max-width:calc(100vw - 10px);max-height:calc(100vh - 70px);border-radius:0}.modal-content{padding:8px}.modal-button{min-height:28px;min-width:28px;font-size:12px}.modal-title-bar{padding:6px 4px;font-size:13px}}.taskbar{position:fixed;bottom:0;left:0;right:0;height:40px;background:linear-gradient(180deg,#245edc,#1941a5,#0831d9);border-top:1px solid #4A7BFF;display:flex;align-items:center;z-index:9999;box-shadow:0 -1px 3px #0000004d}.taskbar-left{display:flex;align-items:center;padding-left:2px}.start-button{height:36px;padding:0 20px 0 8px;background:linear-gradient(180deg,#73d216,#4e9a06,#356503);border:1px outset #73D216;border-radius:0 18px 18px 0;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:13px;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5);cursor:pointer;display:flex;align-items:center;gap:6px;margin-right:8px}.start-button:hover{background:linear-gradient(180deg,#8fe234,#5fb207,#458504)}.start-button:active{border:1px inset #73D216;background:linear-gradient(180deg,#4e9a06,#73d216,#8fe234)}.start-icon{font-size:16px;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.3))}.start-text{text-transform:lowercase;font-style:italic}.taskbar-center{flex-grow:1;display:flex;align-items:center;padding:0 4px;gap:2px}.taskbar-button{height:32px;max-width:200px;min-width:120px;padding:0 8px;background:linear-gradient(180deg,#d4d0c8,silver,#a8a8a8);border:1px outset #c0c0c0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:4px;overflow:hidden}.taskbar-button:hover{background:linear-gradient(180deg,#e0e0e0,#d0d0d0,#b8b8b8)}.taskbar-button:active{border:1px inset #c0c0c0;background:linear-gradient(180deg,#a8a8a8,silver,#d4d0c8)}.taskbar-button.minimized{background:linear-gradient(180deg,#a8a8a8,#959595,gray);border:1px inset #c0c0c0;opacity:.8}.taskbar-button.minimized:hover{background:linear-gradient(180deg,#b8b8b8,#a5a5a5,#909090);opacity:1}.taskbar-button-icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.taskbar-icon-image{width:24px;height:24px;object-fit:contain}.taskbar-icon-image.folder{width:20px;height:20px}.taskbar-icon-image.document{width:40px;height:40px}.taskbar-icon-image.default{width:24px;height:24px}.taskbar-button-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.taskbar-right{display:flex;align-items:center;padding-right:8px}.system-tray{display:flex;align-items:center;background:linear-gradient(180deg,#d4edff,#c0d9ff,#a8c8ff);border:1px inset #c0c0c0;border-radius:2px;padding:4px 8px;height:24px;margin-right:4px}.clock{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:11px;color:#000;font-weight:400}.tray-icons{display:flex;align-items:center;gap:4px;margin-right:8px}.tray-icon{font-size:14px;cursor:pointer;padding:2px}.tray-icon:hover{background:#ffffff1a}.start-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:99998}.start-menu{position:fixed;bottom:40px;left:0;width:350px;background:linear-gradient(90deg,#e6f3ff,#e6f3ff 80px,#fff 80px,#fff);border:2px solid #0831D9;border-radius:8px 8px 0 0;box-shadow:2px -2px 12px #0006;z-index:99999;overflow:hidden}.start-menu-header{height:70px;background:linear-gradient(180deg,#245edc,#1941a5,#0831d9);border-bottom:4px solid #0831D9;display:flex;align-items:center;padding:0 20px}.start-menu-user{display:flex;align-items:center;gap:12px;width:100%}.user-icon{width:40px;height:40px;background:#fff;border:2px solid #c0c0c0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#2c5aa0;box-shadow:inset 1px 1px 2px #0000001a}.user-name{color:#fff;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:16px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.start-menu-items{padding:8px 0;background:#fff}.start-menu-item{width:100%;height:50px;background:transparent;border:none;display:flex;align-items:center;gap:12px;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;color:#2c5aa0;text-align:left;transition:all .2s ease;border-radius:4px;margin:2px 8px}.start-menu-item:hover{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff}.start-menu-row{display:grid;grid-template-columns:60px 1fr;align-items:center;width:100%;height:50px;cursor:pointer;margin:2px 8px;border-radius:4px;transition:all .2s ease}.start-menu-row:hover{background:linear-gradient(135deg,#4a90e2,#2c5aa0);color:#fff}.start-menu-icon-wrapper{width:100%;height:50px;display:flex;align-items:center;justify-content:center}.start-menu-text-wrapper{width:100%;height:50px;display:flex;align-items:center;justify-content:center;text-align:center}.start-menu-icon{width:32px;height:32px;object-fit:contain;flex-shrink:0}.start-menu-icon.folder{width:35px;height:35px}.start-menu-icon.document{width:60px;height:60px}.start-menu-icon.default{width:32px;height:32px}.start-menu-item:hover .start-menu-icon{filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}.start-menu-text{font-weight:500;font-size:13px;color:#2c5aa0;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.start-menu-row:hover .start-menu-text{color:#fff}.start-icon{width:20px;height:20px;object-fit:contain;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.3))}@media (max-width: 768px){.taskbar{height:50px}.start-button{height:46px;padding:0 15px 0 6px;font-size:12px;margin-right:6px}.start-icon{width:18px;height:18px}.taskbar-tasks{gap:4px}.task-button{min-width:120px;max-width:140px;padding:0 8px;font-size:11px}.task-icon{width:14px;height:14px}.taskbar-clock{font-size:10px;padding:0 8px}.start-menu{width:calc(100vw - 20px);max-width:320px;left:10px;bottom:55px}.start-menu-content{padding:12px}.start-menu-row{padding:8px 6px}.start-menu-icon{width:28px;height:28px}.start-menu-icon.folder{width:30px;height:30px}.start-menu-icon.document{width:50px;height:50px}.start-menu-text{font-size:12px}}@media (max-width: 480px){.taskbar{height:60px}.start-button{height:56px;padding:0 12px 0 4px;font-size:11px}.task-button{min-width:100px;max-width:120px;font-size:10px}.start-menu{width:calc(100vw - 10px);left:5px;bottom:65px}}.about-viewer{height:100%;width:100%;display:flex;flex-direction:column}.about-document{height:100%;width:100%;background:#fff;overflow-y:auto;padding:0;box-shadow:inset 0 0 10px #0000000d}.about-document-content{padding:40px 50px;max-width:100%;line-height:1.7;color:#2c2c2c;min-height:calc(100% - 80px)}.about-header{text-align:center;margin-bottom:30px;border-bottom:2px solid #d0d0d0;padding-bottom:20px}.about-name{margin:0 0 10px;font-size:20px;font-weight:700;letter-spacing:2px}.about-title{margin:0;font-size:16px;font-style:italic;color:#666;font-weight:400;letter-spacing:1px}.about-paragraph{margin:0 0 20px;font-size:14px;text-align:justify;text-indent:30px;word-spacing:.05em;letter-spacing:.01em;line-height:1.8;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto}.about-paragraph:last-child{margin-bottom:0}.about-document::-webkit-scrollbar{width:17px}.about-document::-webkit-scrollbar-track{background:#f6f6f6;border-left:1px solid #dfdfdf}.about-document::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d4d0c8,silver,#a8a8a8);border:1px outset #c0c0c0;min-height:20px}.about-document::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e0e0e0,#d0d0d0,#b8b8b8)}.about-document::-webkit-scrollbar-thumb:active{border:1px inset #c0c0c0;background:linear-gradient(180deg,#a8a8a8,silver,#d4d0c8)}.about-document::-webkit-scrollbar-corner{background:#f6f6f6}.about-document-content ::selection{background:#316ac5;color:#fff}.about-document-content ::-moz-selection{background:#316ac5;color:#fff}.projects-viewer{height:100%;width:100%;background:silver;padding:0}.projects-container{height:100%;width:100%;background:#fff;overflow-y:auto;border:2px inset #c0c0c0;padding:20px 24px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;color:#000;box-sizing:border-box}.project-section{margin:0 0 20px;padding:12px;background:#f8f8f8;border:1px inset #c0c0c0;border-radius:2px}.project-section-content{padding:0;background:transparent;border:none;margin:0}.project-title-wrapper{margin-bottom:0}.project-title{margin:0 0 16px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:18px;font-weight:700;color:navy;border-bottom:2px solid #c0c0c0;padding-bottom:8px;display:inline-block;width:auto}.project-name{margin:0 0 12px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;font-weight:700;color:navy;border-left:4px solid #000080;padding-left:12px}.project-description{margin:0 0 12px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;line-height:1.5;color:#000;text-align:justify}.project-timeline{margin:0 0 4px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:12px;font-style:italic;color:#666;background:#f5f5f5;padding:4px 8px;border-left:3px solid #999999;display:inline-block}.project-tools{margin:0 0 12px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:12px;font-weight:700;color:green;background:#f0f8f0;padding:4px 8px;border:1px solid #cccccc;border-radius:2px;display:block;width:fit-content}.project-features{margin:12px 0 0;padding:0;list-style:none}.project-feature{margin:0 0 8px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;line-height:1.4;color:#000;padding-left:20px;position:relative}.project-feature:before{content:"▸";position:absolute;left:4px;color:navy;font-weight:700}.project-feature:last-child{margin-bottom:0}.project-link{margin:12px 0 0;padding:8px;background:#f8f8ff;border:1px inset #c0c0c0;text-align:center}.project-link a{color:#00e;text-decoration:underline;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:12px;font-weight:400}.project-link a:visited{color:#551a8b}.project-link a:hover{color:#00f;text-decoration:underline;background:#e6e6ff;padding:2px 4px}.project-link a:active{color:red}.projects-container::-webkit-scrollbar{width:17px}.projects-container::-webkit-scrollbar-track{background:#f6f6f6;border-left:1px solid #dfdfdf}.projects-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d4d0c8,silver,#a8a8a8);border:1px outset #c0c0c0;min-height:20px}.projects-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e0e0e0,#d0d0d0,#b8b8b8)}.projects-container::-webkit-scrollbar-thumb:active{border:1px inset #c0c0c0;background:linear-gradient(180deg,#a8a8a8,silver,#d4d0c8)}.projects-container::-webkit-scrollbar-corner{background:#f6f6f6}.projects-container ::selection{background:#316ac5;color:#fff}.projects-container ::-moz-selection{background:#316ac5;color:#fff}.contact-viewer{height:100%;width:100%;background:silver;padding:0}.contact-content{height:100%;width:100%;background:#fff;overflow-y:auto;border:2px inset #c0c0c0}.contact-content-body{padding:20px 24px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;color:#000}.contact-title{margin:0 0 20px;font-size:24px;font-weight:700;color:navy;text-align:left;border-bottom:2px solid #c0c0c0;padding-bottom:10px;display:inline-block;width:auto}.contact-intro{margin:0 0 24px;font-size:15px;line-height:1.6;text-align:justify;color:#333;font-style:italic}.contact-section{margin:0 0 20px;padding:12px;background:#f8f8f8;border:1px inset #c0c0c0;border-radius:2px}.contact-section-title{margin:0 0 8px;font-size:16px;font-weight:700;color:navy;border-left:4px solid #000080;padding-left:8px}.contact-description{margin:0 0 8px;font-size:14px;line-height:1.5;color:#000;text-align:justify}.contact-description:last-child{margin-bottom:0}.contact-link{margin:8px 0 0;padding:8px;background:#f0f8ff;border:1px inset #c0c0c0;text-align:center}.contact-link a{color:#000;text-decoration:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;font-weight:400}.contact-link a:visited{color:#000}.contact-link a:hover{color:#333;text-decoration:none;background:#e6e6ff;padding:2px 4px;border-radius:2px}.contact-link a:active{color:#000}.contact-list{margin:8px 0;padding:0 0 0 20px;list-style:none}.contact-list-item{margin:0 0 6px;font-size:14px;color:#000;position:relative;padding-left:16px}.contact-list-item:before{content:"▸";position:absolute;left:0;color:navy;font-weight:700}.contact-list-item:last-child{margin-bottom:0}.contact-content::-webkit-scrollbar{width:17px}.contact-content::-webkit-scrollbar-track{background:#f6f6f6;border-left:1px solid #dfdfdf}.contact-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d4d0c8,silver,#a8a8a8);border:1px outset #c0c0c0;min-height:20px}.contact-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e0e0e0,#d0d0d0,#b8b8b8)}.contact-content::-webkit-scrollbar-thumb:active{border:1px inset #c0c0c0;background:linear-gradient(180deg,#a8a8a8,silver,#d4d0c8)}.contact-content::-webkit-scrollbar-corner{background:#f6f6f6}.contact-content-body ::selection{background:#316ac5;color:#fff}.contact-content-body ::-moz-selection{background:#316ac5;color:#fff}.cv-viewer{display:flex;flex-direction:column;height:100%;width:100%;background:silver}.pdf-container{flex-grow:1;height:100%;width:100%;border:1px inset #c0c0c0;background:#fff;padding:2px;box-sizing:border-box}.pdf-container iframe{background:#fff;display:block;width:100%;height:100%;box-sizing:border-box}.desktop{width:100vw;min-height:100vh;background:teal;background-image:url(/images/windows.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;position:relative;overflow:visible;padding-bottom:40px;box-sizing:border-box}.desktop:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%),linear-gradient(135deg,teal,#066);pointer-events:none;z-index:-1}.desktop:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:0}@media (max-width: 768px){.desktop{min-height:100vh;padding-bottom:60px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.desktop:after{min-height:100vh}.desktop.modal-open{overflow:hidden;position:fixed;width:100%}}@media (max-width: 480px){.desktop{padding-bottom:70px}}