.detail-panel.svelte-105s17o{position:fixed;right:2rem;width:30vw;background-color:#1e1e1ef2;border-radius:8px;box-shadow:-5px 0 20px #0000004d;padding:2rem;z-index:100;overflow-y:auto;will-change:transform;max-height:80vh}.detail-panel.mobile.svelte-105s17o{position:unset;right:0;bottom:0;left:0;width:100%;height:70vh;max-height:80vh;border-radius:16px 16px 0 0;box-shadow:0 -5px 20px #0006;padding:2.5rem 1.5rem 1.5rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,.5rem));overflow:hidden;z-index:1000}.pull-indicator.svelte-105s17o{position:absolute;top:10px;left:0;right:0;height:20px;display:flex;justify-content:center;align-items:center;pointer-events:none}.pull-handle.svelte-105s17o{width:50px;height:5px;border-radius:3px;background-color:#ffffff4d}.close-btn.mobile.svelte-105s17o{top:1.5rem;right:1.5rem;width:36px;height:36px;font-size:1.8rem;background-color:#3c3c3cb3;z-index:1001}.detail-content.mobile.svelte-105s17o{margin-top:.5rem;height:calc(100% - 2rem);overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:1rem}.detail-content.svelte-105s17o{position:relative;z-index:2;min-height:110px;padding:15px 20px;background-color:#18181899;border-radius:6px;box-shadow:0 3px 10px #0000004d;transition:all .3s ease}.detail-content.svelte-105s17o h2:where(.svelte-105s17o){font:var(--h2);color:var(--selected-color);margin:0}.detail-content.svelte-105s17o h3:where(.svelte-105s17o){font:var(--h3);margin:0;margin-top:2rem}.detail-date.svelte-105s17o{margin:0;margin-top:.2rem;font:var(--p);color:var(--gray70)}.detail-description.svelte-105s17o h4:where(.svelte-105s17o){font:var(--h4);margin:0;margin-top:2.5rem}.detail-description.svelte-105s17o p:where(.svelte-105s17o){font:var(--p);color:var(--gray80);margin:0;margin-top:.5rem}.detail-skills.svelte-105s17o h4:where(.svelte-105s17o){font:var(--h4);margin:0;margin-top:2rem;margin-bottom:.7rem}@media screen and (max-width: 380px){.detail-panel.mobile.svelte-105s17o{height:75vh}.detail-content.svelte-105s17o h2:where(.svelte-105s17o){font-size:1.5rem}.detail-content.svelte-105s17o h3:where(.svelte-105s17o){font-size:1.1rem}.tech-tag.svelte-105s17o{padding:.25rem .5rem;font-size:.75rem}}.close-btn.svelte-105s17o{position:absolute;top:1rem;right:1rem;width:30px;height:30px;border-radius:50%;border:none;background-color:#3c3c3c80;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5}.close-btn.svelte-105s17o:hover{background-color:#505050cc}.skill-tags.svelte-105s17o{display:flex;flex-wrap:wrap;gap:.5rem;margin:0}.tech-tag.svelte-105s17o{display:inline-flex;align-items:center;background-color:#3c3c3c80;border-radius:4px;padding:.3rem .6rem;font-size:.8rem}.tech-icon.svelte-105s17o{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;margin-right:5px}.timeline.svelte-1r1ym1x{position:relative;max-width:800px;margin:40px auto;padding:20px 0;width:100%;transition:height .5s ease}.timeline-dates.svelte-1r1ym1x{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:2px;z-index:0;height:100%}.year-marker.svelte-1r1ym1x{position:absolute;left:0;width:10px;height:2px;background-color:var(--timeline-color);opacity:.6}.timeline-content.svelte-1r1ym1x{position:relative;z-index:2;min-height:110px;padding:15px 20px;background-color:#18181899;border-radius:6px;box-shadow:0 3px 10px #0000004d;transition:all .3s ease}.timeline-content.svelte-1r1ym1x h3:where(.svelte-1r1ym1x){font:var(--h3);margin:0;margin-top:1rem}.timeline-content.svelte-1r1ym1x h4:where(.svelte-1r1ym1x){margin:0;margin-top:.2rem;font:var(--h5);color:var(--gray90)}.timeline-content.svelte-1r1ym1x p:where(.svelte-1r1ym1x){font:var(--p);margin:0;margin-top:1rem;margin-bottom:.8rem}.timeline-date.svelte-1r1ym1x{margin:0;margin-top:.2rem;margin-bottom:.5rem}.timeline-date.svelte-1r1ym1x{margin:0;margin-top:.2rem;font:var(--p);color:var(--gray70)}.year-label.svelte-1r1ym1x{position:absolute;left:15px;top:-10px;font-size:.75rem;color:var(--unselected-color);white-space:nowrap}.timeline-item.svelte-1r1ym1x{position:absolute;width:50%;box-sizing:border-box;transform:translateY(-50%)}.timeline-item.right-side.svelte-1r1ym1x{right:0;text-align:left;padding-left:40px;padding-right:0}.timeline-item.left-side.svelte-1r1ym1x{left:0;text-align:left;padding-right:40px;padding-left:0}.timeline-item.right-side.svelte-1r1ym1x .connector-line:where(.svelte-1r1ym1x){left:-30px;right:auto}.timeline-item.left-side.svelte-1r1ym1x .connector-line:where(.svelte-1r1ym1x){right:-30px;left:auto}.timeline-line.svelte-1r1ym1x{position:absolute;width:2px;background-color:var(--timeline-color);top:0;bottom:0;left:50%;transform:translate(-50%);z-index:1;height:100%}.job-duration.svelte-1r1ym1x{position:absolute;width:6px;border:none;border-radius:3px;background-color:var(--job-color);z-index:1}.duration-dot.svelte-1r1ym1x{position:absolute;width:12px;height:12px;background-color:var(--job-color);border:2px solid var(--background-color);border-radius:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.end-dot.svelte-1r1ym1x{top:0}.start-dot.svelte-1r1ym1x{bottom:-1.2vh}.timeline-item.selected.svelte-1r1ym1x .timeline-content:where(.svelte-1r1ym1x){background-color:#282828e6;transform:translateY(-5px);box-shadow:0 5px 15px #0006}.job-duration.selected.svelte-1r1ym1x{width:8px;background-color:var(--selected-job-color, #5cff5c);box-shadow:0 0 8px rgba(var(--timeline-color-rgb),.5)}.timeline-item.svelte-1r1ym1x,.job-duration.svelte-1r1ym1x{cursor:pointer}.timeline-content.svelte-1r1ym1x:hover{transform:translateY(-5px);background-color:#181818e6}.connector-line.svelte-1r1ym1x{position:absolute;background-color:#ffffff26;z-index:1000;transition:background-color .3s ease}.timeline-item.svelte-1r1ym1x:hover .connector-line:where(.svelte-1r1ym1x){background-color:#ffffff4d}.timeline-item.selected.svelte-1r1ym1x .connector-line:where(.svelte-1r1ym1x){background-color:var(--timeline-color, rgba(255, 255, 255, .4))}.timeline-content.svelte-1r1ym1x{min-height:110px}.tech-tag.svelte-1r1ym1x{display:inline-flex;align-items:center;border-radius:4px;padding:.5rem;font-size:.8rem;background-color:#3c3c3c80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);margin-right:.4rem;margin-bottom:.4rem;line-height:1;vertical-align:middle;height:1.5rem;box-sizing:border-box}.tech-icon.svelte-1r1ym1x{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;margin-right:5px;font-weight:700;line-height:1;flex-shrink:0}.tech-icon.svelte-1r1ym1x svg{vertical-align:middle;height:100%;width:100%}@media screen and (max-width: 768px){.timeline-line.svelte-1r1ym1x{left:31px;transform:none}.timeline-dates.svelte-1r1ym1x{left:63px;transform:none}.timeline.svelte-1r1ym1x{padding-left:15px;padding-right:15px;margin-left:0;margin-right:0}.timeline-item.svelte-1r1ym1x{width:calc(100% - 60px);padding-left:40px;padding-right:10px;right:0;left:auto;box-sizing:border-box}.timeline-item.mobile.svelte-1r1ym1x{width:calc(100% - 60px)}.timeline-item.mobile.svelte-1r1ym1x .timeline-content:where(.svelte-1r1ym1x){width:100%;box-sizing:border-box;padding:12px 15px}.year-label.svelte-1r1ym1x{font-size:.7rem}.connector-line.svelte-1r1ym1x{width:25px!important}}.landing.svelte-1ndvhbu{display:flex;flex-direction:column;justify-content:center;align-items:center;height:80vh;width:100%;box-sizing:border-box;padding:0 20px;overflow-x:hidden}.landing.svelte-1ndvhbu h:where(.svelte-1ndvhbu){font:var(--h);text-align:center;width:100%;margin-bottom:.5rem;padding:0 10px;box-sizing:border-box}.landing.svelte-1ndvhbu p:where(.svelte-1ndvhbu){font:var(--pl);text-align:center;width:100%;margin:0;margin-bottom:1.5rem;padding:0 10px;box-sizing:border-box;opacity:0}.landing.svelte-1ndvhbu p.name:where(.svelte-1ndvhbu){font-size:1.2rem;color:var(--gray70);margin-top:-1rem}.typing-effect.svelte-1ndvhbu{overflow:hidden;white-space:nowrap;width:0}.typing-header.svelte-1ndvhbu{animation:svelte-1ndvhbu-typing 1.2s steps(90,end) forwards}.typing-paragraph-name.svelte-1ndvhbu{animation:svelte-1ndvhbu-typingWithFade 2s steps(760,end) forwards .3s}.typing-paragraph-email.svelte-1ndvhbu,.typing-paragraph.svelte-1ndvhbu{animation:svelte-1ndvhbu-typingWithFade 2s steps(760,end) forwards .7s}.typing-paragraph.mobile.svelte-1ndvhbu{white-space:normal;width:90%;overflow:visible;animation:svelte-1ndvhbu-fadeIn .4s ease-in-out forwards .7s}.experience-button.svelte-1ndvhbu{margin-top:1rem;padding:10px 20px;background-color:#18181899;color:var(--gray90);border:none;border-radius:6px;font:var(--p);cursor:pointer;transition:all .3s ease;opacity:0;animation:svelte-1ndvhbu-fadeSlideUp .5s ease forwards;animation-delay:1s}.experience-button.svelte-1ndvhbu:hover{transform:translateY(-15px);background-color:#181818e6;box-shadow:0 5px 15px #0006;color:var(--selected-color)}.tech-stack.svelte-1ndvhbu{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:3rem;width:100%;max-width:800px}.tech-box.svelte-1ndvhbu{display:flex;align-items:center;padding:8px 14px;border-radius:6px;background-color:#3c3c3c26;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:transform .2s ease,box-shadow .2s ease;opacity:0;animation:svelte-1ndvhbu-fadeSlideUp .5s ease forwards}.tech-box.svelte-1ndvhbu:hover{transform:translateY(-3px);box-shadow:0 4px 8px #0003}.tech-icon.svelte-1ndvhbu{width:22px;height:22px;display:flex;align-items:center;justify-content:center;margin-right:8px;font-weight:700}.tech-name.svelte-1ndvhbu{font:var(--p)}@keyframes svelte-1ndvhbu-typing{0%{width:0}to{width:100%}}@keyframes svelte-1ndvhbu-typingWithFade{0%{width:0;opacity:0}10%{opacity:1}to{width:100%;opacity:1}}@keyframes svelte-1ndvhbu-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-1ndvhbu-fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.portfolio.svelte-1ndvhbu{display:flex;flex-direction:column;align-items:center;width:100%;padding:2rem 0;margin-bottom:3rem}.timeline-container.svelte-1ndvhbu{display:flex;flex-direction:column;align-items:center;width:95vw;margin-top:2rem;opacity:0;transform:translateY(10vh);transition:opacity 1.6s ease-out,transform 1.6s ease-out}.timeline-container.visible.svelte-1ndvhbu{opacity:1;transform:translateY(0)}.portfolio.svelte-1ndvhbu h:where(.svelte-1ndvhbu){font:var(--h1);width:100%;text-align:center;margin:0 0 20px;padding:0 10px;box-sizing:border-box;opacity:0;animation:svelte-1ndvhbu-fadeSlideUp 1.5s ease forwards 2s}@media screen and (max-width: 1024px){.typing-paragraph.svelte-1ndvhbu{white-space:normal;width:90%;overflow:visible;animation:svelte-1ndvhbu-fadeIn .4s ease-in-out forwards .7s}}@media screen and (max-width: 768px){.landing.svelte-1ndvhbu h:where(.svelte-1ndvhbu){font-size:2.8rem}.landing.svelte-1ndvhbu p:where(.svelte-1ndvhbu){font-size:1.1rem}.portfolio.svelte-1ndvhbu h:where(.svelte-1ndvhbu){font-size:2rem}.typing-header.svelte-1ndvhbu{animation:svelte-1ndvhbu-typing 1s steps(60,end) forwards}.tech-stack.svelte-1ndvhbu{margin-top:2rem;gap:8px}.tech-box.svelte-1ndvhbu{padding:6px 10px}.tech-icon.svelte-1ndvhbu{width:18px;height:18px}.tech-name.svelte-1ndvhbu{font-size:.8rem}.portfolio.svelte-1ndvhbu{padding:1rem 0;margin-bottom:2rem;width:95%}}@media screen and (max-width: 380px){.landing.svelte-1ndvhbu h:where(.svelte-1ndvhbu){font-size:2.2rem}.landing.svelte-1ndvhbu{height:70vh}.tech-box.svelte-1ndvhbu{padding:5px 8px}.tech-name.svelte-1ndvhbu{font-size:.75rem}}