:root{font-family:Inter,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}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.navbar{max-width:100%;min-width:11%;position:absolute;bottom:1px;left:50%;transform:translate(-50%);display:flex;justify-content:space-between;background:#ffffff59;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);padding:8px;border-radius:16px;box-shadow:0 2px 5px #0000001a;z-index:1000;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}.navbar-section{display:flex;gap:3px;align-items:center}.custom-app-section{display:flex;margin:0 8px;gap:12px;align-items:center}.navbar-divider{width:1px;height:40px;background-color:#0003;margin:0 8px;align-self:center}.app-container{position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .3s ease;pointer-events:auto}.app-open-indicator{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background-color:#000}.app-icon{width:53px;height:53px;margin-bottom:3px;border-radius:10px;padding:0;background:transparent;box-shadow:none;transition:all .3s cubic-bezier(.25,.8,.25,1)}.system-icons{width:60px;height:60px;border-radius:10px}.pressed .app-icon{filter:brightness(90%);transform:scale(.95);box-shadow:none}[alt=Projects].app-icon{transform:scale(.95)}.pressed [alt=Projects].app-icon{transform:scale(.9)}[alt="About Me"].app-icon{background:linear-gradient(to bottom,#fff,#f5f5f5);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d,inset 0 0 0 1px #ffffff80}.pressed [alt="About Me"].app-icon{box-shadow:0 1px 2px #0000001f,inset 0 0 0 1px #fff6}.tooltip{visibility:hidden;width:120px;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;bottom:100%;left:50%;margin-left:-60px;opacity:0;transition:opacity .3s}.app-container:hover .tooltip{visibility:visible;opacity:1}.app-name{margin-top:8px;font-size:14px;color:#333;text-align:center}.title-bar[data-v-470adf0a]{background-color:#f0f0f0;height:28px;display:flex;align-items:center;border-top-left-radius:8px;border-top-right-radius:8px;position:relative}.title-buttons[data-v-470adf0a]{display:flex;gap:8px;position:absolute;left:8px;top:50%;transform:translateY(-50%)}.title-buttons button[data-v-470adf0a]{width:12px;height:12px;border-radius:50%;border:none;cursor:default;padding:0;position:relative;overflow:hidden}.close[data-v-470adf0a]{background-color:#ff5f56}.minimize[data-v-470adf0a]{background-color:#ffbd2e}.maximize[data-v-470adf0a]{background-color:#27c93f}.close.pressed[data-v-470adf0a]{background-color:#bf4b44}.minimize.pressed[data-v-470adf0a]{background-color:#bf8e23}.maximize.pressed[data-v-470adf0a]{background-color:#1d9730}.icon[data-v-470adf0a]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#00000080;font-size:9px;opacity:0}.title-buttons:hover .icon[data-v-470adf0a]{opacity:1}.title[data-v-470adf0a]{flex-grow:1;text-align:center;font-size:13px;color:#333;-webkit-user-select:none;user-select:none}.modal[data-v-0b969920]{position:absolute;top:5%;left:50%;transform:translate(-50%);width:540px;height:700px;border-radius:8px;overflow:hidden}.content[data-v-0b969920]{height:calc(100% - 28px);background:#f5f5f5;overflow-y:auto}.notebook-container[data-v-0b969920]{position:relative;width:500px;height:93%;margin:0 auto;background:#f8f8f8;background-image:linear-gradient(#e8e8e8 1px,transparent 1px);background-size:100% 20px;padding:20px}.spacer[data-v-0b969920]{height:20vh;width:100%}.notebook-title[data-v-0b969920]{font-size:24px;margin-top:0;margin-left:200px}.photo[data-v-0b969920]{position:absolute;background:#5c4033;border-radius:6px;padding:10px;border:1px solid #ddd;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:center;align-items:center}.photo img[data-v-0b969920]{width:100%;height:100%;object-fit:cover;display:block}.photo-1[data-v-0b969920]{width:150px;height:150px;top:25px;left:50px}.photo-2[data-v-0b969920]{width:180px;height:120px;top:210px;right:80px}.photo-3[data-v-0b969920]{width:120px;height:120px;top:200px;left:70px}.photo-4[data-v-0b969920]{width:120px;height:160px;top:360px;right:110px}.photo-5[data-v-0b969920]{width:180px;height:120px;top:510px;left:40px}.text-box[data-v-0b969920]{position:absolute;background:#fff;padding:10px;border-radius:4px;max-width:200px}.text-1[data-v-0b969920]{top:60px;left:250px}.text-2[data-v-0b969920]{top:350px;left:40px}.text-3[data-v-0b969920]{top:540px;right:45px}.star[data-v-0b969920]{position:absolute;font-size:20px;color:gold}.star-1[data-v-0b969920]{top:60px;right:75px;transform:rotate(15deg)}.star-2[data-v-0b969920]{top:165px;left:50px;transform:rotate(-15deg)}.star-3[data-v-0b969920]{top:610px;right:50px}.modal[data-v-3d9b5b2f]{position:absolute;top:20%;left:50%;transform:translate(-50%);background:#fff;border:1px solid #ccc;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a;width:1000px;height:600px}.content[data-v-3d9b5b2f]{height:calc(100% - 28px);max-width:1000px;padding:10px 40px 40px;margin:0 auto;overflow-y:auto}.timeline[data-v-3d9b5b2f]{position:relative;padding:20px 0 0;margin:0 40px 60px}.timeline-line[data-v-3d9b5b2f]{position:absolute;left:50%;transform:translate(-50%);width:8px;height:100%;background-color:#000;animation:drawLine-3d9b5b2f 1s ease-out forwards;transform-origin:top center}.line-start[data-v-3d9b5b2f],.line-end[data-v-3d9b5b2f]{position:absolute;left:50%;transform:translate(-50%);width:23px;height:4px;background-color:#000}.line-start[data-v-3d9b5b2f]{top:0}.line-end[data-v-3d9b5b2f]{bottom:0}.timeline[data-v-3d9b5b2f]:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:40px;height:calc(100% + 40px);background-color:#f5f5f5;z-index:-1;border-radius:10px;top:0}.timeline-item[data-v-3d9b5b2f]{position:relative;margin:20px 0;animation:slideIn-3d9b5b2f .5s ease-out forwards;opacity:0}.timeline-dot[data-v-3d9b5b2f]{position:absolute;left:50%;transform:translate(-50%);width:16px;height:16px;border-radius:50%;z-index:2;top:13px;animation:pulse-3d9b5b2f 2s infinite}.timeline-item:nth-child(odd) .timeline-dot[data-v-3d9b5b2f]{background-color:#f44}.timeline-item:nth-child(2n) .timeline-dot[data-v-3d9b5b2f]{background-color:#2196f3}.timeline-content[data-v-3d9b5b2f]{position:relative;width:45%;z-index:1;transition:transform .3s ease,box-shadow .3s ease}.timeline-content[data-v-3d9b5b2f]:hover{z-index:2;transform:scale(1.02)}.timeline-content.left[data-v-3d9b5b2f]{margin-left:55%;margin-top:-30px}.timeline-content.right[data-v-3d9b5b2f]{margin-right:55%;margin-top:-30px}.timeline-content.first[data-v-3d9b5b2f]{margin-top:0}.timeline-text[data-v-3d9b5b2f]{position:relative;display:flex;flex-direction:column;gap:4px;animation:fadeIn-3d9b5b2f .5s ease-out forwards;animation-delay:.3s;opacity:0}.company-icon[data-v-3d9b5b2f]{position:absolute;width:40px;height:40px;border-radius:8px;overflow:hidden}.timeline-content.left .company-icon[data-v-3d9b5b2f]{right:-50px}.timeline-content.right .company-icon[data-v-3d9b5b2f]{left:-50px}.company-icon img[data-v-3d9b5b2f]{width:100%;height:100%;object-fit:cover}.timeline-text h3[data-v-3d9b5b2f]{display:inline-block;margin:0;font-size:1.1em;padding:8px 15px;position:relative;color:#fff}.timeline-item:nth-child(odd) h3[data-v-3d9b5b2f]{background-color:#f44;border-top-right-radius:4px;border-bottom-right-radius:4px}.timeline-item:nth-child(2n) h3[data-v-3d9b5b2f]{background-color:#2196f3;border-top-left-radius:4px;border-bottom-left-radius:4px}.timeline-text h3[data-v-3d9b5b2f]:after{content:"";position:absolute;top:50%;width:0;height:0;border-top:21px solid transparent;border-bottom:21px solid transparent}.timeline-content.left h3[data-v-3d9b5b2f]:after{left:-31px;transform:translateY(-50%);border-right:31px solid #ff4444}.timeline-content.right h3[data-v-3d9b5b2f]:after{right:-31px;transform:translateY(-50%);border-left:31px solid #2196f3}.period[data-v-3d9b5b2f]{color:#666;font-size:.9em}.description[data-v-3d9b5b2f]{margin:0;font-size:.9em;line-height:1.4}.minimized[data-v-3d9b5b2f]{height:28px!important;min-height:28px;overflow:hidden}@keyframes slideIn-3d9b5b2f{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-3d9b5b2f{0%{box-shadow:0 0 #2196f366}70%{box-shadow:0 0 0 10px #2196f300}to{box-shadow:0 0 #2196f300}}@keyframes drawLine-3d9b5b2f{0%{transform:translate(-50%) scaleY(0)}to{transform:translate(-50%) scaleY(1)}}@keyframes fadeIn-3d9b5b2f{0%{opacity:0}to{opacity:1}}.modal[data-v-685e4bf4]{position:absolute;top:5%;left:50%;transform:translate(-50%);background:#fff;border:1px solid #ccc;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a;min-width:300px;width:1200px;height:800px}.content[data-v-685e4bf4]{height:calc(100% - 28px);overflow-y:auto}.projects-grid[data-v-685e4bf4]{display:grid;grid-template-columns:repeat(auto-fit,400px);column-gap:5rem;row-gap:2rem;padding:2rem;justify-content:center;width:100%;box-sizing:border-box}.project-card[data-v-685e4bf4]{background:#f5f5f5;width:100%;border-radius:8px;padding:1.5rem;cursor:pointer;transition:transform .2s;box-shadow:0 2px 4px #0000001a;animation:fadeInUp-685e4bf4 .5s ease-out;animation-fill-mode:both}.project-card[data-v-685e4bf4]:nth-child(1){animation-delay:.1s}.project-card[data-v-685e4bf4]:nth-child(2){animation-delay:.2s}.project-card[data-v-685e4bf4]:nth-child(3){animation-delay:.3s}.project-card[data-v-685e4bf4]:nth-child(4){animation-delay:.4s}.project-card[data-v-685e4bf4]:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0000001a}.project-card img[data-v-685e4bf4]{width:100%;height:250px;object-fit:contain;border-radius:4px}.project-card h3[data-v-685e4bf4]{margin:1rem 0;font-size:1.5rem;color:#333}.project-card p[data-v-685e4bf4]{color:#666;line-height:1.4}.minimized[data-v-685e4bf4]{height:28px!important;min-height:28px;overflow:hidden}@keyframes fadeInUp-685e4bf4{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal[data-v-63f4c88a]{width:1100px;height:600px;top:11%;left:50%;transform:translate(-50%)}.content[data-v-63f4c88a]{height:calc(100% - 28px);overflow:hidden}.project-container[data-v-63f4c88a]{display:grid;grid-template-columns:1.85fr 1fr;height:100%;text-align:left;animation:slideIn-63f4c88a .4s ease-out}.project-image[data-v-63f4c88a]{background:#f5f5f5;height:100%}.project-image img[data-v-63f4c88a]{width:100%;height:100%;object-fit:contain}.project-info[data-v-63f4c88a]{padding:2rem;overflow-y:auto}.project-info h2[data-v-63f4c88a]{font-size:2rem;margin-bottom:1.5rem;color:#333}.description[data-v-63f4c88a]{font-size:1rem;color:#666;margin-bottom:2rem;line-height:1.6}.tech-stack[data-v-63f4c88a]{margin-bottom:2rem}.tech-stack h3[data-v-63f4c88a]{font-size:1rem;color:#444;margin-bottom:1rem}.tech-tags[data-v-63f4c88a]{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag[data-v-63f4c88a]{background:#eff6ff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;color:#1d4ed8;transition:all .2s ease}.tech-tag[data-v-63f4c88a]:hover{transform:translateY(-2px);background:#e8e8e8;box-shadow:0 2px 4px #0000001a}.actions[data-v-63f4c88a]{display:flex;gap:1rem;margin-top:2rem}.btn[data-v-63f4c88a]{padding:.75rem 1.5rem;border-radius:6px;font-weight:500;text-decoration:none;transition:all .2s ease;cursor:pointer;font-size:.9rem;position:relative;overflow:hidden;transition:all .3s ease}.btn[data-v-63f4c88a]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.btn[data-v-63f4c88a]:after{content:"";position:absolute;width:100%;height:100%;top:0;left:-100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.btn[data-v-63f4c88a]:hover:after{left:100%}.btn.primary[data-v-63f4c88a]{background:#1a1a1a;color:#fff}.btn.secondary[data-v-63f4c88a]{background:#007bff;color:#fff}.minimized[data-v-63f4c88a]{height:28px!important;min-height:28px;overflow:hidden}@keyframes slideIn-63f4c88a{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.menu-bar[data-v-b571516b]{position:fixed;top:0;left:0;right:0;height:30px;background-color:#000;display:flex;justify-content:space-between;align-items:center;padding:0 12px;box-shadow:0 1px 5px #0000001a;z-index:1000;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.menu-left[data-v-b571516b],.menu-right[data-v-b571516b]{display:flex;align-items:center}.menu-item[data-v-b571516b]{margin-right:20px;font-size:15px;color:#fff;cursor:pointer}.menu-right .menu-item[data-v-b571516b]{margin-right:18px}.menu-right .menu-item[data-v-b571516b]:last-child{margin-right:0}.menu-item[data-v-b571516b]:hover{color:#007aff}.menu-icon[data-v-b571516b]{width:20px;height:20px;padding-top:6px}[alt=Battery].menu-icon[data-v-b571516b]{width:30px;height:30px}.menu-item:hover .menu-icon[data-v-b571516b]{filter:brightness(0) invert(37%) sepia(100%) saturate(1529%) hue-rotate(199deg) brightness(100%) contrast(107%)}.apple-icon[data-v-b571516b]{width:18px;height:18px;margin-right:20px}.current-window[data-v-b571516b]{font-weight:700}.datetime[data-v-b571516b]{cursor:default;font-size:15px}.homescreen-container{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column}.drag-select-area{flex-grow:1;position:relative;background-image:url(/assets/background-Df_JTliz.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.draggable-window{position:absolute;top:20%;left:30%;border:1px solid #ccc;background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.desktop-icon{position:absolute;display:flex;flex-direction:column;align-items:center;width:80px;text-align:center;padding:5px 0;border-radius:5px;transition:background-color .2s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:default}.desktop-icon .app-icon{width:53px;height:53px;margin-bottom:5px;pointer-events:none}.desktop-icon .app-name{font-size:12px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.desktop-icon.selected-icon,.desktop-icon.selected-icon:hover{background-color:#3232ff33;border-radius:4px}.desktop-icon:hover{background-color:#61616180;border-radius:4px}