*{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:90px;-webkit-user-select:none;user-select:none;z-index:1000;padding:6px;border:2px solid transparent;border-radius:4px;cursor:grab;transition:all .2s ease;touch-action:none}.folder-component.selected{background:#add8e64d;border:2px solid #0078d4;box-shadow:0 0 0 1px #0078d480}.folder-component.opening{transform:scale(.95);opacity:.8}.folder-component.dragging{z-index:1001;cursor:grabbing;transform:scale(1.05);box-shadow:0 4px 12px #0000004d;transition:none;opacity:.9}.folder-component:hover:not(.dragging){background:#ffffff1a}.folder-component:focus{outline:2px solid #0078d4;outline-offset:2px}.folder-icon{width:48px;height:48px;position:relative;margin-bottom:4px;display:flex;align-items:center;justify-content:center}.folder-icon-image{width:48px!important;height:48px!important;object-fit:contain;object-position:center;border-radius:2px;display:block;background-color:transparent;transform-origin:center}.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:82px;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)}@media (max-width: 768px){.folder-component{width:80px;padding:4px}.folder-icon{width:40px;height:40px}.folder-icon-image{width:40px!important;height:40px!important}.folder-name{font-size:10px;max-width:72px;pointer-events:none}.folder-component.dragging{transform:scale(1.1)}}@media (max-width: 480px){.folder-component{width:75px;padding:3px}.folder-icon{width:36px;height:36px}.folder-icon-image{width:36px!important;height:36px!important}.folder-name{font-size:9px;max-width:68px;pointer-events:none}}@media (max-width: 320px){.folder-component{width:70px;padding:2px}.folder-icon{width:32px;height:32px}.folder-icon-image{width:32px!important;height:32px!important}.folder-name{font-size:8px;max-width:65px;pointer-events:none}}.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;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select: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;touch-action:none}.modal-title-section{display:flex;align-items:center;gap:4px;flex-grow:1}.modal-back-button{background:#ffffff1a;border:1px outset rgba(255,255,255,.2);color:#fff;font-size:12px;font-weight:700;width:20px;height:16px;cursor:pointer;font-family:"MS Sans Serif",sans-serif;padding:0;margin:0 2px;display:flex;align-items:center;justify-content:center;pointer-events:auto}.modal-back-button:hover{background:#fff3;border:1px outset rgba(255,255,255,.3)}.modal-back-button:active{border:1px inset rgba(255,255,255,.2);background:#0000001a}.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;touch-action:none}@media (hover: none) and (pointer: coarse){.resize-handle:active{background:#0064c833}}.resize-handle.corner{width:12px;height:12px}.resize-handle.corner.top-left{top:-6px;left:-6px;cursor:nw-resize}.resize-handle.corner.top-right{top:-6px;right:-6px;cursor:ne-resize}.resize-handle.corner.bottom-left{bottom:-6px;left:-6px;cursor:sw-resize}.resize-handle.corner.bottom-right{bottom:-6px;right:-6px;cursor:se-resize}.resize-handle.edge.top{top:-6px;left:12px;right:12px;height:12px;cursor:n-resize}.resize-handle.edge.bottom{bottom:-6px;left:12px;right:12px;height:12px;cursor:s-resize}.resize-handle.edge.left{left:-6px;top:12px;bottom:12px;width:12px;cursor:w-resize}.resize-handle.edge.right{right:-6px;top:12px;bottom:12px;width:12px;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}.resize-handle.corner{width:16px;height:16px}.resize-handle.corner.top-left{top:-8px;left:-8px}.resize-handle.corner.top-right{top:-8px;right:-8px}.resize-handle.corner.bottom-left{bottom:-8px;left:-8px}.resize-handle.corner.bottom-right{bottom:-8px;right:-8px}.resize-handle.edge.top,.resize-handle.edge.bottom{height:16px;left:16px;right:16px}.resize-handle.edge.top{top:-8px}.resize-handle.edge.bottom{bottom:-8px}.resize-handle.edge.left,.resize-handle.edge.right{width:16px;top:16px;bottom:16px}.resize-handle.edge.left{left:-8px}.resize-handle.edge.right{right:-8px}}@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;flex-shrink:0}.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-icon.profile-photo{width:20px;height:20px;border-radius:50%;object-fit:cover}.start-text{text-transform:lowercase;font-style:italic}.taskbar-center{flex:1;display:flex;align-items:center;padding:0 4px;gap:2px;overflow-x:auto;overflow-y:hidden;min-width:0}.taskbar-center::-webkit-scrollbar{height:0;background:transparent}.taskbar-button{height:32px;max-width:160px;min-width:100px;padding:0 4px 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;flex-shrink:0}.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:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.taskbar-icon-image{width:16px;height:16px;object-fit:contain}.taskbar-button-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;min-width:0}.taskbar-button-close{width:16px;height:16px;flex-shrink:0;background:transparent;border:1px solid transparent;border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#666;cursor:pointer;margin-left:2px}.taskbar-button-close:hover{background:#ff6b6b;border-color:#e74c3c;color:#fff}.taskbar-button-close:active{background:#e74c3c;border:1px inset #c0392b}@media (max-width: 768px){.taskbar-button{max-width:120px;min-width:80px;padding:0 2px 0 6px}.taskbar-button-text{font-size:10px}.taskbar-button-icon{width:18px;height:18px}.taskbar-icon-image{width:14px;height:14px}}@media (max-width: 480px){.taskbar-button{max-width:100px;min-width:60px;padding:0 1px 0 4px}.taskbar-button-text{font-size:9px}.taskbar-button-icon{width:16px;height:16px}.taskbar-icon-image{width:12px;height:12px}.taskbar-button-close{width:14px;height:14px;font-size:9px}}.taskbar-right{display:flex;align-items:center;padding-right:8px;flex-shrink:0}.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;overflow:hidden}.user-profile-photo{width:100%;height:100%;object-fit:cover;border-radius:50%}.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:28px;height:28px;object-fit:contain;flex-shrink:0}.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:16px;height:16px}.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:24px;height:24px}.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;font-size:14px;text-align:justify;word-spacing:.05em;letter-spacing:.01em;line-height:1.8;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;word-break:break-word}.about-cards-container{display:flex;flex-direction:column;gap:25px;margin-top:10px}.about-card{background:#f8f8f8;border:1px solid #d0d0d0;border-radius:8px;padding:25px;box-shadow:2px 2px 4px #0000001a,inset 1px 1px #fffc;transition:all .3s ease;container-type:inline-size}.about-card:hover{box-shadow:3px 3px 8px #00000026,inset 1px 1px #ffffffe6;transform:translateY(-2px)}.about-card-content{display:flex;gap:25px;align-items:center}.about-card-content.reverse{flex-direction:row-reverse}.about-text-content{flex:1;min-width:0}.about-image-content{flex:0 0 auto;display:flex;justify-content:center;align-items:center}.about-image-content:empty{display:none}.about-image,.about-icon-placeholder{width:180px;height:180px;border-radius:12px;border:2px solid #c0c0c0;box-shadow:2px 2px 4px #0003,inset 1px 1px #ffffff80;transition:transform .3s ease}.about-image{object-fit:cover}.about-icon-placeholder{background:linear-gradient(135deg,#e8e8e8,#f0f0f0);display:flex;align-items:center;justify-content:center;font-size:60px}.about-image:hover,.about-icon-placeholder:hover{transform:scale(1.05)}.collaboration-icon{background:linear-gradient(135deg,#e8f4fd,#f0f8ff)}.goals-icon{background:linear-gradient(135deg,#fff8e8,#fffaf0)}.images-grid{display:grid;gap:8px;justify-content:center}.images-grid[data-count="1"]{grid-template-columns:1fr;width:180px}.images-grid[data-count="2"],.images-grid[data-count="3"],.images-grid[data-count="4"]{grid-template-columns:1fr 1fr;width:280px}.images-grid[data-count="5"],.images-grid[data-count="6"],.images-grid[data-count="7"],.images-grid[data-count="8"],.images-grid[data-count="9"]{grid-template-columns:1fr 1fr 1fr;width:360px}.images-grid:not([data-count]){grid-template-columns:repeat(auto-fit,minmax(100px,1fr));width:360px}.grid-image{width:100%;aspect-ratio:1;border-radius:8px;object-fit:cover;border:1px solid #c0c0c0;box-shadow:1px 1px 3px #0003,inset 1px 1px #ffffff80;transition:transform .3s ease}.grid-image:hover{transform:scale(1.1);z-index:1;position:relative}@container (max-width: 600px){.about-card-content,.about-card-content.reverse{flex-direction:column;text-align:center}.about-image-content{width:auto;order:2}.about-text-content{order:1}.about-image,.about-icon-placeholder{width:150px;height:150px}.images-grid[data-count="1"]{width:150px}.images-grid[data-count="2"],.images-grid[data-count="3"],.images-grid[data-count="4"]{width:200px;gap:6px}.images-grid[data-count="5"],.images-grid[data-count="6"],.images-grid[data-count="7"],.images-grid[data-count="8"],.images-grid[data-count="9"]{grid-template-columns:1fr 1fr;width:200px;gap:6px}.about-card{padding:20px}}@container (max-width: 400px){.about-image,.about-icon-placeholder{width:120px;height:120px}.images-grid[data-count="1"]{width:120px}.images-grid[data-count="2"],.images-grid[data-count="3"],.images-grid[data-count="4"],.images-grid[data-count="5"],.images-grid[data-count="6"],.images-grid[data-count="7"],.images-grid[data-count="8"],.images-grid[data-count="9"]{grid-template-columns:1fr 1fr;width:160px;gap:4px}.about-icon-placeholder{font-size:40px}.about-card{padding:15px}}@media (max-width: 600px){.about-card-content,.about-card-content.reverse{flex-direction:column;text-align:center}.about-image-content{width:auto;order:2}.about-text-content{order:1}.about-image,.about-icon-placeholder{width:150px;height:150px}.images-grid[data-count="1"]{width:150px}.images-grid[data-count="2"],.images-grid[data-count="3"],.images-grid[data-count="4"]{width:200px;gap:6px}.images-grid[data-count="5"],.images-grid[data-count="6"],.images-grid[data-count="7"],.images-grid[data-count="8"],.images-grid[data-count="9"]{grid-template-columns:1fr 1fr;width:200px;gap:6px}.about-card,.about-document-content{padding:20px}}@media (max-width: 400px){.about-image,.about-icon-placeholder{width:120px;height:120px}.images-grid[data-count="1"]{width:120px}.images-grid[data-count="2"],.images-grid[data-count="3"],.images-grid[data-count="4"],.images-grid[data-count="5"],.images-grid[data-count="6"],.images-grid[data-count="7"],.images-grid[data-count="8"],.images-grid[data-count="9"]{grid-template-columns:1fr 1fr;width:160px;gap:4px}.about-icon-placeholder{font-size:40px}.about-card{padding:15px}.about-paragraph{font-size:13px}.about-name{font-size:18px}.about-title{font-size:14px}}.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:0;font-family:"MS Sans Serif",sans-serif;line-height:1.5;color:#000;box-sizing:border-box;display:flex;flex-direction:column}.projects-navigation{background:linear-gradient(to bottom,#d4d0c8,silver);border-bottom:2px inset #c0c0c0;padding:clamp(4px,1.5vw,8px) clamp(6px,2.5vw,12px);display:flex;align-items:center;gap:clamp(6px,2.5vw,12px);min-height:clamp(32px,8vw,40px);font-family:"MS Sans Serif",sans-serif;box-shadow:inset 0 1px #ffffff80}.nav-back-button{background:silver;border:1px outset #c0c0c0;color:#000;font-size:clamp(8px,2.2vw,11px);font-family:"MS Sans Serif",sans-serif;padding:clamp(2px,1vw,4px) clamp(6px,2.5vw,12px);cursor:pointer;height:clamp(20px,5vw,24px);display:flex;align-items:center;box-shadow:1px 1px 1px #0003;white-space:nowrap}.nav-back-button:hover{background:#e0e0e0}.nav-back-button:active{border:1px inset #c0c0c0;box-shadow:inset 1px 1px 1px #0003}.nav-title{font-weight:700;color:#000;font-size:clamp(12px,3.5vw,18px);text-shadow:1px 1px 0 rgba(255,255,255,.5);letter-spacing:clamp(.2px,.5vw,.8px);word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.2}.projects-folder-grid{flex:1;background:transparent;padding:clamp(12px,4vw,24px);display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(80px,20vw,140px),1fr));grid-auto-rows:clamp(80px,20vw,120px);gap:clamp(12px,3vw,20px) clamp(8px,2.5vw,16px);align-content:start;justify-items:start;overflow-y:auto}.project-content{flex:1;background:#fff;padding:clamp(12px,3vw,24px);overflow-y:auto;display:flex;flex-direction:column;gap:clamp(12px,3vw,20px)}.project-header{border-bottom:2px solid #c0c0c0;padding-bottom:clamp(8px,2vw,16px)}.project-title{margin:0 0 clamp(8px,2vw,16px) 0;font-family:"MS Sans Serif",sans-serif;font-size:clamp(14px,3.5vw,20px);font-weight:700;color:navy;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.project-meta{display:flex;flex-direction:column;gap:clamp(4px,1.5vw,8px)}.project-timeline{font-family:"MS Sans Serif",sans-serif;font-size:clamp(9px,2.5vw,12px);font-style:italic;color:#666;background:#f5f5f5;padding:clamp(2px,1vw,4px) clamp(4px,1.5vw,8px);border:1px inset #c0c0c0;display:inline-block;width:fit-content;word-wrap:break-word;overflow-wrap:break-word}.project-tools{font-family:"MS Sans Serif",sans-serif;font-size:clamp(9px,2.5vw,12px);font-weight:700;color:green;background:#f0f8f0;padding:clamp(2px,1vw,4px) clamp(4px,1.5vw,8px);border:1px inset #c0c0c0;display:inline-block;width:fit-content;word-wrap:break-word;overflow-wrap:break-word}.project-description-section{background:#f8f8f8;padding:clamp(8px,3vw,16px);border:1px inset #c0c0c0}.project-description{font-family:"MS Sans Serif",sans-serif;font-size:clamp(9px,2.5vw,12px);line-height:clamp(1.3,1.5,1.6);color:#000;margin:0;text-align:justify;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.project-features-section{background:#f8f8f8;padding:clamp(8px,3vw,16px);border:1px inset #c0c0c0}.project-features-section h3{font-family:"MS Sans Serif",sans-serif;font-size:clamp(10px,2.8vw,13px);font-weight:700;color:navy;margin:0 0 clamp(6px,2vw,12px) 0;word-wrap:break-word;overflow-wrap:break-word}.project-features{margin:0;padding-left:clamp(15px,4vw,20px)}.project-feature{font-family:"MS Sans Serif",sans-serif;font-size:clamp(8px,2.2vw,11px);line-height:clamp(1.3,1.5,1.6);color:#000;margin-bottom:clamp(4px,1.5vw,8px);word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.project-link-section{background:#f0f0f0;padding:clamp(6px,2.5vw,12px);border:1px inset #c0c0c0;text-align:center}.project-link{font-family:"MS Sans Serif",sans-serif;font-size:clamp(9px,2.5vw,12px);color:#00f;text-decoration:underline;font-weight:700;word-wrap:break-word;overflow-wrap:break-word}.project-link:hover{color:red}.project-media-section{background:#f8f8f8;padding:clamp(8px,3vw,16px);border:1px inset #c0c0c0}.project-media-section h3{font-family:"MS Sans Serif",sans-serif;font-size:clamp(10px,2.8vw,13px);font-weight:700;color:navy;margin:0 0 clamp(6px,2vw,12px) 0;word-wrap:break-word;overflow-wrap:break-word}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(60px,15vw,120px),1fr));gap:clamp(6px,2vw,12px);background:#fff;padding:clamp(6px,2.5vw,12px);border:1px inset #c0c0c0}.media-item{display:flex;flex-direction:column;align-items:center;padding:clamp(4px,1.5vw,8px);cursor:pointer;border:1px outset #c0c0c0;background:silver;-webkit-user-select:none;user-select:none;text-align:center;transition:all .1s ease;min-height:0}.media-item:hover{background:#e0e0e0;border:1px outset #e0e0e0}.media-item:active{border:1px inset #c0c0c0;background:#a0a0a0}.media-icon{width:clamp(20px,6vw,32px);height:clamp(20px,6vw,32px);margin-bottom:clamp(3px,1.5vw,6px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.media-icon img{width:100%;height:100%;image-rendering:pixelated}.media-name{font-family:"MS Sans Serif",sans-serif;font-size:clamp(7px,2vw,10px);color:#000;text-align:center;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}@media (max-width: 768px){.project-content{padding:16px}.projects-folder-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:16px 12px;padding:16px 20px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px}.projects-navigation{padding:6px 10px;min-height:36px}.nav-title{font-size:14px}}.project-features{margin:clamp(6px,2.5vw,12px) 0 0 0;padding:0;list-style:none}.project-feature{margin:0 0 clamp(4px,1.5vw,8px) 0;font-family:"MS Sans Serif",sans-serif;font-size:clamp(9px,2.5vw,13px);line-height:clamp(1.3,1.4,1.5);color:#000;padding-left:clamp(15px,4vw,20px);position:relative;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.project-feature:before{content:"▸";position:absolute;left:clamp(2px,1vw,4px);color:navy;font-weight:700;font-size:clamp(10px,2.8vw,14px)}.project-feature:last-child{margin-bottom:0}.project-link{margin:clamp(6px,2.5vw,12px) 0 0 0;padding:clamp(4px,1.5vw,8px);background:#f8f8ff;border:1px inset #c0c0c0;text-align:center}.project-link a{color:#00e;text-decoration:underline;font-family:"MS Sans Serif",sans-serif;font-size:clamp(9px,2.5vw,12px);font-weight:400;word-wrap:break-word;overflow-wrap:break-word}.project-link a:visited{color:#551a8b}.project-link a:hover{color:#00f;text-decoration:underline;background:#e6e6ff;padding:clamp(1px,.5vw,2px) clamp(2px,1vw,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}.project-dashboard{flex:1;background:#fff;padding:min(4vw,32px);overflow-y:auto;display:flex;flex-direction:column;gap:clamp(12px,3vw,32px);container-type:inline-size;min-height:0}.dashboard-header{text-align:center;margin-bottom:clamp(4px,1vw,12px)}.dashboard-title{margin:0;font-family:"MS Sans Serif",sans-serif;font-size:clamp(12px,3.5vw,28px);font-weight:700;color:navy;letter-spacing:clamp(.2px,.5vw,1.8px);text-transform:uppercase;line-height:1.2;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.title-separator{margin:clamp(6px,2vw,16px) auto;width:clamp(50%,60%,80%);height:clamp(1px,.5vw,4px);background:linear-gradient(to right,transparent,#000080,transparent);border-radius:2px}.dashboard-main{display:flex;gap:clamp(12px,3vw,32px);align-items:flex-start;flex-wrap:wrap;min-height:0}.dashboard-hero{flex:0 0 clamp(100px,20vw,320px);min-width:clamp(100px,20vw,200px);max-width:100%}.hero-image-container{width:100%;aspect-ratio:16/9;border:2px inset #c0c0c0;background:#f8f8f8;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center}.hero-placeholder{display:flex;flex-direction:column;align-items:center;gap:clamp(4px,1vw,12px);color:#666;font-family:"MS Sans Serif",sans-serif;font-size:clamp(7px,1.8vw,12px);text-align:center}.hero-icon{font-size:clamp(14px,3.5vw,36px);opacity:.7}.dashboard-info{flex:1;display:flex;flex-direction:column;gap:clamp(8px,2vw,20px);min-width:0}.info-grid{display:flex;flex-direction:column;gap:clamp(4px,1vw,12px)}.info-item{display:flex;align-items:flex-start;gap:clamp(6px,2vw,16px);font-family:"MS Sans Serif",sans-serif;font-size:clamp(8px,2.2vw,14px);flex-wrap:wrap}.info-label{font-weight:700;color:navy;min-width:clamp(50px,15vw,100px);flex-shrink:0}.info-value{color:#000;background:#f5f5f5;padding:clamp(2px,1vw,8px) clamp(4px,1.5vw,12px);border:1px inset #c0c0c0;border-radius:0;flex:1;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;min-width:0}.dashboard-description{background:#f8f8f8;padding:clamp(8px,3vw,24px);border:1px inset #c0c0c0;font-family:"MS Sans Serif",sans-serif;font-size:clamp(8px,2.2vw,14px);line-height:clamp(1.3,1.5,1.6);text-align:justify;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.dashboard-description p{margin:0}.dashboard-features{border:1px inset #c0c0c0;background:#fff;padding:clamp(8px,3vw,24px)}.features-header{display:flex;align-items:center;gap:clamp(6px,2vw,16px);margin-bottom:clamp(8px,2vw,20px);font-family:"MS Sans Serif",sans-serif;font-size:clamp(8px,2.2vw,14px);font-weight:700;color:navy}.features-line{flex:1;height:1px;background:silver}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(150px,40vw,350px),1fr));gap:clamp(6px,2vw,16px)}.feature-item{display:flex;align-items:flex-start;gap:clamp(4px,1.5vw,10px);font-family:"MS Sans Serif",sans-serif;font-size:clamp(7px,1.8vw,12px);line-height:clamp(1.2,1.4,1.5);word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.feature-check{color:green;font-weight:700;font-size:clamp(8px,2.2vw,14px);flex-shrink:0;margin-top:1px}.feature-text{color:#000;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;min-width:0}.dashboard-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:clamp(12px,3vw,32px);border-top:1px solid #c0c0c0;padding-top:clamp(10px,3vw,24px);flex-wrap:wrap}.media-section{flex:1;min-width:0}.media-section h4{margin:0 0 clamp(6px,2vw,16px) 0;font-family:"MS Sans Serif",sans-serif;font-size:clamp(8px,2.2vw,14px);font-weight:700;color:navy}.media-gallery{display:flex;gap:clamp(4px,1.5vw,12px);flex-wrap:wrap}.gallery-item{width:clamp(40px,12vw,120px);border:1px outset #c0c0c0;background:#f0f0f0;display:flex;flex-direction:column;cursor:pointer;transition:all .1s ease;overflow:hidden}.gallery-image{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center;flex-shrink:0}.gallery-icon{width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gallery-name{font-family:"MS Sans Serif",sans-serif;font-size:clamp(6px,1.5vw,8px);color:#000;text-align:center;padding:clamp(1px,.5vw,2px);background:#ffffffe6;width:100%;border-top:1px solid #c0c0c0;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.gallery-item:hover{background:#e0e0e0;border:1px inset #c0c0c0}.gallery-item:active{border:1px inset #c0c0c0;background:#d0d0d0}.actions-section{display:flex;flex-direction:column;gap:clamp(6px,2vw,16px);align-items:flex-end}.action-button{padding:clamp(4px,1.5vw,12px) clamp(8px,3vw,24px);font-family:"MS Sans Serif",sans-serif;font-size:clamp(7px,1.8vw,12px);font-weight:700;border:1px outset #c0c0c0;cursor:pointer;text-decoration:none;display:inline-block;text-align:center;transition:all .1s ease;white-space:nowrap;min-width:clamp(40px,15vw,120px);box-sizing:border-box}.action-button.primary{background:#0078d4;color:#fff;border-color:#005a9e}.action-button.primary:hover{background:#106ebe}.action-button.primary:active{border:1px inset #005a9e;background:#005a9e}.action-button.secondary{background:silver;color:#000}.action-button.secondary:hover{background:#e0e0e0}.action-button.secondary:active{border:1px inset #c0c0c0;background:#a0a0a0}@container (max-width: 600px) and (min-width: 501px){.dashboard-hero{flex:0 0 clamp(140px,28vw,200px);min-width:clamp(140px,28vw,180px)}.dashboard-main{gap:clamp(10px,2.5vw,16px)}}@container (max-width: 500px){.dashboard-main{flex-direction:column;align-items:center}.dashboard-hero{flex:none;width:clamp(200px,60vw,300px);max-width:100%;align-self:center}.dashboard-info{width:100%;align-items:center}.info-item{flex-direction:column;align-items:center;gap:clamp(2px,1vw,4px);text-align:center}.info-label{min-width:auto}.info-value{width:100%;text-align:center}.features-grid{grid-template-columns:1fr}.dashboard-bottom{flex-direction:column;align-items:center}.media-section{width:100%;text-align:center}.media-gallery{justify-content:center}.actions-section{justify-content:center;width:100%;flex-direction:row;align-items:center}.dashboard-description{text-align:center}.dashboard-features{display:flex;flex-direction:column;align-items:center}.features-header{width:100%;justify-content:center}.features-grid{width:100%;max-width:100%}.feature-item{justify-content:flex-start;text-align:left}}@container (max-width: 350px){.dashboard-title{font-size:clamp(10px,4vw,14px);letter-spacing:.2px}.dashboard-hero{width:clamp(150px,70vw,250px)}.feature-item{gap:clamp(3px,1vw,4px)}.gallery-item{width:clamp(35px,14vw,50px)}.action-button{min-width:clamp(35px,18vw,60px);font-size:clamp(6px,2vw,8px)}}@container (min-width: 800px){.dashboard-main{gap:clamp(24px,4vw,48px)}.dashboard-hero{flex:0 0 clamp(220px,32vw,380px)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(200px,35vw,400px),1fr))}.gallery-item{width:clamp(60px,14vw,140px)}.dashboard-title{font-size:clamp(20px,4.5vw,32px)}.dashboard-description{font-size:clamp(10px,2.8vw,16px);padding:clamp(16px,4vw,32px)}.info-item{font-size:clamp(10px,2.8vw,16px)}.feature-item{font-size:clamp(9px,2.2vw,14px)}.media-section h4{font-size:clamp(10px,2.8vw,16px)}.action-button{font-size:clamp(8px,2.2vw,14px);padding:clamp(6px,2vw,16px) clamp(12px,4vw,32px);min-width:clamp(70px,18vw,130px)}}@container (min-width: 1200px){.dashboard-hero{flex:0 0 clamp(280px,38vw,450px)}.gallery-item{width:clamp(80px,16vw,160px)}.dashboard-title{font-size:clamp(24px,5.5vw,36px)}.dashboard-description{font-size:clamp(12px,3.2vw,18px)}.media-gallery{gap:clamp(8px,2vw,16px)}.dashboard-main{gap:clamp(32px,5vw,56px)}.dashboard-bottom{gap:clamp(24px,4vw,40px)}}@media (max-width: 500px){.project-dashboard .dashboard-main{flex-direction:column}.project-dashboard .dashboard-hero{width:100%}.project-dashboard .info-item,.project-dashboard .dashboard-bottom{flex-direction:column}}@media (max-width: 350px){.project-dashboard .gallery-item{width:clamp(28px,12vw,40px)}.project-dashboard .action-button{min-width:clamp(35px,18vw,50px)}}.status-live{color:green!important;font-weight:700}.project-folder{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px;border-radius:3px;transition:all .1s ease;max-width:110px;min-height:90px;position:relative}.project-folder:hover{background-color:#0000ff1a;border:1px solid rgba(0,0,255,.3)}.project-folder:active{background-color:#00f3;transform:translateY(1px)}.project-folder-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin-bottom:6px;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.1))}.project-folder-icon-image{width:56px;height:56px;image-rendering:pixelated;object-fit:contain}.project-folder:hover .project-folder-icon-image{filter:brightness(1.1)}.project-folder-name{font-family:"MS Sans Serif",sans-serif;font-size:11px;color:#fff;text-align:center;word-wrap:break-word;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;background:#0009;padding:2px 6px;border-radius:2px;border:1px solid transparent;text-shadow:1px 1px 1px rgba(0,0,0,.8)}.project-folder:hover .project-folder-name{background:#000000b3;border:1px solid rgba(255,255,255,.2)}@media (max-width: 768px){.project-folder{max-width:70px;padding:6px}.project-folder-icon,.project-folder-icon-image{width:40px;height:40px}.project-folder-name{font-size:10px}}.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}.simon-game-viewer{height:100%;width:100%;background:linear-gradient(135deg,#001f3f,#003d7a);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:"MS Sans Serif",sans-serif;padding:clamp(5px,2vmin,20px);box-sizing:border-box;position:relative;overflow-y:auto;overflow-x:hidden;container-type:size;container-name:simon-viewer}.simon-game-viewer.game-over{background:linear-gradient(135deg,#4d0000,maroon);animation:gameOverFlash .2s ease-in-out}@keyframes gameOverFlash{0%{opacity:.3}50%{opacity:1}to{opacity:.8}}.simon-level-title{font-family:Courier New,monospace;font-size:clamp(.8rem,6cqi,2.5rem);font-weight:700;color:#fef2bf;text-align:center;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.8);letter-spacing:clamp(.5px,.5cqi,2px);text-transform:uppercase;background:#0003;padding:clamp(4px,1.5cqi,12px) clamp(8px,2cqi,16px);border:clamp(1px,.5cqi,3px) outset #c0c0c0;border-radius:clamp(5px,1cqi,10px);-webkit-user-select:none;user-select:none;flex-shrink:0;word-wrap:break-word;line-height:1.2}.simon-start-button{font-family:"MS Sans Serif",sans-serif;font-size:clamp(.8rem,3cqi,1.2rem);font-weight:700;color:#000;background:linear-gradient(135deg,#e0e0e0,silver);border:clamp(2px,.5cqi,3px) outset #c0c0c0;border-radius:clamp(5px,1cqi,8px);padding:clamp(8px,2cqi,12px) clamp(16px,4cqi,24px);cursor:pointer;transition:all .1s ease;margin:clamp(10px,2vmin,20px) 0;-webkit-user-select:none;user-select:none;flex-shrink:0;min-height:clamp(30px,6cqi,50px);touch-action:manipulation}.simon-start-button:hover{background:linear-gradient(135deg,#f0f0f0,#d0d0d0);transform:translateY(-1px)}.simon-start-button:active{border:clamp(2px,.5cqi,3px) inset #c0c0c0;background:linear-gradient(135deg,silver,#a0a0a0);transform:translateY(1px)}.simon-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:min(90vmin,600px);margin:clamp(5px,2vmin,20px) auto;background:#c0c0c01a;padding:clamp(5px,2vmin,20px);border:clamp(2px,.5vmin,4px) inset #c0c0c0;border-radius:clamp(10px,4vmin,30px);box-shadow:0 10px 30px #00000080;flex-shrink:1;box-sizing:border-box;container-type:inline-size;container-name:simon-container}.simon-row{display:flex;justify-content:center;gap:clamp(4px,2cqi,15px);margin-bottom:clamp(4px,2cqi,15px);width:100%}.simon-row:last-child{margin-bottom:0}.simon-btn{display:inline-block;width:clamp(30px,40cqi,180px);height:clamp(30px,40cqi,180px);border:clamp(2px,1cqi,8px) solid #000000;border-radius:20%;cursor:pointer;transition:all .1s ease;position:relative;box-shadow:inset 0 0 20px #fff3,0 5px 15px #0000004d;-webkit-user-select:none;user-select:none;flex-shrink:0;aspect-ratio:1/1}.simon-btn:hover{transform:translateY(-2px);box-shadow:inset 0 0 20px #ffffff4d,0 8px 20px #0006}.simon-btn:active{transform:translateY(0);box-shadow:inset 0 0 10px #0000004d,0 2px 8px #0000004d}.simon-red{background:linear-gradient(135deg,red,#c00);border-color:#900}.simon-green{background:linear-gradient(135deg,#0f0,#0c0);border-color:#090}.simon-blue{background:linear-gradient(135deg,#00f,#00c);border-color:#009}.simon-yellow{background:linear-gradient(135deg,#ff0,#cc0);border-color:#990}.simon-pressed{box-shadow:0 0 30px #fff,inset 0 0 30px #fffc!important;background:#d0d0d0!important;transform:scale(.95)!important;border-color:#666!important}.simon-instructions{text-align:center;color:#fef2bf;font-family:"MS Sans Serif",sans-serif;flex-shrink:0;width:100%;max-width:min(90vmin,500px);margin:0}.simon-instructions p{font-size:clamp(.6rem,2.5cqi,1rem);margin:clamp(3px,.8cqi,6px) 0;text-shadow:1px 1px 2px rgba(0,0,0,.8);background:#0000004d;padding:clamp(4px,1.5cqi,8px);border-radius:5px;border:1px inset #c0c0c0;word-wrap:break-word;line-height:1.3}@container simon-container (max-width: 250px){.simon-row{flex-direction:column;align-items:center;gap:clamp(4px,2cqi,10px);margin-bottom:clamp(4px,2cqi,10px)}.simon-btn{width:clamp(40px,60cqi,120px);height:clamp(40px,60cqi,120px)}}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0f4c81,#2e86ab,#a23b72);display:flex;align-items:center;justify-content:center;z-index:100000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.loading-content{text-align:center;color:#fff;max-width:400px;padding:40px}.windows-logo{margin-bottom:40px}.xp-logo{width:80px;height:80px;margin-bottom:20px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.loading-title{font-size:28px;font-weight:400;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.5);letter-spacing:2px}.loading-info{margin-bottom:40px}.loading-message{font-size:16px;margin-bottom:20px;min-height:24px;opacity:.9}.progress-container{display:flex;align-items:center;gap:15px}.progress-bar{flex:1;height:8px;background:#fff3;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.3)}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a,#cddc39);border-radius:3px;transition:width .3s ease;box-shadow:0 0 10px #4caf5080}.progress-text{font-size:14px;font-weight:700;min-width:40px;text-align:right}.loading-footer{font-size:12px;opacity:.7;line-height:1.4}.loading-footer p{margin:0 0 5px}@media (max-width: 768px){.loading-content{padding:30px 20px;max-width:350px}.xp-logo{width:60px;height:60px;margin-bottom:15px}.loading-title{font-size:24px;letter-spacing:1px}.loading-message{font-size:14px;margin-bottom:15px}.progress-container{gap:10px}.progress-text{font-size:12px;min-width:35px}.loading-footer{font-size:11px}}@media (max-width: 480px){.loading-content{padding:20px 15px;max-width:300px}.xp-logo{width:50px;height:50px}.loading-title{font-size:20px}.loading-message{font-size:13px}.progress-bar{height:6px}.progress-text{font-size:11px}}.media-modal-viewer{height:100%;width:100%;background:silver;display:flex;flex-direction:column;font-family:"MS Sans Serif",sans-serif}.media-modal-nav{background:silver;border-bottom:1px inset #c0c0c0;padding:8px;display:flex;align-items:center;justify-content:space-between;min-height:32px}.media-nav-button{background:silver;border:1px outset #c0c0c0;color:#000;font-size:11px;font-family:"MS Sans Serif",sans-serif;padding:4px 12px;cursor:pointer;height:24px;display:flex;align-items:center;gap:4px}.media-nav-button:hover{background:#e0e0e0}.media-nav-button:active{border:1px inset #c0c0c0}.media-nav-button:disabled{background:#a0a0a0;color:gray;cursor:not-allowed}.media-counter{font-size:11px;font-weight:700;color:#000;text-align:center;flex:1;padding:0 8px}.media-counter.single-media{text-align:center}.media-modal-content{flex:1;background:#fff;border:2px inset #c0c0c0;margin:4px;padding:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-image-container,.media-video-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.media-modal-image{max-width:100%;max-height:100%;object-fit:contain;border:1px solid #808080;background:#fff}.media-modal-video{max-width:100%;max-height:100%;border:1px solid #808080;background:#000}.media-unsupported{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#f0f0f0;border:1px inset #c0c0c0}.media-unsupported p{font-size:12px;color:gray;text-align:center;margin:0}.media-modal-info{background:silver;border-top:1px inset #c0c0c0;padding:8px;min-height:24px;display:flex;align-items:center;justify-content:center}.media-description{margin:0;font-size:11px;color:#000;text-align:center;width:100%}.media-bottom-link{padding:6px 16px;font-family:"MS Sans Serif",sans-serif;font-size:11px;color:#00f;text-decoration:underline;background:#f8f8f8;border:1px outset #c0c0c0;border-radius:0;cursor:pointer;display:inline-block;transition:all .1s ease;text-align:center}.media-bottom-link:hover{color:red;background:#ffc;text-decoration:underline}.media-bottom-link:visited{color:purple}.media-bottom-link:active{border:1px inset #c0c0c0;background:#e0e0e0}.media-modal-empty{height:100%;width:100%;background:silver;display:flex;align-items:center;justify-content:center;font-family:"MS Sans Serif",sans-serif;font-size:12px;color:gray}@media (max-width: 768px){.media-nav-button{padding:2px 8px;font-size:10px}.media-counter{font-size:10px}.media-modal-content{margin:2px;padding:4px}}.app-container{width:100vw;height:100vh;overflow:hidden;position:relative;background:url(/images/windows.png) center center / cover no-repeat;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.desktop{width:100%;height:calc(100vh - 40px);overflow-y:auto;overflow-x:hidden;padding:20px;box-sizing:border-box;position:relative}.desktop-folders{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:20px;width:100%;min-height:calc(100vh - 100px);align-content:start;padding-bottom:20px;position:relative}.desktop-folders .folder-component[style*="position: absolute"]{position:absolute!important}.desktop-folders .folder-component:not([style*="position: absolute"]){position:static}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.modal-overlay>*{pointer-events:all}@media (max-width: 1200px){.desktop-folders{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:18px}}@media (max-width: 768px){.desktop{height:calc(100vh - 50px);padding:15px}.desktop-folders{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:15px;min-height:calc(100vh - 90px)}}@media (max-width: 480px){.desktop{height:calc(100vh - 60px);padding:10px}.desktop-folders{grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:12px;min-height:calc(100vh - 100px)}}@media (max-width: 320px){.desktop-folders{grid-template-columns:repeat(2,1fr);gap:10px}}.desktop::-webkit-scrollbar{width:8px}.desktop::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.desktop::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.desktop::-webkit-scrollbar-thumb:hover{background:#ffffff80}@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}}