:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"MS Sans Serif",monospace;overflow:hidden}.desktop{width:100vw;height:100vh;background:linear-gradient(45deg,#0053ba,#87ceeb);position:relative;overflow:hidden}.desktop-icon{position:absolute;width:80px;height:80px;display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:5px}.desktop-icon:hover{background:#fff3}.icon{width:32px;height:32px;margin-bottom:5px;font-size:24px;display:flex;align-items:center;justify-content:center}.icon-label{color:#fff;text-align:center;text-shadow:1px 1px 1px #000;font-size:11px;line-height:1.2}.portfolio-icon{top:20px;left:20px}.computer-icon{top:120px;left:20px}.recycle-icon{top:220px;left:20px}.taskbar{position:fixed;bottom:0;width:100%;height:30px;background:linear-gradient(180deg,silver,gray);border-top:1px solid #dfdfdf;display:flex;align-items:center;z-index:1000}.start-btn{height:24px;padding:0 15px;background:linear-gradient(180deg,silver,#a0a0a0);border:1px outset #c0c0c0;margin:2px;display:flex;align-items:center;cursor:pointer;font-weight:700;font-size:11px}.clock{margin-left:auto;padding:0 10px;border:1px inset #c0c0c0;margin-right:2px;background:silver;font-size:11px}.portfolio-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.portfolio-window-container{background:#fdf2f8;border:4px solid #f9a8d4;box-shadow:4px 4px #db27774d;width:90%;max-width:64rem;height:90%;max-height:90vh;overflow:hidden;font-family:monospace}.portfolio-title-bar{background:linear-gradient(90deg,#fce7f3,#f9a8d4);border-bottom:2px solid #f472b6;padding:8px 16px;display:flex;align-items:center;justify-content:space-between}.title-content{display:flex;align-items:center;gap:8px}.title-icon{color:#db2777;font-weight:700;font-size:18px}.title-text{font-size:14px;color:#be185d;font-weight:700;letter-spacing:1px}.window-controls{display:flex;align-items:center;gap:4px}.control-btn{width:24px;height:20px;border:2px outset;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.minimize-btn{background:#fde047;border-color:#eab308;color:#a16207}.maximize-btn{background:#93c5fd;border-color:#3b82f6;color:#1e40af}.close-btn{background:#fca5a5;border-color:#ef4444;color:#dc2626}.control-btn:hover{opacity:.8}.portfolio-nav-tabs{background:#fce7f3;border-bottom:2px solid #f9a8d4;display:flex}.nav-tab{padding:8px 16px;display:flex;align-items:center;gap:8px;border:none;border-right:2px solid #f9a8d4;background:transparent;cursor:pointer;font-weight:700;font-size:14px;color:#db2777;transition:all .2s;font-family:monospace}.nav-tab:last-child{border-right:none}.nav-tab.active{background:#fdf2f8;color:#be185d;box-shadow:inset 2px 2px 4px #db277733}.nav-tab:hover{background:#f9a8d4}.tab-icon{font-size:16px}.portfolio-content-area{padding:24px;background:#fdf2f8;overflow-y:auto;height:calc(100% - 120px)}.tab-content-container{display:flex;flex-direction:column;gap:24px}.dialog-box{border:4px solid;padding:20px;font-weight:700;box-shadow:4px 4px #0000004d}.dialog-pink{background:#fce7f3;border-color:#f472b6;color:#be185d}.dialog-purple{background:#f3e8ff;border-color:#a855f7;color:#7c3aed}.dialog-blue{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.dialog-green{background:#dcfce7;border-color:#22c55e;color:#15803d}.dialog-yellow{background:#fefce8;border-color:#eab308;color:#a16207}.dialog-gray{background:#f3f4f6;border-color:#6b7280;color:#374151}.text-center{text-align:center}.star-emoji{font-size:72px;margin-bottom:16px}.main-title{font-size:32px;font-weight:700;margin-bottom:12px;letter-spacing:2px}.subtitle{font-size:20px;font-weight:600;margin-bottom:16px}.status-badge{background:#f9a8d4;border:2px solid #be185d;color:#be185d;padding:8px 16px;display:inline-block;font-size:14px;font-weight:700}.dialog-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.dialog-icon{font-size:20px}.dialog-title{font-size:18px;font-weight:700;margin:0}.dialog-text{line-height:1.6;font-size:14px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.skill-box{text-align:center;padding:16px}.skill-emoji{font-size:32px;margin-bottom:8px}.skill-title{font-weight:700;margin-bottom:4px}.skill-text{font-size:12px;margin:0}.loading-text{font-weight:700;margin-bottom:8px}.loading-bar-container{width:100%;background:#6b7280;border:2px solid #000;height:24px;margin:10px 0}.loading-bar-fill{background:linear-gradient(90deg,#f472b6,#a855f7);height:100%;width:95%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.loading-percent{font-size:12px;margin-top:4px}.project-card{background:#f3e8ff;border:4px solid #a855f7;padding:20px;box-shadow:4px 4px #0000004d;color:#7c3aed}.project-header{display:flex;justify-content:space-between;align-items:flex-start}.project-info{flex:1}.project-name-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.project-icon{font-size:18px}.project-name{font-size:18px;font-weight:700;margin:0}.tech-badge{background:#ddd6fe;border:2px solid #8b5cf6;color:#7c3aed;padding:4px 12px;display:inline-block;margin-bottom:12px;font-size:12px;font-weight:700}.project-description{font-size:14px;margin:0}.visit-btn{background:#f9a8d4;border:2px solid #be185d;color:#be185d;padding:8px 16px;cursor:pointer;font-weight:700;font-size:12px;margin-left:16px}.visit-btn:hover{background:#be185d;color:#fff}.experience-card{background:#dcfce7;border:4px solid #22c55e;padding:20px;box-shadow:4px 4px #0000004d;color:#15803d}.job-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.job-title-row{display:flex;align-items:center;gap:8px}.job-icon{font-size:20px}.job-title{font-size:18px;font-weight:700;margin:0}.period-badge{background:#bbf7d0;border:2px solid #16a34a;color:#15803d;padding:4px 12px;font-size:12px;font-weight:700}.company-badge{background:#bbf7d0;border:2px solid #22c55e;color:#15803d;padding:4px 12px;display:inline-block;margin-bottom:12px;font-weight:700}.job-description{font-size:14px;margin:0}.skills-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{background:#ddd6fe;border:2px solid #8b5cf6;color:#7c3aed;padding:4px 12px;font-size:12px;font-weight:700}.system-info{font-size:12px;line-height:1.5}.system-info p{margin:4px 0}.contact-emoji{font-size:72px;margin-bottom:16px}.contact-title{font-size:32px;font-weight:700;margin-bottom:8px}.contact-text{font-size:14px;margin-bottom:16px;line-height:1.5}.email-btn{background:#f9a8d4;border:4px solid #be185d;color:#be185d;padding:12px 20px;cursor:pointer;font-weight:700;font-size:12px;box-shadow:3px 3px #db27774d}.email-btn:hover{background:#be185d;color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.social-buttons{display:flex;flex-direction:column;gap:12px}.social-btn{width:100%;background:#ddd6fe;border:2px solid #8b5cf6;color:#7c3aed;padding:12px;cursor:pointer;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center}.social-btn:hover{background:#c4b5fd}.info-list{display:flex;flex-direction:column;gap:8px;font-size:12px}.info-item{display:flex;align-items:center;gap:8px}.fun-message{display:flex;align-items:center;justify-content:center;gap:8px}.fun-emoji{font-size:24px}.fun-text{font-weight:700;margin:0}.thanks-message{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.thanks-emoji{font-size:24px}.thanks-text{font-weight:700;margin:0}.thanks-subtitle{font-size:12px;margin:0}@media(max-width:768px){.contact-grid,.skills-grid{grid-template-columns:1fr}.portfolio-window-container{width:95%;height:95%}}