body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{background-color:initial!important;transition:all .3s ease-in-out!important}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#f5f2edf2!important}.nav-brand{color:#211d1e;font-weight:600;letter-spacing:.5px;text-decoration:none}.nav-links{display:flex;gap:1rem;margin-left:auto}.nav-link{color:#211d1ecc!important;font-weight:500!important;padding:6px 12px!important;position:relative;text-transform:none!important}.nav-link:after{background-color:#ed2124;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease-in-out;width:0}.nav-link.active:after,.nav-link:hover:after{width:80%}.drawer-paper,.nav-link.active,.nav-link:hover{color:#211d1e!important}.drawer-paper{background-color:#f5f2ed!important;width:250px}@media (max-width:600px){.nav-brand{font-size:1.2rem!important}}.home-page{background-color:#f5f2ed;min-height:100vh;padding:2rem 0}.hero-content,.home-page{align-items:center;display:flex}.hero-content{flex-direction:column;justify-content:center;margin:0 auto;max-width:80%;padding:2rem;text-align:center}.hero-title{color:#211d1e;font-size:3.5rem!important;font-weight:700!important;margin-bottom:1rem!important}.accent{color:#ed2124;display:inline-block;font-family:Ounen-mouhitsu,serif;position:relative}.hero-subtitle{color:#211d1ecc;font-size:1.2rem!important;font-weight:500!important;margin-bottom:1.5rem!important}.main-content{align-items:center;display:flex;gap:0;justify-content:center;margin-top:2rem;width:100%}.bonsai-image{flex-shrink:1;height:35%;object-fit:contain;width:35%}.directories-section{align-items:flex-start;display:flex;flex-direction:column;gap:0}.directories-title{color:#211d1e;font-family:Ounen-mouhitsu,serif;font-size:2rem!important;font-weight:600!important;margin-bottom:.5rem!important}.directories-list{align-items:flex-start;display:flex;flex-direction:column;gap:1.2rem}.directory-item{border-radius:4px;padding:.5rem;text-decoration:none;transition:all .3s ease}.directory-item:hover{transform:translateX(3px) rotate(2deg)}.directory-name{color:#211d1e;font-family:和風ぽっぷ,serif!important;font-size:1.5rem!important;font-weight:500!important;margin:0!important}.directory-item:hover .directory-name{color:#38090a;transition:color .2s cubic-bezier(.4,0,.2,1)}.social-links{align-items:center;display:flex;flex-direction:row;gap:1.5rem;justify-content:flex-start;margin-left:.8rem!important;margin-top:2rem!important}.social-link{border-radius:8px;padding:.5rem}.social-icon{height:40px;width:40px}@media (max-width:1024px){.hero-title{font-size:3rem!important}.hero-content{max-width:90%;padding:1.5rem}.bonsai-image{height:32%;width:32%}.directory-name{font-size:1.4rem!important}.social-icon{height:34px;width:34px}}@media (max-width:768px){.hero-title{font-size:2.5rem!important}.hero-content{max-width:95%;padding:1rem}.main-content{gap:1rem;margin-top:1.5rem}.bonsai-image{height:28%;min-width:120px;width:28%}.directories-list{gap:1rem}.directory-name{font-size:1.2rem!important}.social-links{gap:1rem;margin-top:1.5rem!important}.social-icon{height:30px;width:30px}}@media (max-width:480px){.hero-title{font-size:2rem!important}.hero-content{padding:.5rem}.main-content{gap:.5rem;margin-top:1rem}.bonsai-image{height:25%;min-width:100px;width:25%}.directories-list{gap:.8rem}.directory-name{font-size:1rem!important}.social-links{gap:.8rem;margin-top:1rem!important}.social-icon{height:26px;width:26px}}.about-page{background-color:#f5f2ed;min-height:100vh;padding:6rem 0}.about-container{margin:0 auto;max-width:1200px;padding:0 2rem}.page-title{animation:fadeInUp .8s ease-out forwards;color:#211d1e;font-size:3rem;font-weight:700;letter-spacing:-.02em;margin-bottom:4rem;opacity:0;text-align:center;transform:translateY(30px)}.top-section{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-bottom:6rem}.left-column{display:flex;flex-direction:column;gap:3rem}.bio-section{animation:fadeInUp .8s ease-out .3s forwards;opacity:0;transform:translateY(30px)}.bio-text{color:#211d1ecc;font-size:1.4rem;font-weight:400;line-height:1.6;margin:0;text-align:left}.right-column{display:flex;flex-direction:column}.skills-section{opacity:0;transform:translateY(50px);transition:all .8s ease-out}.skills-section.visible{opacity:1;transform:translateY(0)}.skills-section .section-title{color:#211d1e;font-size:2rem;font-weight:600;letter-spacing:-.01em;margin-bottom:2rem}.skills-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #211d1e14;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2rem;transition:all .3s ease}.skills-content:hover{border-color:#ed212433;box-shadow:0 12px 40px #00000026;transform:translateY(-5px)}.skill-category{margin-bottom:2rem}.skill-category:last-child{margin-bottom:0}.category-title{color:#211d1ee6;font-size:1.1rem;font-weight:600;letter-spacing:.02em;margin:0 0 1rem}.skills-list{display:flex;flex-wrap:wrap;gap:.6rem}.skill-tag{background:#ed21241a;border:1px solid #ed212433;border-radius:20px;color:#ed2124;cursor:default;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;transition:all .3s ease}.skill-tag:hover{background:#ed212433;box-shadow:0 4px 12px #ed212433;transform:translateY(-2px)}.education-section{opacity:0;transform:translateY(50px);transition:all .8s ease-out}.education-section.visible{opacity:1;transform:translateY(0)}.education-section .section-title{color:#211d1e;font-size:2rem;font-weight:600;letter-spacing:-.01em;margin-bottom:1.5rem;text-align:left}.content-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #211d1e14;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2.5rem;transition:all .3s ease}.content-card:hover{border-color:#ed212433;box-shadow:0 12px 40px #00000026;transform:translateY(-5px)}.degree{color:#ed2124;font-size:1.4rem;font-weight:600;line-height:1.3;margin:0 0 .8rem}.university{color:#211d1ee6;font-size:1.1rem;line-height:1.4;margin:0 0 1.5rem}.education-details{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:1.5rem}.gpa,.graduation{color:#211d1eb3;font-size:1rem;margin:0}.achievement{background:#ed21241a;border:1px solid #ed212433;border-radius:25px;color:#ed2124;display:inline-block;font-size:1rem;font-weight:500;margin:0;padding:.8rem 1.5rem}.experience-section{opacity:0;transform:translateY(50px);transition:all .8s ease-out}.experience-section.visible{opacity:1;transform:translateY(0)}.section-header{margin-bottom:3rem;text-align:center}.section-title{font-size:2.2rem;font-weight:600;letter-spacing:-.01em;margin-bottom:1rem}.section-line{background:linear-gradient(90deg,#ed2124,#ff4447);border-radius:2px;height:3px;margin:0 auto;width:60px}.experience-timeline{margin:0 auto;max-width:800px;position:relative}.experience-timeline:before{background:linear-gradient(180deg,#ed2124,#ff4447);border-radius:2px;bottom:0;content:"";left:30px;position:absolute;top:0;width:3px}.timeline-item{margin-bottom:3rem;padding-left:5rem;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-marker{background:#ed2124;border:4px solid #f5f2ed;border-radius:50%;box-shadow:0 0 0 3px #ed21244d;height:24px;left:18px;position:absolute;top:1.5rem;width:24px}.job-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #211d1e14;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2.5rem;transition:all .3s ease}.job-card:hover{border-color:#ed212433;box-shadow:0 12px 40px #00000026;transform:translateY(-5px)}.job-title{color:#ed2124;font-size:1.4rem;font-weight:600;line-height:1.3;margin:0 0 .5rem}.company{color:#211d1ee6;font-size:1.1rem;line-height:1.4;margin:0 0 .3rem}.period{color:#211d1e99;font-size:1rem;font-style:italic;margin:0 0 1.5rem}.job-responsibilities{list-style:none;margin:0;padding:0}.job-responsibilities li{color:#211d1eb3;line-height:1.5;margin-bottom:.8rem;padding-left:1.5rem;position:relative}.job-responsibilities li:before{color:#ed2124;content:"▸";font-size:1.1rem;font-weight:700;left:0;position:absolute}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:968px){.top-section{gap:3rem;grid-template-columns:1fr}.left-column{gap:2.5rem}}@media (max-width:768px){.about-page{padding:5rem 0 4rem}.about-container{padding:0 1.5rem}.page-title{font-size:2.5rem;margin-bottom:3rem}.top-section{gap:2.5rem;margin-bottom:4rem}.left-column{gap:2rem}.bio-text{font-size:1.2rem}.skills-section .section-title{font-size:1.8rem}.skills-content{padding:1.5rem}.section-title{font-size:2rem}.content-card{padding:2rem}.education-details{flex-direction:column;gap:.5rem}.experience-timeline:before{left:20px}.timeline-item{padding-left:3.5rem}.timeline-marker{height:20px;left:8px;width:20px}.job-card{padding:2rem}}@media (max-width:480px){.about-page{padding:4rem 0 3rem}.about-container{padding:0 1rem}.page-title{font-size:2.2rem}.left-column{gap:1.5rem}.bio-text{font-size:1.1rem;line-height:1.6}.skills-section .section-title{font-size:1.6rem}.skills-content{padding:1.2rem}.skill-tag{font-size:.85rem;padding:.5rem 1rem}.section-title{font-size:1.8rem}.content-card{padding:1.5rem}.degree{font-size:1.4rem}.university{font-size:1.1rem}.job-card{padding:1.5rem}.job-title{font-size:1.2rem}.company{font-size:1rem}}.projects-container{align-items:center;display:flex;flex-direction:column;min-height:100vh;padding:6rem 2rem 4rem}.section-description,.section-title{width:100%}.projects-grid{margin-left:auto!important;margin-right:auto!important;margin-top:2rem;width:70%!important}.project-card{background-color:#211d1e0d!important;border:1px solid #211d1e1a;border-radius:12px!important;transition:transform .3s ease,box-shadow .3s ease;width:100%!important}.project-card:hover{box-shadow:0 8px 30px #0003;transform:translateY(-5px)}.project-title{color:#ed2124!important;font-weight:600!important;margin-bottom:.5rem!important}.project-type{color:#211d1e99!important;font-size:.9rem!important;margin-bottom:1rem!important}.project-description{color:#211d1ecc!important;line-height:1.6!important;margin-bottom:1.5rem!important}.achievements{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.achievement-chip{background-color:#ed212426!important;border:1px solid #ed21244d!important;color:#ed2124!important;font-weight:500!important}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-chip{background-color:#211d1e0d!important;border:1px solid #211d1e1a!important;color:#211d1eb3!important;font-size:.8rem!important}.project-actions{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.project-link{border:1px solid #ed21244d!important;color:#ed2124!important;font-weight:500!important;padding:.5rem 1rem!important;text-transform:none!important}.project-link:hover{background-color:#ed21241a!important}.expand-button{color:#211d1eb3!important;margin-left:auto!important;transition:transform .3s ease!important}.expand-button.expanded{transform:rotate(180deg)}.expanded-content{border-top:1px solid #211d1e1a;margin-top:2rem;padding-top:2rem}.full-description{color:#211d1ecc!important;line-height:1.8!important;margin-bottom:2rem!important}.section-subtitle{color:#ed2124!important;font-weight:600!important;margin:2rem 0 1rem!important}.role-title{color:#211d1ee6!important;font-weight:500!important;margin-bottom:1rem!important}.architecture-list,.contributions-list,.feature-list,.impact-list{list-style-type:none;margin:0;padding-left:0}.architecture-list li,.contributions-list li,.feature-list li,.impact-list li{color:#211d1eb3;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.architecture-list li:before,.contributions-list li:before,.feature-list li:before,.impact-list li:before{color:#ed2124;content:"•";font-size:1.2rem;left:0;position:absolute}@media (max-width:1200px){.projects-grid{width:85%!important}}@media (max-width:768px){.projects-container{padding:5rem 1rem 3rem}.projects-grid{width:95%!important}.section-title{font-size:2rem!important}.project-actions{flex-wrap:wrap}.project-link{flex:1 1;text-align:center}.expand-button{margin-left:0!important}}.contact-container{min-height:100vh;padding:6rem 2rem 4rem}.section-title{color:#211d1e;font-size:2.5rem!important;font-weight:700!important;margin-bottom:1rem!important;text-align:center}.section-description{color:#211d1eb3;margin:0 auto 3rem!important;max-width:600px;text-align:center}.contact-grid{margin-bottom:4rem}.contact-card{align-items:center;background-color:#211d1e0d!important;border:1px solid #211d1e1a;border-radius:12px!important;display:flex;flex-direction:column;height:100%;padding:2rem!important;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.contact-card:hover{box-shadow:0 8px 30px #0003;transform:translateY(-5px)}.card-icon{align-items:center;background:#ed2124;border-radius:50%;display:flex;height:60px;justify-content:center;margin-bottom:1.5rem;width:60px}.card-icon svg{color:#f5f2ed;font-size:2rem}.contact-title{color:#211d1e!important;font-weight:600!important;margin-bottom:.5rem!important}.contact-value{font-weight:500!important;margin-bottom:1rem!important}.contact-value,.contact-value.clickable{color:#ed2124!important;cursor:pointer;transition:all .3s ease}.contact-value.clickable:hover{opacity:.8;text-decoration:underline}.contact-description{color:#211d1eb3!important;flex-grow:1;margin-bottom:1.5rem!important}.contact-button{background:#ed2124!important;border-radius:8px!important;color:#f5f2ed!important;font-weight:500!important;padding:.8rem 2rem!important;text-transform:none!important;transition:transform .3s ease!important}.contact-button:hover{transform:translateY(-2px)}.contact-button.reveal-button{background:#ed2124!important;opacity:.9;transition:all .3s ease!important}.contact-button.reveal-button:hover{opacity:1;transform:translateY(-2px)}.contact-footer{border-top:1px solid #211d1e1a;padding-top:2rem;text-align:center}.contact-footer .MuiTypography-body1{color:#211d1ee6!important;margin-bottom:.5rem!important}.contact-footer .MuiTypography-body2{color:#211d1e99!important}@media (max-width:768px){.contact-container{padding:5rem 1rem 3rem}.section-title{font-size:2rem!important}.contact-card{padding:1.5rem!important}}.footer{background-color:#211d1e0d;border-top:1px solid #211d1e1a;margin-top:auto;padding:1rem 0}.footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.copyright{color:#211d1e99;font-size:.9rem;font-weight:400}.social-icons{align-items:center;display:flex;gap:1rem}.social-link{border-radius:4px;display:inline-block;padding:.25rem;transition:all .3s ease}.social-link:hover{transform:scale(1.1)}.social-icon{height:24px;object-fit:contain;transition:all .3s ease;width:24px}.social-link:hover .social-icon{filter:brightness(.8) saturate(1.2)}@media (max-width:768px){.footer-content{flex-direction:column;gap:.5rem;padding:0 1rem;text-align:center}.copyright{font-size:.8rem;order:2}.social-icons{gap:.8rem;order:1}.social-icon{height:20px;width:20px}}@media (max-width:480px){.footer{padding:.8rem 0}.footer-content{padding:0 .5rem}.copyright{font-size:.75rem}.social-icon{height:18px;width:18px}}@font-face{font-family:The Loccosta Regular;font-style:normal;font-weight:400;src:url(/static/media/The%20Loccosta%20Regular.bae955efe29b5a5c2e35.otf) format("opentype")}@font-face{font-family:Noot Regular;font-style:normal;font-weight:400;src:url(/static/media/Noot%20Regular.0b2580850da0daf8ab26.ttf) format("opentype")}@font-face{font-family:Ounen-mouhitsu;font-style:normal;font-weight:400;src:url(/static/media/Ounen-mouhitsu.3c1117826040acfa7822.otf) format("opentype")}@font-face{font-family:和風ぽっぷ;font-style:normal;font-weight:400;src:url(/static/media/%E5%92%8C%E9%A2%A8%E3%81%BD%E3%81%A3%E3%81%B7.6276d3f07ce4bc6edb57.ttf) format("opentype")}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{min-height:100vh;overflow-x:hidden;width:100%}body{background-color:#f5f2ed;color:#211d1e;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-width:100vw}#root,.App{display:flex;flex-direction:column;min-height:100vh;width:100%}.App{overflow-x:hidden}main{flex:1 1;width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#211d1e1a}::-webkit-scrollbar-thumb{background:#ed2124;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#d11e21}::selection{background-color:#ed21244d;color:#211d1e}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}.MuiContainer-root{max-width:1200px!important;padding-left:1rem!important;padding-right:1rem!important;width:100%!important}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s ease-in}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s ease-in}@media (max-width:768px){html{font-size:14px}}@media (min-width:769px) and (max-width:1024px){html{font-size:15px}}@media (min-width:1025px){html{font-size:16px}}
/*# sourceMappingURL=main.b2c8d579.css.map*/