.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}.base-window-title-bar{cursor:default!important}.about-me-window{width:500px;font-size:14px;word-spacing:.1em;.content{width:100%}}.contact-window{width:350px;min-width:300px;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;min-width:280px}.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;min-width:unset;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}}.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}