html{scroll-behavior:smooth}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0 0 30px;background-color:#f8ebff;font-family:"Press Start 2P",cursive;color:#4c23cd;font-size:14px;font-smooth:never;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;image-rendering:pixelated;overflow:hidden;position:relative}button,a{-webkit-tap-highlight-color:transparent;outline:none;font-family:inherit}.window-frame{border:2px solid #4C23CD;background-color:#f0d1f1;box-shadow:2px 2px gray;position:absolute;width:calc(100vw - 72px);max-width:900px}.window-frame.is-opening{animation:glitch-open-effect .5s cubic-bezier(.25,.46,.45,.94) both}.window-title-bar{background-color:#eeb1e8;color:#fff;padding:4px 8px;font-size:.8em;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #4C23CD;cursor:grab}.window-frame.is-dragging .window-title-bar{cursor:grabbing}.window-frame.is-dragging{-webkit-user-select:none;user-select:none}.window-title-bar span{background-color:transparent;padding:0;box-shadow:none;color:#4c23cd;display:inline-flex;align-items:center;gap:4px}.title-icon{display:inline-block;width:12px;height:12px;background-color:#000;border:1px solid #FFFFFF;flex-shrink:0}.window-title-bar .controls{display:flex;gap:4px}.window-title-bar .controls button{width:16px;height:16px;background-color:#f0d1f1;border:2px solid #4C23CD;border-right-color:#fff;border-bottom-color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7em;cursor:pointer;color:#4c23cd;flex-shrink:0;transition:background-color .1s ease-out,border .1s ease-out}.window-title-bar .controls button:active{border-color:#fff;border-right-color:#4c23cd;border-bottom-color:#4c23cd;background-color:gray}.window-title-bar .controls .close-btn{background-color:red}.window-content-inner{padding:16px;border:2px solid #FFFFFF}.main-header{width:calc(100vw - 52px);max-width:900px;margin:0 auto;position:fixed;top:26px;left:50%;transform:translate(-50%);z-index:1000}.main-header nav{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background-color:#f0d1f1;border-top:2px solid #FFFFFF;border-left:2px solid #FFFFFF;border-bottom:2px solid #808080;border-right:2px solid #808080;font-size:.9em}.main-header nav a{color:#4c23cd;text-decoration:none;padding:4px 8px;font-weight:700;position:relative;transition:color .2s ease-in-out}.main-header nav a:hover{color:purple}.main-header nav a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:transparent;transition:background-color .2s ease-in-out}.main-header nav a:hover:after{background-color:purple}.main-header .progress-bars-section{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:8px 16px;background-color:#f0d1f1;border-top:2px solid #FFFFFF;border-left:2px solid #FFFFFF;border-bottom:2px solid #808080;border-right:2px solid #808080;font-size:.8em}#desktop-container{position:absolute;top:180px;left:20px;display:flex;flex-direction:column;gap:20px}.desktop-icon{display:flex;flex-direction:column;align-items:center;width:80px;cursor:pointer;text-align:center}.desktop-icon svg{width:64px;height:64px;margin-bottom:8px;filter:drop-shadow(2px 2px 0px rgba(0,0,0,.2));transition:transform .2s ease;stroke:#4c23cd}.desktop-icon:hover svg{transform:scale(1.1)}.desktop-icon p{margin:0;padding:2px 4px;color:#4c23cd;font-size:.8em}.progress-item{display:flex;align-items:center;margin-bottom:8px}.progress-item span{margin-right:8px;color:#4c23cd}.progress-bar-container{width:150px;height:25px;border:2px solid #000000;padding:2px;background-color:#f0d1f1;box-shadow:inset 1px 1px gray,inset -1px -1px #fff;display:flex;align-items:center;overflow:hidden}.progress-bar{height:18px;border:1px solid #000000;box-shadow:inset 1px 1px gray;transition:width .3s ease-in-out}.energy-bar{background-color:red;width:80%}.creativity-bar{background-color:#ff0;width:75%}.brain-bar{background-color:#0f0;width:50%}.about-content,.skills-content,.portfolio-content,.contact-content{background-color:#fff8ff}.about-content{font-size:.9em;line-height:1.6;border-bottom:none}.about-header{display:flex;align-items:center;margin-bottom:16px}.about-header img{width:40px;height:40px;border-radius:50%;margin-right:12px;border:2px solid #000000;flex-shrink:0}.about-header .username{font-weight:700;color:#4c23cd}.about-header .handle{color:#666;font-weight:400}.about-content p{margin-bottom:12px;color:#4c23cd}.about-content a{color:red;font-weight:700;text-decoration:none;transition:text-decoration .2s ease-in-out}.about-content a:hover{text-decoration:underline}.social-stats{display:flex;align-items:center;font-size:.7em;color:#4c23cd;margin-top:20px}.social-stats .social-icon{font-family:Material Symbols Outlined,sans-serif;margin-right:4px}.skills-content{display:flex;justify-content:center;align-items:center;padding:30px}.skills-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;width:100%}.skill-icon-item{display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;position:relative;padding:8px;width:110px;transition:transform .2s ease-out}.skill-icon-item:hover{transform:translateY(-5px)}.skill-icon-item img{width:64px;height:64px;margin-bottom:4px;image-rendering:pixelated}.skill-icon-item p{font-size:.9em;font-weight:700;color:#4c23cd;margin:0}.skill-level{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background-color:#4c23cd;color:#fff;padding:4px 8px;border-radius:2px;font-size:.7em;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,transform .2s ease-in-out;pointer-events:none;z-index:10}.skill-icon-item:hover .skill-level{opacity:1;visibility:visible;transform:translate(-50%) translateY(-5px)}.portfolio-content{background-color:#d6e4f0;padding:30px;display:flex;align-items:center;justify-content:center;min-height:450px}.portfolio-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;width:100%}.project-card-container{position:relative;flex:0 1 380px;min-width:300px}.project-card{display:block;text-decoration:none;background-color:#f0d1f1;border:2px solid #4C23CD;box-shadow:2px 2px gray;transition:transform .2s ease-out,box-shadow .2s ease-out;width:100%}.project-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:4px 6px gray}.project-title-bar{background-color:#eeb1e8;color:#4c23cd;padding:2px 6px;font-size:.7em;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #4C23CD}.project-title-bar .project-controls{display:flex;gap:3px}.project-title-bar .project-controls button{width:12px;height:12px;background-color:#f0d1f1;border:1px solid #4C23CD;border-right-color:#fff;border-bottom-color:#fff;font-size:5px;padding:0;display:flex;align-items:center;justify-content:center}.project-content-area{padding:0;border:none;overflow:hidden;aspect-ratio:16 / 9;background-color:#fff8ff}.project-content-area img{width:100%;height:100%;object-fit:cover;display:block}.project-description{position:absolute;bottom:-10px;left:50%;transform:translate(-50%) translateY(10px);background-color:#eeb1e8;border:2px solid #4C23CD;padding:8px 12px;width:90%;max-width:380px;text-align:center;font-size:.65em;box-shadow:2px 2px gray;opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none;z-index:2}.project-description p{margin:0;color:#4c23cd;text-align:justify;line-height:1.4}.project-card-container:hover .project-description{opacity:1;transform:translate(-50%) translateY(100%)}.contact-content{background-color:#d6e4f0;padding:20px}.contact-grid-container{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 820px){.contact-grid-container{grid-template-columns:1fr 1fr}}.contact-left-column{display:flex;flex-direction:column;gap:20px}.contact-sub-window{border:2px solid #4C23CD;background-color:#f0d1f1;width:100%}.chat-content{display:flex;flex-direction:column;gap:10px}.chat-bubble{display:flex;align-items:center;gap:8px;padding:8px;background-color:#eeb1e8;border-radius:8px;max-width:85%;font-size:.8em}.chat-bubble.received{align-self:flex-start;border-bottom-left-radius:0}.chat-bubble.sent{background-color:#4c23cd;color:#fff;align-self:flex-end;border-bottom-right-radius:0}.chat-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0}.chat-bubble.sent .chat-avatar{order:2}.others-content{text-align:center}.others-content p{margin:0 0 10px}.social-links-container{display:flex;justify-content:center;gap:20px}.social-links-container img{width:32px;height:32px;image-rendering:pixelated;transition:transform .2s}.social-links-container a{display:inline-block}.social-links-container a:hover img{transform:scale(1.1)}.email-form-window{height:100%}.email-form{display:flex;flex-direction:column;gap:5px;text-align:center}.form-icon{width:48px;height:48px;margin:0 auto 5px;image-rendering:pixelated}.email-form label{text-align:left;font-size:.8em;margin-bottom:-2px}.retro-input{width:100%;padding:8px;border:2px solid #4C23CD;background-color:#fff;box-shadow:inset 2px 2px silver;font-family:"Press Start 2P",cursive;font-size:.7em;color:#4c23cd}.send-button{padding:8px 16px;background-color:#eeb1e8;color:#4c23cd;border:2px solid #4C23CD;border-top-color:#fff;border-left-color:#fff;cursor:pointer;font-weight:700;align-self:center;margin-top:5px}.send-button:active{background-color:#ce9ac8;border-color:#4c23cd;border-top-color:gray;border-left-color:gray}#loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;color:#0f0;font-family:"Press Start 2P",cursive;z-index:9999;padding:20px;display:flex;align-items:flex-start;justify-content:flex-start;opacity:1;visibility:visible;transition:opacity 1s ease-out,visibility 1s ease-out}#loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}#boot-text{margin:0;white-space:pre-wrap;font-size:1em}#boot-text:after{content:"█";animation:blink 1s step-end infinite}.taskbar{position:fixed;bottom:0;left:0;width:100%;height:30px;background-color:#e3c3e4;border-top:2px solid #FFFFFF;box-shadow:0 -2px #4c23cd;display:flex;align-items:center;padding:0 4px;gap:4px;z-index:1001}.start-button{background-color:#f0d1f1;border:2px solid #000000;border-top-color:#fff;border-left-color:#fff;padding:2px 10px;cursor:pointer;font-size:.8em;color:#4c23cd;flex-shrink:0;font-weight:700;transition:background-color .1s ease-out,border .1s ease-out}.start-button:active{border-color:#fff;border-right-color:#000;border-bottom-color:#000;background-color:gray}.footer{font-size:12px;margin-left:auto;flex-shrink:0;white-space:nowrap}.taskbar-time{background-color:#f0d1f1;border:2px solid #808080;border-top-color:#fff;border-left-color:#fff;padding:2px 8px;font-size:.8em;color:#4c23cd;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hidden{display:none!important}.taskbar-separator{width:2px;height:22px;background-color:#e3c3e4;border-left:1px solid #808080;border-right:1px solid #FFFFFF;flex-shrink:0}#minimized-windows-container{display:flex;gap:4px;flex-grow:1;flex-shrink:1;min-width:0;overflow:hidden}.minimized-tab{background-color:#eae4ec;border:2px solid;border-color:#FFFFFF #4C23CD #4C23CD #FFFFFF;padding:0 8px;cursor:pointer;font-size:.8em;color:#4c23cd;font-weight:700;transition:all .1s ease-out;display:flex;align-items:center;gap:6px;width:160px;height:24px;flex-shrink:0}.minimized-tab:active{border-color:#4C23CD #FFFFFF #FFFFFF #4C23CD;background-color:#e3c3e4;transform:translate(1px,1px)}.minimized-tab-icon{font-family:Arial,sans-serif;font-size:14px;line-height:1}.minimized-tab-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;flex-grow:1}@media (min-width: 1024px){.portfolio-grid{flex-direction:row}.project-card-container{flex-basis:calc(50% - 20px)}}@keyframes glitch-open-effect{0%{transform:translate(0);box-shadow:2px 2px gray}20%{transform:translate(-3px,2px);box-shadow:2px 2px gray}40%{transform:translate(2px,-3px) scale(1.01);box-shadow:8px 8px #f0f,-8px -8px #0ff}60%{transform:translate(-2px,3px) scale(1);box-shadow:8px -8px #ff0,-8px 8px #0f0}80%{transform:translate(0);box-shadow:2px 2px gray}to{transform:translate(0);box-shadow:2px 2px gray}}@keyframes blink{0%,to{color:transparent}50%{color:#0f0}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f0d1f1}::-webkit-scrollbar-thumb{background-color:#eb49c0;border:2px solid #F0D1F1;border-radius:6px}#boot-text.svelte-28j1o0 span:where(.svelte-28j1o0):after{content:"█";animation:svelte-28j1o0-blink 1s step-end infinite}@keyframes svelte-28j1o0-blink{0%,to{color:transparent}50%{color:#0f0}}