@font-face{font-family:Libre Baskerville;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/libre-baskerville-latin-ext-400-normal-CgrLXNFI.woff2) format("woff2"),url(/assets/libre-baskerville-latin-ext-400-normal-DGMWZUIS.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Libre Baskerville;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/libre-baskerville-latin-400-normal-D14tVwWG.woff2) format("woff2"),url(/assets/libre-baskerville-latin-400-normal-CGsuF2rw.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-Dc4VJyIJ.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-BPnxn4xp.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-BLGc9T1a.woff2) format("woff2"),url(/assets/inter-cyrillic-400-normal-ZzOtrSSW.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-Bput3-QP.woff2) format("woff2"),url(/assets/inter-greek-ext-400-normal-DCpCPQOf.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-DxZsaF_h.woff2) format("woff2"),url(/assets/inter-greek-400-normal-BZzXV7-1.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(/assets/inter-vietnamese-400-normal-BUNmGMP1.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-hnt3BR84.woff2) format("woff2"),url(/assets/inter-latin-ext-400-normal-C1t-h-pH.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-BOOGhInR.woff2) format("woff2"),url(/assets/inter-latin-400-normal-gitzw0hO.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/courier-prime-latin-ext-400-normal-B4aMDxGo.woff2) format("woff2"),url(/assets/courier-prime-latin-ext-400-normal-CLmhYgOR.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/courier-prime-latin-400-normal-CDjTZLco.woff2) format("woff2"),url(/assets/courier-prime-latin-400-normal-Bi6GSK1X.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Libre Baskerville,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;background-color:#f3f3f3;background-image:radial-gradient(#d8d8d8 .84px,transparent .8px);background-size:20px 20px;color:#4a4a4a;scroll-behavior:smooth;transition:background-color .3s ease,color .3s ease}.background-sphere{z-index:0}body{margin:0;min-width:320px;min-height:100vh;transition:background-color .3s ease,color .3s ease}:root.dark-mode{background-color:#202020;background-image:radial-gradient(#2c2c2c .84px,transparent .8px);background-size:20px 20px;color:#f5f5f5}p:focus{font-weight:900}#root{max-width:600px;margin:0 auto;padding:3rem 2rem 2rem}.dark-mode-toggle{position:fixed;top:30px;right:30px;width:40px;height:40px;border-radius:50%;background-color:#f0f0f0;border:none;box-shadow:0 2px 10px #0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1;transition:all .3s ease}.dark-mode-toggle:hover{transform:scale(1.1)}.dark-mode-toggle.dark-mode{background-color:#2a2a2a;box-shadow:0 2px 10px #0000004d}.moon-icon{width:20px;height:20px;color:#777;transition:color .3s ease}.dark-mode-toggle.dark-mode .moon-icon{color:#f0c420}.dark-mode-hint{position:fixed;top:30px;right:100px;background-color:#f0f0f0;color:#6a6a6a;padding:8px 12px;border-radius:6px;font-size:.9em;z-index:2;opacity:1;transition:opacity 1s ease-out,background-color .3s ease,color .3s ease;animation:fadeInHint 8s ease-in-out forwards;box-shadow:0 2px 5px #0000001a}.dark-mode-hint.dark-mode{color:#aaa;background-color:#333}@keyframes fadeInHint{0%{opacity:0;transform:translate(10px)}60%{opacity:0;transform:translate(10px)}70%{opacity:1;transform:translate(0)}90%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(10px)}}.footer-container{padding-top:3rem;text-align:center}.header-container{display:flex;align-items:center;gap:2rem;margin-bottom:4rem}.profile-picture-container{width:100px;height:100px;perspective:1000px;position:relative;transform-style:preserve-3d}.profile-picture,.profile-picture-back{position:absolute;width:100%;height:100%;border-radius:50%;border:4px solid #4a90e2;object-fit:cover;transform-style:preserve-3d;backface-visibility:hidden;transition:transform .6s}.profile-picture{transform:rotateY(0);animation:initialFrontSpin 3s ease-in-out}.profile-picture-back{transform:rotateY(180deg);animation:initialBackSpin 3s ease-in-out}@keyframes initialFrontSpin{0%{opacity:0}50%{opacity:1;transform:rotateY(0)}70%{transform:rotateY(180deg)}80%{transform:rotateY(180deg)}to{transform:rotateY(0)}}@keyframes initialBackSpin{0%{opacity:0}50%{opacity:1;transform:rotateY(180deg)}70%{transform:rotateY(0)}80%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.profile-picture-container:hover .profile-picture{transform:rotateY(180deg)}.profile-picture-container:hover .profile-picture-back{transform:rotateY(0)}.header-text{flex:1}h1{font-size:1.7em;line-height:1.1;margin-bottom:.5rem;color:#494949;animation:fadeIn1 1s ease-out;font-weight:200}.dark-mode h1{color:#f5f5f5}h2{font-size:1.2em;line-height:1.1;margin-top:0;color:#797979;animation:fadeIn2 1.5s ease-out;font-weight:200}.dark-mode h2{color:#d3d3d3}p{margin:1rem 0;line-height:1.6;color:#666;animation:fadeIn3 2s ease-out}.dark-mode p{color:#aaa}@keyframes fadeIn1{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn2{0%{opacity:0;transform:translateY(5px)}30%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn3{0%{opacity:0;transform:translateY(5px)}50%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.inline{display:inline-block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}*{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.dark-mode ::-webkit-scrollbar-track{background:#222}.dark-mode ::-webkit-scrollbar-thumb{background:#444}.dark-mode ::-webkit-scrollbar-thumb:hover{background:#555}.dark-mode *{scrollbar-color:#444 #222}.hover-offset:hover{transform:translateY(-2px);text-shadow:0px 2px rgb(219,219,219)}.dark-mode .hover-offset:hover{text-shadow:0px 2px rgb(70,70,70)}.blue-name{color:#4a90e2}.bolded{font-weight:900}a{font-weight:900;font-style:normal;color:#4a90e2;text-decoration:none;cursor:pointer}a:hover{transform:translateY(-2px);text-shadow:0px 2px rgb(185,185,185);text-decoration:none}.dark-mode a:hover{transform:translateY(-2px);text-shadow:0px 2px rgb(70,70,70)}.right-scroll-indicator{position:fixed;width:6rem;top:40%;display:flex;flex-direction:column;gap:16px;align-items:center;animation:fadeIn3 2s ease-out}.right-scroll-dot{width:1rem;height:3px;background-color:#b1b1b1;border-radius:1px;transition:all .1s ease;position:relative;cursor:pointer}.dark-mode .right-scroll-dot{background-color:#7c7c7c}.right-scroll-dot:after{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;cursor:pointer}.right-scroll-dot:hover,.right-scroll-dot.active{width:3rem;height:3px;background-color:#9fceff}.left-links-bar{position:fixed;top:40%;display:flex;flex-direction:column;gap:15px;align-items:flex-start;animation:fadeIn3 2s ease-out}.icon-link{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;transition:transform .3s ease}.icon-link:hover{transform:scale(1.2)}.icon{width:20px;height:20px;fill:#b1b1b1}.dark-mode .icon{fill:#7c7c7c}.resume-container{margin-bottom:3rem}.resume-container h2{color:#494949;font-weight:200;margin-bottom:2rem;animation:fadeIn2 1.5s ease-out;text-align:center}.resume{display:flex;justify-content:center;align-items:center;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px #0000001a;animation:fadeIn3 2s ease-out;background-color:#fff}.pdf-warning{margin-left:20px;margin-right:20px}.dark-mode .resume{background-color:#1a1a1a;box-shadow:0 4px 15px #0000004d}.pdf{pointer-events:auto}h3{font-size:2em;margin-bottom:1em;display:flex;align-items:center;color:#494949}.dark-mode h3{color:#f5f5f5}h3:before{content:"";height:3px;background-color:#8ac3ff;flex-grow:.15;margin-right:20px;transition:flex-grow .3s ease-in-out}h3:after{content:"";height:3px;background-color:#8ac3ff;flex-grow:1;margin-left:20px;margin-right:20px;transition:flex-grow .3s ease-in-out}h3.scrolled-past:before{flex-grow:1}h3.scrolled-past:after{flex-grow:.15}.skills-grid{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:70px 25px;margin-bottom:4rem}.skills-list-container{display:flex;flex-direction:column;align-items:center}.skills-list{display:grid;grid-template-columns:repeat(2,1fr);width:100%;gap:0 4rem}.skills-line{margin:.3rem 0;position:relative}.skills-line:nth-child(odd){text-align:right;padding-right:18px;padding-left:0;margin-right:8px}.skills-line:nth-child(2n){text-align:left;padding-left:18px;margin-left:15px}.skill-item{position:relative;display:flex;align-items:center}.skill-icon{width:60px;height:60px;border-radius:50%;background-color:#e0e0e0;box-shadow:0 2px 5px #0000001a;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.dark-mode .skill-icon{background-color:#3a3a3a}.skill-icon img{width:30px;height:30px;opacity:.9;transition:opacity .3s ease}.skill-name{position:absolute;top:50px;left:50%;white-space:nowrap;background-color:#f0f0f0;color:#6a6a6a;padding:8px 12px;border-radius:6px;font-size:.9em;z-index:10;opacity:0;transform:translate(-50%,-10px);transition:opacity .3s ease,transform .3s ease;pointer-events:none;box-shadow:0 2px 5px #0000001a}.skill-item:hover .skill-name{opacity:1;transform:translate(-50%)}.skill-name:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-8px;border-width:8px;border-style:solid;border-color:transparent transparent #f0f0f0 transparent;transition:border-color .3s ease}.dark-mode .skill-name{background-color:#333;color:#aaa}.dark-mode .skill-name:after{border-color:transparent transparent #333 transparent}.fade-in-1{animation:fadeIn1 1s ease-out}.fade-in-2{animation:fadeIn2 1.5s ease-out}.fade-in-3{animation:fadeIn3 2s ease-out}.contact-links{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.contact-link{text-align:right;position:relative;padding-right:18px}.right-pulse-dot,.left-pulse-dot{position:relative}.right-pulse-dot:after,.left-pulse-dot:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:6px;height:6px;background-color:#8ac3ff;border-radius:50%;z-index:2}.right-pulse-dot:after{right:0}.left-pulse-dot:after{left:0}.right-pulse-dot:before,.left-pulse-dot:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:12px;height:12px;background-color:#4a90e280;border-radius:50%;z-index:1;animation:pulse 2s infinite ease-in-out}.right-pulse-dot:before{right:-3px}.left-pulse-dot:before{left:-3px}@keyframes pulse{0%{transform:translateY(-50%) scale(.5);opacity:.7}70%{transform:translateY(-50%) scale(2);opacity:0}to{transform:translateY(-50%) scale(.5);opacity:0}}.right-pulse-dot:hover:after,.left-pulse-dot:hover:after{background-color:#4a90e2}.right-pulse-dot:hover:before,.left-pulse-dot:hover:before{background-color:#439afd80}.by-lines{display:flex;flex-direction:column;gap:.5rem;margin-bottom:3rem}.by-line{margin-top:0rem;margin-bottom:0rem;text-align:right;padding-right:1rem}.dark-blue:after{background-color:#2a5deb}.dark-blue:before{background-color:#2a5deb}.dark-blue:hover:after{background-color:#0356b4}.dark-blue:hover:before{background-color:#0356b4}.dark-yellow:after{background-color:#dab513}.dark-yellow:before{background-color:#dab513}.dark-yellow:hover:after{background-color:#b49c15}.dark-yellow:hover:before{background-color:#b49c15}.dark-red:after{background-color:#da3333}.dark-red:before{background-color:#da3333}.dark-red:hover:after{background-color:#b92727}.dark-red:hover:before{background-color:#b92727}.green:after,.green:before{background-color:#2ecc71}.green:hover:after,.green:hover:before{background-color:#27ae60}.yellow:after,.yellow:before{background-color:#f1c40f}.yellow:hover:after,.yellow:hover:before{background-color:#f39c12}.darkblue:after,.darkblue:before{background-color:#3498db}.darkblue:hover:after,.darkblue:hover:before{background-color:#2980b9}.blue:after,.blue:before{background-color:#3498db}.blue:hover:after,.blue:hover:before{background-color:#2980b9}.red:after,.red:before{background-color:#e74c3c}.red:hover:after,.red:hover:before{background-color:#c0392b}.orange:after,.orange:before{background-color:#e67e22}.orange:hover:after,.orange:hover:before{background-color:#d35400}.grey:after,.grey:before{background-color:#95a5a6}.grey:hover:after,.grey:hover:before{background-color:#7f8c8d}.yellow-text{color:#dab513}.blue-text{color:#2965d4}.red-text{color:#da3333}.name-clickable,.nickname-clickable{position:relative;cursor:pointer}.name-clickable:after{content:"";display:none;position:absolute;bottom:-40px;left:0;background-color:#f0f0f0;color:#6a6a6a;padding:5px 10px;border-radius:4px;font-size:.9em;white-space:nowrap;z-index:10;box-shadow:0 2px 5px #0000001a}.dark-mode .name-clickable:after{background-color:#2a2a2a;color:#aaa;box-shadow:0 2px 5px #0000004d}.nickname-clickable:after{content:"";display:none;position:absolute;bottom:-40px;left:0;background-color:#f0f0f0;padding:5px 10px;border-radius:4px;font-size:1em;white-space:nowrap;z-index:10;box-shadow:0 2px 5px #0000001a}.dark-mode .nickname-clickable:after{background-color:#2a2a2a;box-shadow:0 2px 5px #0000004d}.show-chinese:after{content:"李松宇";display:block;animation:fadeInOut 2s}.show-emoji:after{content:"🙂";display:block;animation:fadeInOut 2s}@keyframes fadeInOut{0%{opacity:0;transform:translateY(5px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(5px)}}.projects-container{display:flex;flex-direction:column;align-items:center;max-width:450px;gap:2.5rem;margin:0 auto 2rem}.project-tile{display:flex;flex-direction:column;border-radius:12px}.tile-section{display:flex;height:fit-content;position:relative;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3));gap:8px;align-items:stretch}.image-slice{flex:5;width:fit-content;height:fit-content;display:flex}.image-slice img{width:100%;height:100%;object-fit:contain;border-top-left-radius:14px;border-bottom-left-radius:14px;transition:all .3s ease;opacity:.9}.button-slice{background-color:#bbbbbb80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-top-right-radius:14px;border-bottom-right-radius:14px;display:flex;align-items:center;justify-content:center;width:100%;height:100%;cursor:pointer;transition:all .3s ease;flex:.8}.dark-mode .button-slice{background-color:#46464680}.button-slice-link{flex:.8;transition:all .3s ease}.button-slice-link:hover{flex:.9}.arrow-text{font-size:1.8rem;color:#6a6a6a;transition:all .3s ease;line-height:1;font-weight:500}.dark-mode .arrow-text{color:#aaa}.button-slice:hover .arrow-text{color:#333;transform:scale(1.2)}.dark-mode .button-slice:hover .arrow-text{color:#fff;transform:scale(1.2)}.text-section{padding:1.6rem .5rem 1rem}.project-title{color:#494949;font-weight:700;margin:0 0 .5rem;font-size:1.2rem;width:fit-content}.dark-mode .project-title{color:#f5f5f5}.project-description{color:#636363;font-size:.9rem;margin:0;white-space:pre-line}.dark-mode .project-description{color:#aaa}.project-year{color:#636363;font-family:monospace;font-size:.9rem;margin:0;white-space:nowrap}.dark-mode .project-year{color:#aaa}.project-title-container{display:flex;flex-direction:row;align-items:center;gap:20px;justify-content:space-between}.project-title-bar{min-width:20px;height:3px;background-color:#8ac3ff;flex-grow:1}.dark-mode .intense-bold{color:#c9c9c9}.intense-bold{color:#0c0c0c}.cover-letter{line-height:2}