@import"https://fonts.googleapis.com/css2?family=Tahoma&display=swap";.icon{width:88px;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center}.icon-img{height:48px;width:auto;margin-bottom:4px;display:block}.icon-img-wrapper{position:relative;display:inline-block;margin-bottom:4px}.icon-img-wrapper .icon-img{margin-bottom:0}.icon.selected .icon-img{filter:brightness(.65) sepia(1) saturate(3) hue-rotate(210deg) opacity(.9)}.icon-label{font-size:11px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);padding:1px 4px;font-family:Tahoma,Segoe UI,sans-serif;text-align:center;max-width:100%;word-wrap:break-word}.icon.selected .icon-label{background:#0b61ff;border-radius:0;padding:1px 4px}.window{position:absolute;background:transparent;border:none;box-shadow:none;z-index:10;overflow:visible;min-width:280px;min-height:90px;display:flex;flex-direction:column}.window-minesweeper{min-width:0;min-height:0}.window .window-body{overflow-x:hidden!important;overflow-y:hidden!important}.window.maximized,.window.maximized .window-titlebar{border-radius:0}.window.maximized .window-body{border:none}.window-titlebar{background-image:url(/images/taskbar/taskbar-base.png);background-size:100% 100%;background-repeat:no-repeat;padding:4px 8px;display:flex;justify-content:space-between;align-items:center;cursor:move;user-select:none;height:30px;border-radius:8px 8px 0 0;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.window.unfocused .window-titlebar{background-image:url(/images/taskbar/taskbar-base-unfocused.png);outline:none}.window-title-left{display:flex;align-items:center;gap:6px;-webkit-user-select:none;user-select:none;pointer-events:none;outline:none;min-width:0;flex:1;overflow:hidden}.window-icon{width:16px;height:16px;image-rendering:crisp-edges;-webkit-user-select:none;user-select:none;outline:none}.window-title{color:#fff;font-family:Tahoma,sans-serif;font-size:11px;font-weight:700;padding-left:4px;text-shadow:1px 1px 1px rgba(0,0,0,.5);-webkit-user-select:none;user-select:none;pointer-events:none}.window-title-text{color:#fff;font-family:Tahoma,sans-serif;font-size:11px;font-weight:700;text-shadow:1px 1px 1px rgba(0,0,0,.5);-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex-shrink:1}.window-controls{display:flex;gap:2px;-webkit-user-select:none;user-select:none;outline:none}.win-minimize,.win-maximize,.win-close{background:transparent;border:none;cursor:pointer;padding:0;width:21px;height:21px;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:background .1s;-webkit-user-select:none;user-select:none;outline:none}.win-minimize:hover,.win-maximize:hover,.win-close:hover{filter:brightness(1.1)}.win-minimize img,.win-maximize img,.win-close img{display:block;width:21px;height:21px;-webkit-user-select:none;user-select:none;pointer-events:none}.window.unfocused .win-minimize img,.window.unfocused .win-maximize img,.window.unfocused .win-close img{filter:brightness(.9);background-color:#7489dc;background-blend-mode:overlay;opacity:.6}.window-body{padding:0;background:#fff;color:#000;min-height:110px;border-left:var(--border-width, 4px) solid #0054e3;border-right:var(--border-width, 4px) solid #0054e3;border-bottom:var(--border-width, 4px) solid #0054e3;border-radius:0;flex:1;overflow:hidden;position:relative;outline:none}.window.unfocused .window-body{border-color:#7489dc}.iframe-click-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1000;background:transparent;cursor:pointer}.window-body iframe{position:absolute;width:100%;height:100%;border:none}.window-body iframe.iframe-pinball{width:100%;height:100%;border:none}.window-pinball .window-body{background:none;padding:0;margin:0}.window-minesweeper .window-body{background:transparent;padding:0;margin:0;overflow:hidden}.window-minesweeper .window-body>div{background:transparent;overflow:visible;width:fit-content;height:fit-content}.window-body iframe.iframe-minesweeper{width:100%;height:100%;border:none;background:transparent;position:absolute;top:0;left:0}.resize-handle{position:absolute;z-index:100;background:transparent;-webkit-user-select:none;user-select:none;outline:none}.resize-nw{top:0;left:0;width:var(--border-width, 8px);height:var(--border-width, 8px);cursor:nw-resize}.resize-ne{top:0;right:0;width:var(--border-width, 8px);height:var(--border-width, 8px);cursor:ne-resize}.resize-sw{bottom:0;left:0;width:var(--border-width, 8px);height:var(--border-width, 8px);cursor:sw-resize}.resize-se{bottom:0;right:0;width:var(--border-width, 8px);height:var(--border-width, 8px);cursor:se-resize}.resize-n{top:0;left:var(--border-width, 8px);right:var(--border-width, 8px);height:calc(var(--border-width, 4px) / 2);cursor:n-resize}.resize-s{bottom:0;left:var(--border-width, 8px);right:var(--border-width, 8px);height:calc(var(--border-width, 4px) / 2);cursor:s-resize}.resize-w{left:0;top:var(--border-width, 8px);bottom:var(--border-width, 8px);width:calc(var(--border-width, 4px) / 2);cursor:w-resize}.resize-e{right:0;top:var(--border-width, 8px);bottom:var(--border-width, 8px);width:calc(var(--border-width, 4px) / 2);cursor:e-resize}.custom-scrollbar{overflow-y:auto!important;overflow-x:hidden!important}.custom-scrollbar::-webkit-scrollbar{width:23px!important;height:16px!important;background:transparent}.custom-scrollbar::-webkit-scrollbar-track{background-image:url(/images/scroll-bar/scroll-body-base.png)!important;background-repeat:repeat-y!important;background-position:calc(50% - 1px)!important;background-size:130% auto!important;padding:2px 0!important}.custom-scrollbar::-webkit-scrollbar-thumb{box-sizing:border-box;background-image:url(/images/scroll-bar/scroll-middle-lines.png),url(/images/scroll-bar/scroll-middle-base.png)!important;background-repeat:no-repeat,no-repeat!important;background-position:calc(50% + 1.5px) center,center top!important;background-size:auto auto,100% 100%!important;min-height:40px!important;max-height:calc(100% - 4px)!important;margin-left:1.5px!important;width:20px!important;margin-top:1px!important;margin-bottom:1px!important}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-image:url(/images/scroll-bar/scroll-middle-lines-hover.png),url(/images/scroll-bar/scroll-middle-base-hover.png)!important;background-repeat:no-repeat,no-repeat!important;background-position:calc(50% + 1.5px) center,center top!important;background-size:auto auto,100% 100%!important}.custom-scrollbar::-webkit-scrollbar-thumb:active{background-image:url(/images/scroll-bar/scroll-middle-lines-pressed.png),url(/images/scroll-bar/scroll-middle-base-pressed.png)!important;background-repeat:no-repeat,no-repeat!important;background-position:calc(50% + 1.5px) center,center top!important;background-size:auto auto,100% 100%!important}.custom-scrollbar::-webkit-scrollbar-button:single-button:vertical:decrement{height:16px!important;background-image:url(/images/scroll-bar/scroll-up-arrow.png),url(/images/scroll-bar/scroll-body-base.png)!important;background-repeat:no-repeat,repeat-y!important;background-position:calc(50% + 1px) top,center top!important;background-size:20px 16px,100% auto!important;display:block!important}.custom-scrollbar::-webkit-scrollbar-button:single-button:vertical:increment{height:16px!important;background-image:url(/images/scroll-bar/scroll-down-arrow.png),url(/images/scroll-bar/scroll-body-base.png)!important;background-repeat:no-repeat,repeat-y!important;background-position:calc(50% + 1px) bottom,center top!important;background-size:20px 16px,100% auto!important;display:block!important;margin-top:1px!important}.custom-scrollbar::-webkit-scrollbar-button:single-button:vertical:decrement:hover{background-image:url(/images/scroll-bar/scroll-up-arrow-hover.png),url(/images/scroll-bar/scroll-body-base.png)!important;background-position:calc(50% + 1px) top,center top!important;background-size:20px 16px,100% auto!important;background-repeat:no-repeat,repeat-y!important}.custom-scrollbar::-webkit-scrollbar-button:single-button:vertical:decrement:active{background-image:url(/images/scroll-bar/scroll-up-arrow-pressed.png),url(/images/scroll-bar/scroll-body-base.png)!important;background-position:calc(50% + 1px) top,center top!important;background-size:20px 16px,100% auto!important;background-repeat:no-repeat,repeat-y!important}.custom-scrollbar::-webkit-scrollbar-button:single-button:vertical:increment:hover{background-image:url(/images/scroll-bar/scroll-down-arrow-hover.png),url(/images/scroll-bar/scroll-body-base.png)!important;background-position:calc(50% + 1px) bottom,center top!important;background-size:20px 16px,100% auto!important;background-repeat:no-repeat,repeat-y!important}.custom-scrollbar::-webkit-scrollbar-button:single-button:vertical:increment:active{background-image:url(/images/scroll-bar/scroll-down-arrow-pressed.png),url(/images/scroll-bar/scroll-body-base.png)!important;background-position:calc(50% + 1px) bottom,center top!important;background-size:20px 16px,100% auto!important;background-repeat:no-repeat,repeat-y!important}@media (max-width:600px){.window{width:90%;left:5%!important;top:60px!important}}.taskbar-clock{position:absolute;top:50%;left:62%;transform:translate(-50%,-50%);color:#fff;font-family:Segoe UI,Tahoma,sans-serif;font-size:14px;font-weight:400;white-space:nowrap;user-select:none;-webkit-user-select:none;pointer-events:none;z-index:10}.start-menu{position:fixed;left:0;bottom:37px;z-index:1001;-webkit-user-select:none;user-select:none}.start-menu-bg{display:block;height:auto;max-height:80vh}.start-menu .menu-item{position:absolute;cursor:pointer;opacity:0;transition:opacity .1s ease;background:transparent;pointer-events:auto;z-index:1}.start-menu .menu-item img{display:block;width:auto;height:auto}.start-menu .menu-item:hover{opacity:1;z-index:2}.start-menu .my-documents{left:196px;top:73px}.start-menu .my-pictures{left:196px;top:105px}.start-menu .my-music{left:196px;top:137px}.start-menu .my-computer{left:196px;top:169px}.start-menu .control-panel{left:196px;top:209px}.start-menu .help-support{left:196px;top:249px}.start-menu .search{left:196px;bottom:168px}.start-menu .run{left:196px;bottom:136px}.start-menu .all-programs{left:7px;top:405px}.start-menu .contact-me{left:7px;top:361px}.start-menu .github{left:7px;top:110px}.start-menu .letterboxd{left:7px;top:321px}.start-menu .linkedin{left:7px;top:71px}.start-menu .minesweeper{left:7px;top:241px}.start-menu .notepad{left:7px;top:163px;max-height:40px;overflow:hidden}.start-menu .paint{left:7px;top:202px}.start-menu .spotify{left:7px;top:281px}.menu-item.all-programs{position:absolute}.programs-submenu{position:absolute;top:-216px;left:140px;transform:none;background:#fff;border:1px solid #7f7f7f;border-left:3px solid #3B82F6;box-shadow:1px 1px 3px #00000059;min-width:160px;padding:2px 0;z-index:2000}.program-item{padding:2px 10px;cursor:pointer;font-family:Tahoma,sans-serif;font-size:11px;color:#000;white-space:nowrap;display:flex;align-items:center;gap:6px}.program-item:hover{background:#316ac5;color:#fff}.program-item-icon{width:18px!important;height:18px!important;flex:0 0 18px!important;object-fit:contain;image-rendering:auto;display:block}.start-menu{position:fixed;left:0;bottom:38px;z-index:10001;-webkit-user-select:none;user-select:none}.start-menu img{display:block;height:auto;max-height:80vh}.taskbar{position:fixed;left:0;right:0;bottom:0;height:40px;display:flex;overflow:visible;-webkit-user-select:none;user-select:none;z-index:10000}.taskbar-left{flex-shrink:0;position:relative;cursor:pointer;height:100%}.taskbar-left img{display:block;height:100%;width:auto}.taskbar-center{flex:1;position:relative;overflow:hidden;height:100%}.taskbar-center .taskbar-bg{width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0}.taskbar-tasks{position:relative;z-index:1;display:flex;gap:0;padding:3px 4px;height:100%;align-items:center}.taskbar-task{position:relative;height:41px;min-width:160px;max-width:200px;cursor:pointer;flex-shrink:0}.taskbar-task .task-bg{position:absolute;top:0;left:0;width:100%;height:100%;display:block;z-index:0;object-fit:fill}.task-content{position:relative;z-index:1;display:flex;align-items:center;gap:6px;padding:0 8px;height:100%}.task-icon{width:18px;height:18px;flex-shrink:0;margin-top:0;margin-left:5px}.task-label{font-size:13px;font-family:Tahoma,Segoe UI,sans-serif;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0;margin-left:0}.taskbar-right{flex-shrink:0;position:relative;height:100%}.taskbar-right img{display:block;height:100%;width:auto}.taskbar-img{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.folder-view{height:100%;display:flex;flex-direction:column;font-family:Tahoma,sans-serif;font-size:11px;background:#fff;color:#333}.folder-menu-bar{display:flex;align-items:center;gap:2px;padding:2px 0 2px 4px;background:#ece9d8;border-bottom:1px solid #a0a09c}.menu-bar-spacer{flex:1}.menu-bar-logo-container{display:flex;align-items:center;justify-content:center;padding:0 8px;margin-left:4px;margin-top:-2px;margin-bottom:-1px;border-left:1px solid #a0a09c;background:#fff;align-self:stretch}.menu-bar-logo{width:20px;height:20px;object-fit:contain}.folder-menu-bar .menu-item{padding:2px 6px;cursor:default;-webkit-user-select:none;user-select:none}.folder-menu-bar .menu-item:hover{background:#316ac5;color:#fff}.folder-toolbar{display:flex;align-items:center;gap:2px;padding:3px 6px;background:linear-gradient(180deg,#ece9d8,#ebe9dd);border-bottom:1px solid #919b9c}.toolbar-btn{display:flex;align-items:center;gap:4px;padding:3px 5px;border:1px solid transparent;background:transparent;cursor:pointer;border-radius:3px}.toolbar-btn:hover{background:linear-gradient(180deg,#fff,#e4e1d4);border:1px solid #c1c1b7}.toolbar-btn--nav{padding:3px 4px}.toolbar-btn--disabled{opacity:.5;cursor:default}.toolbar-btn--disabled:hover{background:transparent;border:1px solid transparent}.toolbar-btn-icon{width:22px;height:22px;object-fit:contain}.toolbar-btn-text{font-size:11px;color:#000}.toolbar-btn-caret{font-size:10px;color:#000;margin-left:1px}.toolbar-separator{width:1px;height:28px;background:#a0a09c;margin:0 4px}.toolbar-btn--views{padding:3px 5px}.address-bar{display:flex;align-items:center;gap:4px;padding:3px 6px;background:linear-gradient(180deg,#f7f6f3,#ebe9dd);border-bottom:1px solid #919b9c}.address-label{font-size:11px;color:gray;padding-right:4px}.address-field{flex:1;display:flex;align-items:center;background:#fff;border:1px solid #7f9db9;border-radius:0;padding:1px 2px}.address-icon{width:16px;height:16px;margin-right:4px;object-fit:contain}.address-input{flex:1;border:none;font-size:11px;font-family:inherit;background:transparent;padding:2px 0}.address-input:focus{outline:none}.address-dropdown-btn{font-size:8px;color:#444;padding:0 4px;cursor:pointer}.address-go-btn{display:flex;align-items:center;gap:3px;padding:2px 6px;border:none;background:transparent;cursor:pointer}.address-go-btn:hover{background:#e4e1d8}.address-go-btn img{width:18px;height:18px;object-fit:contain}.address-go-btn span{font-size:11px;color:#000}.folder-body{display:flex;flex:1;min-height:0;overflow:hidden}.folder-sidebar{width:180px;background:linear-gradient(180deg,#7aa0e7,#6f8fe1 60%,#6376d6);padding:8px;overflow-y:auto}.sidebar-panel{background:linear-gradient(180deg,#d6dff7,#c4d4f2,#b8c9ed);border:1px solid #8299BC;border-radius:5px;margin-bottom:8px;overflow:hidden}.sidebar-panel--collapsed .sidebar-panel-list{display:none}.sidebar-panel-header{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:linear-gradient(180deg,#fff,#c8d7f0);cursor:pointer;-webkit-user-select:none;user-select:none}.sidebar-panel-title{font-weight:700;font-size:11px;color:#39638c}.folder-content{flex:1;background:#fff;padding:0;overflow:hidden}.about-main{width:100%;height:100%;overflow-y:auto;padding:20px 24px}.about-block{display:flex;align-items:flex-start;gap:24px;margin-bottom:28px}.about-block--row{flex-direction:row}.about-block--reverse{flex-direction:row-reverse}.about-image{max-width:180px;height:auto;border:1px solid #999;background:#fafafa;padding:4px;box-shadow:2px 2px 4px #00000026;flex-shrink:0}.about-text{flex:1;line-height:1.7;font-size:15px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;text-align:justify;font-weight:600;color:#01004e}.about-text+.about-text{margin-top:8px}.sidebar-collapse-btn{width:16px;height:16px;border:1px solid #8eb4e6;background:linear-gradient(180deg,#fff,#b8d4f8);border-radius:50%;font-size:14px;color:#2c5daa;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;transform:rotate(-90deg);line-height:1;padding-bottom:3px}.sidebar-collapse-btn--down{transform:rotate(90deg)}.sidebar-panel-list{list-style:none;margin:0;padding:6px 8px 8px}.sidebar-link{display:flex;align-items:center;gap:6px;padding:3px 4px;cursor:pointer}.sidebar-link-icon{width:16px;height:16px;object-fit:contain}.sidebar-link-text{font-size:11px;color:#2533a3}.sidebar-link:hover .sidebar-link-text{color:#2a73ff;text-decoration:underline}.folder-content{flex:1;background:#fff;overflow-y:auto;overflow-x:hidden;padding-right:0}.folder-icons{display:flex;flex-wrap:wrap;gap:8px;padding:12px;align-content:flex-start}.folder-icon-item{display:flex;flex-direction:column;align-items:center;width:80px;padding:4px;cursor:pointer;border-radius:2px}.folder-icon-item:hover{background:#316ac51a}.folder-icon-img{width:48px;height:48px;object-fit:contain;margin-bottom:4px}.folder-icon-label{font-size:11px;text-align:center;word-break:break-word;line-height:1.2}.projects-content{padding:0}.projects-shell{display:flex;flex-direction:column;min-height:100%}.projects-bar{height:90px;background:linear-gradient(to right,rgba(255,255,255,.35) 0%,rgba(255,255,255,.15) 80px,transparent 150px),#6486dd;border-bottom:1px solid #ffffff}.projects-bar-bottom{border-top:1px solid #ffffff;border-bottom:none}.projects-bar-top{display:flex;align-items:center;padding-left:10px}.projects-bar-logo{width:200px;height:auto}.projects-main-row{flex:1;display:flex;background:#fff}.projects-sidebar{width:240px;background:#f4f5fb;border-right:1px solid #ffffff;padding:10px 8px}.projects-sidebar-title{font-weight:700;font-size:16px;color:#1b3f7a;margin-bottom:10px;font-family:Tahoma,Arial,sans-serif}.projects-sidebar-list{list-style:none;margin:0;padding:0}.projects-sidebar-item{display:flex;align-items:center;gap:6px;padding:3px 2px;cursor:pointer;font-size:12px}.projects-sidebar-item img{width:20px;height:20px;object-fit:contain}.projects-sidebar-item span{color:#039}.projects-sidebar-item:hover span{text-decoration:underline}.projects-main{flex:1;background-image:linear-gradient(#ffffffd9,#ffffffd9),url(/images/xpbackground.jpg);background-size:cover;background-position:center;min-height:260px}.projects-main-inner{height:100%;padding:18px 22px 22px;overflow-y:auto}.project-detail{max-width:960px;margin:0 0 18px}.project-detail--full{max-width:100%}.project-header-box{background:linear-gradient(to bottom,#fff,#ece9d8);padding:16px;margin-bottom:16px;display:flex;gap:16px;align-items:flex-start;box-shadow:2px 2px 4px #00000026;border-radius:8px}.project-header-image{height:auto}.project--powerlift .project-header-image{width:300px}.project--phlang .project-header-image{width:100px}.project--cinegang .project-header-image{width:300px}.project--colorgame .project-header-image{width:100px}.project-header-content{flex:1}.project-title{margin:0 0 4px;font-size:24px;font-weight:700;color:#039;font-family:Tahoma,Trebuchet MS,Arial,sans-serif}.project-subtitle{margin:0 0 10px;font-size:13px;color:#666;font-style:italic}.project-description{margin:0;font-size:13px;line-height:1.5;color:#000}.project-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}.project-info-box{border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;box-shadow:2px 2px 4px #00000026;border-radius:8px;overflow:hidden}.project-info-box--blue,.project-info-box--green,.project-info-box--orange{background:linear-gradient(to bottom,#e8f0ff,#d4e4ff)}.project-info-header{background:#8aaae6;color:#fff;padding:6px 12px;font-size:12px;font-weight:700;font-family:Tahoma,Arial,sans-serif}.project-info-body{padding:10px;font-size:12px;line-height:1.5;color:#000}.project-xp-section{background:#ece9d8;border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;padding:12px;margin-bottom:16px;box-shadow:2px 2px 4px #00000026;border-radius:8px}.project-xp-header{font-size:14px;font-weight:700;color:#039;margin-bottom:10px;font-family:Tahoma,Arial,sans-serif}.project-tech-badges{display:flex;flex-wrap:wrap;gap:6px}.tech-badge{background:linear-gradient(to bottom,#fff,#d4d0c8);border:1px solid;border-color:#ffffff #808080 #808080 #ffffff;padding:4px 10px;font-size:11px;font-weight:600;color:#000;box-shadow:1px 1px 2px #0000001a}.project-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.project-feature-card{background:#fff;border:2px solid;border-color:#dfdfdf #808080 #808080 #dfdfdf;padding:10px;text-align:center;border-radius:8px}.feature-icon{font-size:28px;margin-bottom:6px;display:flex;justify-content:center;align-items:center}.feature-icon img{width:32px;height:32px;object-fit:contain}.feature-title{font-size:12px;font-weight:700;color:#000;margin-bottom:4px}.feature-text{font-size:11px;line-height:1.4;color:#333}.project-screenshots-box{background:#ece9d8;border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;padding:12px;margin-bottom:16px;box-shadow:2px 2px 4px #00000026;border-radius:8px}.project-screenshot-image{max-width:100%;width:auto;max-height:280px;object-fit:contain;border:1px solid #808080;display:block;margin:8px auto 0;border-radius:4px}.project-link-box{text-align:center;margin-bottom:16px}.project-github-link{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,#fff,#ece9d8 45%,#d4d0c8);border:1px solid;border-color:#ffffff #808080 #808080 #ffffff;padding:4px 10px;font-size:11px;font-weight:400;color:#000;text-decoration:none;box-shadow:1px 1px 2px #0000001a;font-family:Tahoma,Arial,sans-serif;gap:4px;border-radius:2px}.project-github-link:hover{background:linear-gradient(to bottom,#fff,#f0ede5 45%,#e0dcd4)}.project-github-link:active{border-color:#808080 #ffffff #ffffff #808080;background:linear-gradient(to bottom,#d4d0c8,#ece9d8)}.github-icon{display:flex;align-items:center;justify-content:center;line-height:1}.github-icon img{width:12px;height:12px;object-fit:contain}.project-screenshot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:10px}.project-screenshot-item{text-align:center;margin:0}.project-screenshot-item .project-screenshot-image{width:100%;height:100px;max-height:100px;object-fit:cover;border-radius:4px;margin:0}.project-screenshot-caption{margin-top:6px;font-size:11px;color:#333;font-family:Segoe UI,Tahoma,Arial,sans-serif;font-weight:500}.project-tagline{margin:0 0 16px;font-size:14px;color:#1b3f7a}.project-article{overflow:hidden}.project-float-image{float:right;max-width:280px;margin:0 0 16px 20px;border:1px solid #9ca9d8;background:#f8f9ff;box-shadow:2px 2px 4px #0000002e}.project-tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:10px}.project-tech-item{background:#f0f2fa;border:1px solid #c8cee8;padding:8px 10px;border-radius:3px}.project-tech-item strong{display:block;font-size:11px;color:#1b3f7a;margin-bottom:2px}.project-tech-item span{font-size:12px;color:#1f2450}.project-scores-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:12px}.project-score-card{background:#f7f8fc;border:1px solid #d0d5e8;border-left:3px solid #2E52AA;padding:12px 14px}.project-score-card h3{margin:0 0 6px;font-size:13px;font-weight:700;color:#2e52aa}.project-score-card p{margin:0;font-size:12px;line-height:1.5;color:#1f2450}.project-list--ordered{list-style:decimal}.project-intro-row{display:flex;align-items:flex-start;flex-wrap:wrap;gap:18px;margin-bottom:16px}.project-intro-text{flex:1}.project-images{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.project-image{max-width:100%;border:1px solid #9ca9d8;background:#f8f9ff;box-shadow:2px 2px 4px #0000002e}.project-image--primary{align-self:flex-start;max-width:320px}.project-image--secondary{align-self:flex-start}.project-image--manual{max-width:85%}.project-image--architecture{max-width:100%}.project-section{margin-bottom:18px}.project-section-title{margin:0 0 6px;font-size:14px;font-weight:700;color:#1b3f7a}.project-section-subtitle{margin:0 0 4px;font-size:13px;font-weight:700;color:#1b3f7a}.project-section-text{margin:0;font-size:13px;line-height:1.6;color:#1f2450}.project-section--columns{display:flex;gap:20px}.project-column{flex:1}.project-list{margin:4px 0 0 18px;padding:0;font-size:13px;color:#1f2450}.project-list li{margin-bottom:4px}.projects-sidebar-item--active{background:#316ac51f}.projects-sidebar-item--active span{font-weight:700}.projects-status-bar{height:22px;background:#ebe9db;border-top:1px solid #c0c0c0}@media (min-width: 1200px){.projects-sidebar{width:260px}.projects-sidebar-item{font-size:14px;padding:5px 4px}.projects-sidebar-item img{width:24px;height:24px}.project-header-box{padding:20px;gap:20px}.project-header-image{width:200px}.project-title{font-size:28px}.project-subtitle,.project-description{font-size:14px}.project-info-header{font-size:13px;padding:5px 12px}.project-info-body{font-size:13px;padding:12px}.project-xp-header{font-size:15px}.tech-badge{font-size:12px;padding:5px 12px}.project-features-grid{grid-template-columns:repeat(4,1fr);gap:12px}.feature-icon{font-size:32px}.feature-title{font-size:13px}.feature-text{font-size:12px}}@media (min-width: 1500px){.projects-sidebar{width:280px}.projects-sidebar-item{font-size:15px;padding:6px 5px}.projects-sidebar-item img{width:26px;height:26px}.projects-main-inner{padding:24px 32px}.project-header-box{padding:24px;gap:24px}.project-header-image{width:300px}.project-title{font-size:30px}.project-subtitle,.project-description{font-size:15px}.project-content-grid{gap:16px}.project-info-header{font-size:14px;padding:6px 14px}.project-info-body{font-size:14px;padding:14px}.project-xp-section{padding:16px}.project-xp-header{font-size:16px;margin-bottom:12px}.tech-badge{font-size:13px;padding:6px 14px}.feature-icon{font-size:36px}.feature-title{font-size:14px}.feature-text{font-size:13px}.project-github-link{font-size:14px;padding:10px 24px}}@media (max-width: 900px){.projects-main-inner{padding:12px 14px 16px}.project-detail{max-width:100%}.project-header-box{flex-direction:column;align-items:center;text-align:center;padding:12px}.project-header-image{width:140px}.project-content-grid{grid-template-columns:1fr}.project-features-grid{grid-template-columns:repeat(2,1fr)}.project-xp-section{padding:10px}}.screenshot-viewer{--viewer-width: 640px;--viewer-image-height: 260px;display:flex;flex-direction:column;align-items:center;margin-top:10px}.screenshot-viewer-main{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:var(--viewer-width)}.screenshot-viewer-image-container{flex:1;display:flex;align-items:center;justify-content:center;min-height:180px;background:#1a1a1a;border:1px solid #808080;border-radius:4px;overflow:hidden}.screenshot-viewer-image{max-width:100%;max-height:var(--viewer-image-height);object-fit:contain}.screenshot-nav-btn{width:28px;height:40px;background:linear-gradient(to bottom,#fff,#ece9d8 45%,#d4d0c8);border:1px solid;border-color:#ffffff #808080 #808080 #ffffff;border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;font-size:20px;font-family:Arial,sans-serif;color:#333;font-weight:400;line-height:1;flex-shrink:0}.screenshot-nav-btn:hover:not(:disabled){background:linear-gradient(to bottom,#fff,#f0ede5 45%,#e0dcd4)}.screenshot-nav-btn:active:not(:disabled){border-color:#808080 #ffffff #ffffff #808080;background:linear-gradient(to bottom,#d4d0c8,#ece9d8)}.screenshot-nav-btn:disabled{opacity:.4;cursor:default}.screenshot-viewer-footer{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px;width:100%;max-width:var(--viewer-width)}.screenshot-viewer-caption{font-family:Tahoma,sans-serif;font-size:11px;color:#333}.screenshot-viewer-counter{font-family:Tahoma,sans-serif;font-size:10px;color:#666}.screenshot-viewer--powerlift{--viewer-width: 660px;--viewer-image-height: 400px}.screenshot-viewer--phlang{--viewer-width: 800px;--viewer-image-height: 500px}.screenshot-viewer--cinegang{--viewer-width: 900px;--viewer-image-height: 900px}.screenshot-viewer--colorgame{--viewer-width: 580px;--viewer-image-height: 700px}.contact-window{height:100%;display:flex;flex-direction:column;background:#ece9d8;font-family:Tahoma,sans-serif;font-size:11px}.contact-body{flex:1;padding:10px 12px}.contact-form{display:flex;flex-direction:column;gap:8px}.field-row{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:6px}.field-row-textarea{align-items:flex-start}.field-row label{text-align:left;padding-top:2px}.field-value{padding:2px 4px;color:#000}.field-row input,.field-row textarea{font-family:Tahoma,sans-serif;font-size:11px;padding:2px 4px;border:1px solid #7f9db9;outline:none}.field-row input:focus,.field-row textarea:focus{border-color:#316ac5}.field-row textarea{min-height:120px;resize:vertical}.contact-buttons{margin-top:10px;display:flex;justify-content:flex-end;gap:6px}.btn-primary,.btn-secondary{min-width:75px;padding:2px 10px;font-family:Tahoma,sans-serif;font-size:11px;border-radius:0;border:1px solid #7f9db9;background:#e1e1e1;box-shadow:inset -1px -1px #0a246a,inset 1px 1px #fff;cursor:pointer}.btn-primary:hover,.btn-secondary:hover{background:#f2f2f2}.btn-primary:active,.btn-secondary:active{background:#d4d4d4;box-shadow:inset 1px 1px #0a246a,inset -1px -1px #fff}:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors: active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--total-scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--total-scale-factor));width:100%;min-width:calc(180px * var(--total-scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--total-scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) #888;border-radius:calc(2px * var(--total-scale-factor));padding:calc(6px * var(--total-scale-factor));margin-left:calc(5px * var(--total-scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--total-scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--total-scale-factor));padding-top:calc(2px * var(--total-scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer: 1;--highlight-bg-color: rgba(180, 0, 170, 1);--highlight-selected-bg-color: rgba(0, 100, 0, 1)}@media screen and (forced-colors: active){:root{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer{position:absolute;text-align:initial;top:0;right:0;bottom:0;left:0;overflow:hidden;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;margin:0;transform-origin:0 0}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;top:100%;right:0;bottom:0;left:0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{position:absolute;top:0;left:0;width:0;height:0;display:none}.adobe-reader{height:100%;display:flex;flex-direction:column;font-family:Tahoma,sans-serif;font-size:11px;background:#ece9d8;color:#000}.adobe-menu-bar{display:flex;align-items:center;gap:2px;padding:2px 4px;background:#ece9d8;border-bottom:none!important}.adobe-menu-icon{width:16px;height:16px;object-fit:contain;margin-right:6px}.adobe-menu-item{padding:2px 6px;cursor:default;-webkit-user-select:none;user-select:none}.adobe-menu-item:hover{background:#316ac5;color:#fff}.adobe-toolbar{display:flex;align-items:center;gap:1px;padding:3px 4px;background:#ece9d8;border-bottom:none!important}.adobe-toolbar-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:2px;border:1px solid transparent;background:transparent;cursor:pointer;border-radius:2px}.adobe-toolbar-btn:hover{background:linear-gradient(180deg,#fff,#e4e1d4);border:1px solid #c1c1b7}.adobe-toolbar-btn img{width:20px;height:20px;object-fit:contain}.adobe-toolbar-separator{width:1px;height:20px;background:#919b9c;margin:0 4px}.adobe-zoom-display{padding:0 8px;font-size:11px;color:#000;-webkit-user-select:none;user-select:none;min-width:40px;text-align:center}.adobe-content{flex:1;display:flex;background-color:#cbc8b7;min-height:0;overflow:hidden}.adobe-pdf-container{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:16px 0;overflow-y:auto;overflow-x:hidden;background-color:#cbc8b7}.adobe-pdf-document{display:flex;flex-direction:column;gap:16px;padding:0 16px;margin:0 auto;align-items:center}.adobe-pdf-page{box-shadow:3px 3px 6px #0000004d;background:#fff}.adobe-pdf-page canvas{display:block}.adobe-bottom-bar{height:24px;min-height:24px;background:#ede9d9;border-top:1px solid #cac4b4;flex-shrink:0}.confirm-dialog{padding:8px 12px 10px;font-family:Tahoma,sans-serif;font-size:11px;color:#000;background:#ece9d8;height:100%;display:flex;flex-direction:column;box-sizing:border-box}.confirm-content{display:flex;align-items:center;justify-content:center;text-align:left;gap:4px;margin-bottom:12px;flex:1}.confirm-info-icon{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.confirm-info-icon img{width:24px;height:24px;object-fit:contain}.confirm-message{flex:1;line-height:1.4;padding-top:0;color:#000;text-align:center}.confirm-buttons{display:flex;gap:8px;justify-content:center;margin-top:4px}.xp-button{min-width:75px;height:23px;padding:0 12px;border:1px solid #7f9db9;border-radius:0;background:#e1e1e1;box-shadow:inset -1px -1px #0a246a,inset 1px 1px #fff;cursor:pointer;font-family:Tahoma,sans-serif;font-size:11px;font-weight:400;color:#000;text-align:center;-webkit-user-select:none;user-select:none;outline:none}.xp-button:hover{background:#f2f2f2}.xp-button:active{background:#d4d4d4;box-shadow:inset 1px 1px #0a246a,inset -1px -1px #fff;padding-top:1px;padding-bottom:0}.notepad{display:flex;flex-direction:column;height:100%;background:#f1efe2;font-family:Tahoma,sans-serif;font-size:12px;color:#000}.notepad-menu-bar{display:flex;gap:12px;padding:2px 8px;background:#ece9d8;border-bottom:1px solid #b5b0a4}.notepad-menu-bar .menu-item{cursor:default;-webkit-user-select:none;user-select:none;padding:2px 4px}.notepad-menu-bar .menu-item:hover{background:#316ac5;color:#fff}.notepad-body{flex:1;background:#fff}.notepad-bottom-bar{height:24px;min-height:24px;background:#ede9d9;border-top:1px solid #cac4b4;flex-shrink:0}.notepad-textarea{width:100%;height:100%;border:none;outline:none;resize:none;padding:8px;font-family:Courier New,monospace;font-size:10pt;line-height:1.2;color:#000;background:#fff;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.icons{position:absolute;left:0;top:3px;display:flex;flex-direction:column;gap:18px}.windows{position:relative}.desktop{height:100%;background-image:url(/images/xpbackground.jpg);background-size:cover;background-position:center;background-attachment:fixed;position:relative;overflow:hidden}:root{--xp-blue:#0b57a4;--xp-bg:#0f5aa6;--text:#fff;--muted:rgba(255,255,255,.85)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;cursor:default}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text);background:var(--xp-bg);overflow:hidden}