:root{--window-width:500px;--window-min-height:140px;--cover-size:100px;--window-margin:20px}body{overflow-x:hidden}.status-bar-mobile .status-bar-buttons{scrollbar-width:none;-ms-overflow-style:none}.media-player-window{width:500px}.media-player-menu{display:flex;gap:0;margin:-7px 0 5px -7px;flex-wrap:wrap}.media-player-content{display:flex;gap:12px}.media-player-cover{width:25%;min-width:100px}.media-player-track-info{flex:1;display:flex;flex-direction:column;gap:8px}.media-player-time-volume{display:flex;justify-content:space-between;gap:10px;font-size:14px}.media-player-time-display{font-family:monospace;border:2px inset #c0c0c0;padding:2px 6px;box-shadow:inset 1px 1px 2px rgba(0,0,0,.3);background:#fff;display:flex;align-items:center;justify-content:center;min-width:140px;width:250px;height:25px}.media-player-volume{display:flex;align-items:center;gap:4px;max-width:80px}.media-player-controls{gap:4px;margin:4px 0 0;justify-content:space-between}@media screen and (max-width:768px){:root{--window-width:90%;--window-min-height:130px;--cover-size:80px;--window-margin:15px}.media-player-window{width:90vw;max-width:450px}.base-window{width:var(--window-width);margin:var(--window-margin) auto;left:50%;transform:translateX(-50%);position:relative;top:0;max-width:100%;box-sizing:border-box}.window-body menu[role=menubar]{flex-wrap:wrap;gap:2px}.win98-menu-item{font-size:14px;padding:2px 6px}.media-player-menu{margin:-7px 0 8px -7px}.media-player-time-display{min-width:120px;width:200px}.status-bar-mobile{padding:1px 3px!important}.status-bar-mobile .status-bar-buttons{gap:1px}.resume-container{max-height:70vh}.resume-controls{flex-wrap:wrap;justify-content:center;gap:8px}}@media screen and (max-width:480px){:root{--window-width:95%;--window-min-height:120px;--cover-size:70px;--window-margin:10px}.media-player-window{width:95vw}.base-window{position:static;margin:var(--window-margin) auto;max-height:90vh;overflow-y:auto;width:var(--window-width);box-sizing:border-box}.window-body{padding:4px;width:100%;box-sizing:border-box}.media-player-content{flex-direction:column;gap:8px;width:100%;box-sizing:border-box}.cover-container,.media-player-cover{width:35%;min-width:var(--cover-size);margin:0 auto;align-self:center}.media-player-track-info,.track-info{text-align:center;width:100%;box-sizing:border-box}.media-player-time-volume,.time-volume-controls{flex-direction:column;align-items:center;gap:8px;width:100%;box-sizing:border-box}.media-player-time-display,.time-display{width:180px;min-width:180px}.media-player-volume,.volume-control{margin-left:0}.media-player-controls,.media-player-volume,.playback-controls,.volume-control{justify-content:center;width:100%;box-sizing:border-box}.media-player-menu{flex-wrap:wrap;gap:1px;margin:-7px 0 8px -7px;justify-content:center}.win98-menu-item{font-size:12px;padding:3px 8px;min-width:auto;flex:1;text-align:center}.status-bar-mobile{height:26px!important;font-size:10px!important}.status-bar-mobile .status-bar-buttons{overflow-x:scroll;flex-wrap:nowrap}.status-bar-mobile .win98-toolbar-button{padding:2px 4px!important;font-size:10px!important;min-width:auto!important;flex-shrink:0}.about-me-content{flex-direction:column;align-items:center;text-align:center;width:100%;box-sizing:border-box}.profile-image{width:120px;height:120px}.contact-form{padding:8px}.contact-form,.contact-input,.project-grid{width:100%;box-sizing:border-box}.project-grid{grid-template-columns:1fr;gap:10px}.status-bar{font-size:12px;padding:2px 4px;width:100%;box-sizing:border-box}}@media screen and (max-width:320px){:root{--window-width:100%;--window-min-height:110px;--cover-size:60px;--window-margin:5px}.media-player-window{width:98vw}.base-window{border-radius:0;margin:var(--window-margin) auto;left:50%;transform:translateX(-50%);position:relative;top:0;width:var(--window-width);max-width:100%;box-sizing:border-box}.window-body{width:100%;box-sizing:border-box}.media-player-time-display,.time-display{width:150px;min-width:150px}.win98-menu-item{font-size:11px;padding:2px 4px}.win98-toolbar-button{padding:2px 4px;font-size:12px}.window-title{font-size:12px}.status-bar-mobile{height:24px!important;font-size:9px!important}.status-bar-mobile .win98-toolbar-button{padding:1px 3px!important;font-size:9px!important}.status-bar-mobile .status-bar-time{font-size:9px!important;padding:2px 4px!important;min-width:40px!important}.resume-container{max-height:60vh;width:100%;box-sizing:border-box}.zoom-controls{gap:4px;width:100%;box-sizing:border-box}.zoom-button{padding:2px 4px;font-size:12px}}.window{box-shadow:5px 5px 5px rgba(0,0,0,.3);transition:transform .2s ease}.mobile-window{box-shadow:2px 2px 4px rgba(0,0,0,.3)}.mobile-window .title-bar{min-height:20px}.mobile-window .title-bar-controls button{min-width:20px;min-height:16px;font-size:12px}.mobile-window .window-body{-webkit-overflow-scrolling:touch}.window .content{padding:10px}.window h4{margin-top:0;margin-bottom:10px}.about-me-window{width:500px;font-size:14px;word-spacing:.1em;.content{width:100%}}.contact-window{width:350px;font-size:14px;label{font-size:16px}}.project-list-window{width:450px}.project-item{border:1px solid transparent}.project-item:hover{border:1px dashed #000080}.project-item.selected:hover{border:1px solid #000080}.resume-window{width:600px;height:500px}@media screen and (max-width:768px){.about-me-window{width:350px}.contact-window{width:320px}.project-list-window{width:400px}.resume-window{width:500px;height:450px}.window .content{padding:8px}.window h4{margin-bottom:12px}.mobile-window{max-width:95vw!important;box-sizing:border-box}}@media screen and (max-width:480px){.about-me-window,.contact-window,.project-list-window,.resume-window{width:90vw;max-width:90vw;left:5vw!important;transform:none!important}.resume-window{height:80vh}.window .content{padding:6px;font-size:14px}.window h4{margin-bottom:10px;font-size:16px}.project-item{padding:6px!important}.mobile-window{position:fixed!important;top:20px!important;max-width:95vw!important;max-height:85vh!important;margin:0!important;box-sizing:border-box}.mobile-window .window-body{max-height:calc(85vh - 30px);overflow-y:auto;-webkit-overflow-scrolling:touch}.about-me-window.mobile-window,.contact-window.mobile-window,.info-panel-window.mobile-window,.project-list-window.mobile-window,.resume-window.mobile-window{width:90vw!important;left:5vw!important;right:auto!important;transform:none!important;position:fixed!important}}@media screen and (max-width:320px){.window .content{padding:4px;font-size:12px}.window h4{margin-bottom:8px;font-size:14px}.project-item{padding:4px!important}.mobile-window{max-width:98vw!important;left:1vw!important;max-height:90vh!important}.mobile-window .title-bar,.mobile-window .title-bar-text{font-size:11px}.mobile-window .window-body{font-size:12px;max-height:calc(90vh - 25px)}.about-me-window.mobile-window,.contact-window.mobile-window,.info-panel-window.mobile-window,.project-list-window.mobile-window,.resume-window.mobile-window{width:98vw!important;left:1vw!important}}.main-container{background-color:rgb(0,128,128);background-image:url(/assets/bg1.gif);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;height:100vh;width:100vw;overflow:hidden;padding:16px;box-sizing:border-box}.mobile-main{align-items:flex-start!important;background-attachment:scroll;overflow:auto;padding:10px}.status-bar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:2px 4px;background-color:#c0c0c0;border-top:1px solid #fff;box-shadow:inset 0 1px 0 0 #dfdfdf,inset 0 0 0 1px #9e9e9e;font-size:12px;height:30px;z-index:9999}.status-bar-buttons{margin:0;overflow-x:visible;flex-wrap:wrap;display:flex;flex:1;min-width:0;-webkit-overflow-scrolling:touch}.status-bar-buttons::-webkit-scrollbar{display:none}.status-bar-button{margin-right:1px;padding:4px 12px;white-space:nowrap;background-color:#c0c0c0;font-size:12px;min-width:auto;overflow:hidden;text-overflow:ellipsis}.status-bar-button.active{background:#dfdfdf;border:2px inset;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf}.status-bar-button:not(.active){background:#c0c0c0;border:2px outset;box-shadow:-1px -1px outset #0a0a0a,1px 1px outset #dfdfdf}.status-bar-time{min-width:60px;text-align:center;padding:3px 6px;margin:0 -2px 0 4px;border:1px solid #888;background:#B0B0B0;font-size:12px;flex-shrink:0}.base-window-title-bar{cursor:move;touch-action:auto}.base-window-body{max-height:none;overflow-y:visible}.mobile-window .base-window-title-bar{cursor:default;touch-action:none}.mobile-window .base-window-body{max-height:80vh;overflow-y:auto}.mobile-alert-window{box-shadow:3px 3px 6px rgba(0,0,0,.4)}@media screen and (max-width:768px){.status-bar-mobile{padding:1px 3px!important;font-size:11px!important;height:28px!important}.status-bar-mobile .status-bar-buttons{gap:1px}.status-bar-mobile .status-bar-button{padding:3px 6px!important;font-size:11px!important}.status-bar-mobile .status-bar-time{min-width:50px!important;font-size:11px!important}.mobile-alert-window{width:95%!important;min-width:200px!important;max-width:280px!important}.mobile-alert-window .window-body{padding:.8rem!important;font-size:13px!important}.mobile-alert-window button{font-size:11px!important;padding:.4em .8em!important;min-width:100px!important}}@media screen and (max-width:480px){.status-bar-mobile{height:26px!important;font-size:10px!important}.status-bar-mobile .status-bar-buttons{overflow-x:scroll;flex-wrap:nowrap;scrollbar-width:none;-ms-overflow-style:none}.status-bar-mobile .win98-toolbar-button{padding:2px 4px!important;font-size:10px!important;min-width:auto!important;flex-shrink:0}.status-bar-mobile .status-bar-time{min-width:45px!important;font-size:10px!important;padding:2px 4px!important}.mobile-alert-window{width:95%!important;min-width:200px!important;max-width:280px!important}.mobile-alert-window .window-body{padding:.8rem!important;font-size:13px!important}.mobile-alert-window button{font-size:11px!important;padding:.4em .8em!important;min-width:100px!important}}@media screen and (max-width:320px){.status-bar-mobile{height:24px!important;font-size:9px!important}.status-bar-mobile .win98-toolbar-button{padding:1px 3px!important;font-size:9px!important}.status-bar-mobile .status-bar-time{font-size:9px!important;padding:2px 4px!important;min-width:40px!important}.mobile-alert-window{width:98%!important;min-width:180px!important;max-width:250px!important}.mobile-alert-window .window-body{padding:.6rem!important;font-size:12px!important}.mobile-alert-window .title-bar-text{font-size:11px!important}.mobile-alert-window button{font-size:10px!important;padding:.3em .6em!important;min-width:80px!important}}.info-panel-main{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 10px;font-size:14px;word-spacing:3px;gap:10px}.info-panel-title{font-size:20px;margin:0 0 10px;line-height:1.3}.info-panel-subtitle{margin:0;font-size:14px;color:#333}.info-panel-container{z-index:1000}@media screen and (max-width:768px){.info-panel-main{padding:25px 20px;min-height:120px}.info-panel-title{font-size:15px}.info-panel-subtitle{font-size:13px}}@media screen and (max-width:480px){.info-panel-main{padding:20px 18px;min-height:100px;gap:12px}.info-panel-title{font-size:14px;line-height:1.4}.info-panel-subtitle{font-size:12px}.info-panel-container .window{max-width:90vw!important;box-sizing:border-box}}@media screen and (max-width:320px){.info-panel-main{padding:18px 15px;min-height:90px;gap:10px}.info-panel-title{font-size:13px;line-height:1.5}.info-panel-subtitle{font-size:11px}.info-panel-container .window{max-width:95vw!important;margin:0 auto}}.loader-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px;background:#c0c0c0;border:2px outset #fff;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf;width:200px;z-index:1000}.loader{width:50px;height:50px;border:5px solid;border-color:#fff #fff #000;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:768px){.loader{width:40px;height:40px;border-width:4px}.loader-container{width:180px}}@media screen and (max-width:480px){.loader{width:30px;height:30px;border-width:3px}.loader-container{width:160px}.loader-bar{height:12px}.loader-block{width:6px}}@media screen and (max-width:320px){.loader{width:25px;height:25px;border-width:2px}.loader-container{width:140px;padding:8px}.loader-bar{height:10px}.loader-block{width:5px}}.loader-bar{width:100%;height:15px;background:#c0c0c0;border:1px solid #808080;overflow:hidden;position:relative}.loader-block{position:absolute;width:8px;height:100%;background:#000080;transition:left .05s linear}