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{-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);background:linear-gradient(120deg,#ffffff21,#7be4ff0f);border:1px solid #fff3;border-radius:18px;box-shadow:0 12px 34px #00000047,inset 0 1px 0 #ffffff24;box-sizing:border-box;color:#fff;height:66px;left:16px;padding:0 20px;position:fixed;top:12px;width:calc(100% - 32px);z-index:1001}.navbar,.navbar-top{align-items:center;display:flex;justify-content:space-between}.navbar-top{gap:.7rem;width:auto}.navbar-logo{height:56px;width:auto}.navbar-brand{font-size:1.65rem;font-weight:700}.hamburger,.navbar-brand{color:#fff;text-shadow:-2px 0 8px #0000004d}.hamburger{background:none;border:none;cursor:pointer;font-size:2rem;z-index:1100}.hamburger-active{color:#000;text-shadow:none}.navbar-nav{align-items:center;display:flex;gap:.35rem;margin-left:auto;margin-right:2rem}.nav-item{background:none;border:1px solid #0000;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;padding:.7rem 1rem;text-align:left;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.nav-item:hover{background:linear-gradient(120deg,#ff9ce333,#7be4ff2e);border-color:#ffffff47;box-shadow:0 8px 22px #0f143c29,inset 0 1px 0 #ffffff59;transform:translateX(4px)}.nav-item:active{transform:translateX(4px) scale(.97)}.nav-resume{background:linear-gradient(135deg,#ff9ce3,#ffd45f);border-radius:999px;color:#080b18;font-weight:700;margin-left:.35rem;padding:.7rem 1rem;text-decoration:none}.hamburger{display:none}@media (max-width:720px){.hamburger{display:block}.navbar-top{width:100%}.hamburger{margin-left:auto}.navbar-nav{align-items:stretch;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#f8faffe6;box-shadow:-2px 0 18px #0000004d;flex-direction:column;gap:0;height:100vh;left:auto;margin:0;padding-top:80px;position:fixed;right:-280px;top:0;transition:right .3s ease-in-out;width:250px;z-index:1050}.navbar-nav.open{right:0}.nav-item{color:#1a1a1a;margin:.25rem .8rem;padding:.9rem 1rem}.nav-resume{margin:1rem 1.5rem;text-align:center}}.hero{align-items:center;background:radial-gradient(circle at top,#3232ff55 0,#0000 55%),radial-gradient(circle at bottom,#ff3b3b55 0,#0000 55%),linear-gradient(135deg,#050510,#050818 40%,#0b1024);box-sizing:border-box;color:#fdfdfd;display:flex;font-family:system-ui,-apple-system,BlinkMacSystemFont,Noto Sans JP,Segoe UI,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;overflow-y:hidden;padding:96px 0 5rem;position:relative;width:100%}.hero:after,.hero:before{background:linear-gradient(120deg,#0000,#ffffff0f 40%,#ffffff05 60%,#0000);content:"";height:140%;left:-20%;pointer-events:none;position:absolute;top:-20%;transform:rotate(-8deg);width:140%}.hero:after{filter:blur(12px);opacity:.4}.hero-content{align-items:center;display:flex;flex-wrap:wrap;gap:3rem;justify-content:space-between;margin:auto;max-width:1200px;position:relative;width:80%;z-index:1}.hero-left{display:flex;flex:1 1 320px;flex-direction:column;justify-content:center;min-width:280px}.hero-tagline{color:#ffb7e1;font-size:.85rem;letter-spacing:.18em;margin-bottom:.75rem;opacity:.85;text-transform:uppercase}.hero-title{font-size:clamp(2.7rem,4vw,3.6rem);font-weight:700;line-height:1.05;margin:0 0 .5rem}.highlight{-webkit-text-fill-color:#fff;color:#fff;text-shadow:0 0 20px #ffffff2e}.hero-name-jp{color:#c8e4ff;font-size:.95rem;letter-spacing:.12em;margin-bottom:1.5rem;opacity:.9;text-transform:uppercase}.hero-subtitle{color:#f7f7ff;font-size:1rem;line-height:1.7;margin:0 0 1.8rem;max-width:540px}.hero-pills{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.8rem}.pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffff1a,#78b4ff14);border:1px solid #ffffff2e;border-radius:999px;font-size:.85rem;padding:.5rem .9rem;white-space:nowrap}.hero-cta{display:flex;flex-wrap:wrap;gap:.8rem}.btn-ghost,.btn-primary{border:1px solid #0000;border-radius:999px;cursor:pointer;font-size:.95rem;padding:.75rem 1.4rem;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .2s ease,border-color .2s ease}.btn-primary{background:linear-gradient(135deg,#ff7bc2,#fd6);box-shadow:0 0 18px #ff9edf80;color:#141217}.btn-primary:hover{box-shadow:0 0 28px #ffbae6cc;transform:translateY(-2px)}.btn-ghost{background:#05081e99;border-color:#ffffff47;color:#fdfdfd}.btn-ghost:hover{background:#0a0f32d9;transform:translateY(-2px)}.hero-right{flex:1 1 320px;min-width:280px}.hero-right,.image-orbit{align-items:center;display:flex;justify-content:center;position:relative}.image-orbit{aspect-ratio:3/4;width:min(320px,60vw)}.orbit-ring{animation:orbit-spin 16s linear infinite;border:1px dashed #ffffff40;border-radius:50%;box-shadow:0 0 18px #7be4ff66;pointer-events:none;position:absolute}.orbit-ring-1{animation-direction:reverse;animation-duration:22s;height:115%;width:115%}.orbit-ring-2{border-color:#ffb1dbb3;border-style:solid;height:85%;width:85%}.orbit-ring-3{animation-duration:12s;border-color:#ffdd66b3;height:60%;width:60%}.image-frame{display:inline-block;position:relative;z-index:2}.anime-frame{background:radial-gradient(circle at top,#202040,#090916);border:2px solid #fff9;border-radius:24px;box-shadow:0 18px 40px #000000b3,0 0 40px #7be4ff80;overflow:hidden}.profile-img{display:block;height:100%;object-fit:cover;width:100%}.corner-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050514cc;border:1px solid #ffffff80;border-radius:999px;bottom:.8rem;font-size:.75rem;left:.8rem;letter-spacing:.16em;padding:.3rem .7rem;position:absolute;text-transform:uppercase}.floating-labels{display:flex;flex-direction:column;gap:.5rem;position:absolute;right:-.5rem;top:15%}.floating-tag{animation:float-tag 4s ease-in-out infinite;background:#080c28d9;border:1px solid #7be4ff99;border-radius:999px;box-shadow:0 0 12px #7be4ff66;font-size:.7rem;padding:.35rem .8rem;white-space:nowrap}.floating-tag:nth-child(2){animation-delay:1.2s}.bubble-word{display:inline-block;margin-right:8px;opacity:0;transform:translateY(10px) scale(.95)}@media (prefers-reduced-motion:reduce){.bubble-word,.hero-title.animate-on-load .bubble-word{animation:none;opacity:1;transform:none}.floating-tag,.orbit-ring{animation:none}}.hero-title.animate-on-load .bubble-word{animation:bubble .8s ease-out forwards}.hero-title.animate-on-load .bubble-word:first-child{animation-delay:0s}.hero-title.animate-on-load .bubble-word:nth-child(2){animation-delay:.15s}.hero-title.animate-on-load .bubble-word:nth-child(3){animation-delay:.3s}.hero-title.animate-on-load .bubble-word:nth-child(4){animation-delay:.45s}@keyframes orbit-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bubble{0%{opacity:0;transform:translateY(10px) scale(.9)}60%{opacity:1;transform:translateY(-4px) scale(1.03)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float-tag{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (max-width:720px){.hero-content{flex-direction:column;text-align:center;width:90%}.hero-left{align-items:center}.hero-pills,.hero-subtitle{max-width:100%}.hero-cta,.hero-pills{justify-content:center}.floating-labels{align-items:center;margin-top:1rem;position:static}}@media (max-width:600px){.hero{padding:6.5rem 0 4.5rem}.image-orbit{width:70vw}.hero-title{font-size:2.3rem}}.project-page{align-items:center;background:radial-gradient(circle at top,#3232ff55 0,#0000 55%),radial-gradient(circle at bottom,#ff3b3b55 0,#0000 55%),linear-gradient(135deg,#050510,#050818 40%,#0b1024);color:#fdfdfd;display:flex;font-family:system-ui,-apple-system,BlinkMacSystemFont,Noto Sans JP,Segoe UI,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:4rem 0;position:relative;width:100%}.project-page:after,.project-page:before{background:linear-gradient(120deg,#0000,#ffffff0f 40%,#ffffff05 60%,#0000);content:"";height:140%;left:-20%;pointer-events:none;position:absolute;top:-20%;transform:rotate(-10deg);width:140%}.project-page:after{filter:blur(12px);opacity:.4}.project-inner{margin:0 auto;max-width:1200px;position:relative;width:82%;z-index:1}.project-header{margin-bottom:2.4rem;max-width:640px}.project-kicker{color:#ffb7e1;font-size:.85rem;letter-spacing:.18em;margin-bottom:.5rem;text-transform:uppercase}.project-title{font-size:clamp(2.1rem,3vw,2.6rem);margin:0 0 .6rem}.project-subtitle{color:#e4ebff;font-size:.98rem;line-height:1.7}.project-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:720px){.project-grid{grid-template-columns:1fr}}.project-card{border:1px solid #7be4ff4d;border-radius:1.4rem;box-shadow:0 18px 40px #000000b3,0 0 30px #7be4ff40;cursor:default;display:flex;flex-direction:column;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.project-card:hover{border-color:#fd6c;box-shadow:0 22px 50px #000000d9,0 0 38px #ffdd6680;transform:translateY(-6px) scale(1.01)}.project-card-image-wrapper{height:220px;overflow:hidden;position:relative;width:100%}.project-card-image{height:100%;object-fit:cover;transform:scale(1.03);transition:transform .25s ease;width:100%}.project-card:hover .project-card-image{transform:scale(1.08)}.project-card-overlay{background:linear-gradient(180deg,#05050a1a,#050514cc);inset:0;position:absolute}.project-card-tag{background:#050514db;border:1px solid #ffffffb3;border-radius:999px;bottom:.8rem;color:#fdfdfd;font-size:.75rem;left:.9rem;letter-spacing:.12em;padding:.25rem .7rem;position:absolute;text-transform:uppercase}.project-card-body{padding:1rem 1.1rem 1.1rem}.project-card-title{color:#ffcf7b;font-size:1.1rem;margin-bottom:.45rem}.project-card-desc{color:#dde6ff;font-size:.92rem;line-height:1.6;margin-bottom:.7rem}.project-card-tech{display:flex;flex-wrap:wrap;gap:.4rem}.project-tech-pill{background:#050a1ee6;border:1px solid #7be4ff80;border-radius:999px;color:#e4f5ff;font-size:.76rem;padding:.3rem .7rem}.project-tech-pill.more{border-style:dashed}.project-modal-overlay{align-items:center;background:#02040cd9;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:3000}.project-modal{background:radial-gradient(circle at top,#182040,#050816);border:1px solid #7be4ff80;border-radius:24px;box-shadow:0 26px 60px #000000e6,0 0 40px #7be4ff99;color:#fdfdfd;max-height:90vh;max-width:900px;outline:none;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}.project-modal-content{display:flex;flex-direction:column;height:100%;padding:1.6rem 1.8rem 1.7rem}.modal-close-btn{align-items:center;background:#05081ee6;border:1px solid #fff6;border-radius:999px;color:#fdfdfd;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;position:absolute;right:.8rem;top:.8rem;transition:background .2s ease,transform .1s ease;width:40px}.modal-close-btn:hover{background:linear-gradient(135deg,#ff7bc2,#fd6);color:#141217;transform:translateY(-1px)}.modal-layout{display:flex;flex-direction:column;gap:1.2rem;margin-top:1.2rem}@media (max-width:780px){.project-modal{-webkit-overflow-scrolling:touch;height:80vh;max-height:70vh;overflow-y:auto}.project-modal-content{height:auto;max-height:none}}.project-modal{scrollbar-width:none}.project-modal::-webkit-scrollbar{height:0;width:0}.modal-media{display:flex;flex-direction:column}.modal-media-frame{background:#02030a;border:1px solid #ffffff40;border-radius:1.1rem;max-height:360px;overflow:hidden}.modal-image{display:block;height:100%;object-fit:contain;width:100%}.modal-tech-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.8rem}.modal-tech-pill{background:#050a1ef5;border:1px solid #7be4ff99;border-radius:999px;font-size:.78rem;padding:.28rem .7rem}.modal-text{display:flex;flex-direction:column;max-height:none;overflow-y:visible;padding-right:.2rem}@media (max-width:780px){.modal-text{max-height:none}}.modal-role{color:#ffb7e1;font-size:.85rem;letter-spacing:.14em;margin-bottom:.2rem;text-transform:uppercase}.modal-title{font-size:1.5rem;margin-bottom:.6rem}.modal-short{color:#ffcf7b;font-size:.96rem;margin-bottom:.6rem}.modal-description{color:#e8ecff;font-size:.9rem;line-height:1.7;margin-bottom:1rem}.modal-links{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:auto}.modal-link-btn{align-items:center;border:1px solid #0000;border-radius:999px;cursor:pointer;display:inline-flex;font-size:.85rem;gap:.4rem;padding:.5rem .9rem;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,background .2s ease,border-color .2s ease,color .2s ease}.modal-link-btn span{white-space:nowrap}.modal-link-btn.youtube{background:#e53935;box-shadow:0 0 14px #e53935cc;color:#fdfdfd}.modal-link-btn.github{background:#0d1117;border-color:#ffffff4d;color:#fdfdfd}.modal-link-btn.doc{background:#fd6;color:#141217}.modal-link-btn:hover{box-shadow:0 0 18px #7be4ffb3;transform:translateY(-1px)}.project-card.featured{border-color:#7be4ff8c}.project-featured-label{color:#7be4ff;display:inline-block;font-size:.75rem;font-weight:800;letter-spacing:.12em;margin-bottom:.65rem;text-transform:uppercase}.project-card-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.project-card-actions a,.project-case-button{color:#f7f7ff;font:inherit;font-weight:700}.project-card-actions a{text-underline-offset:4px}.project-case-button{background:#7be4ff17;border:1px solid #7be4ff73;border-radius:999px;cursor:pointer;padding:.65rem 1rem}.modal-case-grid{grid-gap:.8rem;display:grid;gap:.8rem;margin:1.25rem 0}.modal-case-grid>div{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;padding:.9rem 1rem}.modal-case-grid h3{color:#7be4ff;font-size:.9rem;margin:0 0 .3rem}.modal-case-grid p{line-height:1.55;margin:0}@media (max-width:720px){.project-inner{width:90%}.project-card-image-wrapper{height:190px}}.contact-section{align-items:center;background:radial-gradient(circle at top,#3232ff55 0,#0000 55%),radial-gradient(circle at bottom,#ff3b3b55 0,#0000 55%),linear-gradient(135deg,#050510,#050818 40%,#0b1024);color:#fdfdfd;display:flex;font-family:system-ui,-apple-system,BlinkMacSystemFont,Noto Sans JP,Segoe UI,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:4rem 0;position:relative;width:100%}.contact-section:after,.contact-section:before{background:linear-gradient(120deg,#0000,#ffffff0f 40%,#ffffff05 60%,#0000);content:"";height:140%;left:-20%;pointer-events:none;position:absolute;top:-20%;transform:rotate(-10deg);width:140%}.contact-section:after{filter:blur(12px);opacity:.4}.contact-inner{grid-gap:2.3rem;display:grid;gap:2.3rem;grid-template-columns:minmax(260px,1.1fr) minmax(340px,1.3fr);margin:0 auto;max-width:1100px;position:relative;width:82%;z-index:1}@media (max-width:900px){.contact-inner{grid-template-columns:minmax(0,1fr);width:90%}}.contact-left{display:flex;flex-direction:column;justify-content:center}.contact-kicker{color:#ffb7e1;font-size:.85rem;letter-spacing:.18em;margin-bottom:.5rem;text-transform:uppercase}.contact-title{font-size:clamp(2rem,3vw,2.4rem);margin:0 0 .6rem}.contact-subtitle{color:#e4ebff;font-size:.98rem;line-height:1.7;margin-bottom:1.6rem;max-width:440px}.contact-info-grid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:1fr;margin-bottom:1.8rem}.contact-info-card{background:#0a122ce6;border:1px solid #7be4ff73;border-radius:.9rem;box-shadow:0 10px 24px #0000008c;padding:.7rem .85rem}.contact-info-label{color:#9fb6e0;display:block;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}.contact-info-value{color:#f7f7ff;display:inline-block;font-size:.95rem;margin-top:.2rem;text-decoration:none}.contact-social-block{margin-top:.4rem}.contact-social-label{color:#9fb6e0;font-size:.85rem;letter-spacing:.16em;margin-bottom:.5rem;text-transform:uppercase}.contact-social-links{display:flex;flex-wrap:wrap;gap:.7rem}.contact-social-links a{align-items:center;background:#0a143ce6;border:1px solid #7be4ff99;border-radius:999px;color:#fdfdfd;display:flex;font-size:1.1rem;height:40px;justify-content:center;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .2s ease,border-color .2s ease,color .2s ease;width:40px}.contact-social-links a:hover{background:linear-gradient(135deg,#7be4ff,#fd6);border-color:#0000;box-shadow:0 0 18px #7be4ffcc;color:#141217;transform:translateY(-2px)}.contact-right{align-items:center;display:flex;justify-content:center}.contact-form-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#0a143cf5,#050a1efa),radial-gradient(circle at top left,#4aafd555,#0000 60%);border:1px solid #7be4ff59;border-radius:24px;box-shadow:0 22px 50px #000000b3,0 0 26px #7be4ff59;padding:2rem 2.1rem;width:100%}.contact-form-title{font-size:1.5rem;margin-bottom:.3rem}.contact-form-subtitle{color:#d6e1ff;font-size:.9rem;margin-bottom:1.2rem}.contact-form{display:flex;flex-direction:column;gap:.9rem}.contact-row{display:flex;flex-wrap:wrap;gap:.8rem}@media (max-width:640px){.contact-form-card{padding:1.7rem 1.5rem}.contact-row{flex-direction:column}}.contact-field{display:flex;flex:1 1;flex-direction:column}.contact-field label{color:#9fb6e0;font-size:.8rem;letter-spacing:.12em;margin-bottom:.25rem;text-transform:uppercase}.contact-field input,.contact-field textarea{background:#050a1ee6;border:1px solid #ffffff40;border-radius:.7rem;color:#fdfdfd;font-family:inherit;font-size:.95rem;outline:none;padding:.7rem .8rem;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#9eaad0}.contact-field input:focus,.contact-field textarea:focus{background:#050c28fa;border-color:#7be4ffe6;box-shadow:0 0 16px #7be4ffb3}.contact-submit{align-self:flex-start;background:linear-gradient(135deg,#ff7bc2,#fd6);border:none;border-radius:999px;box-shadow:0 0 20px #ffbae6cc;color:#141217;cursor:pointer;font-size:.95rem;font-weight:600;margin-top:.2rem;padding:.7rem 1.6rem;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.contact-submit:hover:not(:disabled){box-shadow:0 0 26px #ffbae6;filter:brightness(1.03);transform:translateY(-2px)}.contact-submit:disabled{cursor:default;opacity:.7}.contact-status{font-size:.85rem;margin-top:.7rem}.contact-status-success{color:#7be4ff}.contact-status-error{color:#ffb3b3}.about-section{align-items:center;background:radial-gradient(circle at top,#3232ff55 0,#0000 55%),radial-gradient(circle at bottom,#ff3b3b55 0,#0000 55%),linear-gradient(135deg,#050510,#050818 40%,#0b1024);color:#fdfdfd;display:flex;font-family:system-ui,-apple-system,BlinkMacSystemFont,Noto Sans JP,Segoe UI,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:4rem 0;position:relative;width:100%;z-index:0}.about-section:after,.about-section:before{background:linear-gradient(120deg,#0000,#ffffff0f 40%,#ffffff05 60%,#0000);content:"";height:140%;left:-20%;pointer-events:none;position:absolute;top:-20%;transform:rotate(-12deg);width:140%}.about-section:after{filter:blur(12px);opacity:.4}.about-inner{grid-gap:2.5rem;align-items:stretch;display:grid;gap:2.5rem;grid-template-columns:minmax(260px,320px) minmax(0,1fr);margin:auto;max-width:1200px;position:relative;width:82%;z-index:1}.about-profile{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#0a143cf5,#050a1efa),radial-gradient(circle at top left,#4aafd555,#0000 60%);border:1px solid #7be4ff59;border-radius:24px;box-shadow:0 22px 50px #000000b3,0 0 26px #7be4ff59;display:flex;flex-direction:column;gap:1.3rem;padding:1.8rem 1.5rem 2.1rem}.about-avatar-orbit{align-items:center;aspect-ratio:3/4;display:flex;justify-content:center;margin-bottom:.6rem;position:relative;width:100%}.about-avatar-ring{animation:about-orbit-spin 18s linear infinite;border:1px dashed #ffffff42;border-radius:50%;box-shadow:0 0 18px #7be4ff73;pointer-events:none;position:absolute}.about-avatar-ring-1{animation-direction:reverse;animation-duration:24s;height:115%;width:115%}.about-avatar-ring-2{border-color:#ffb1dbb3;border-style:solid;height:85%;width:85%}.about-avatar-ring-3{animation-duration:12s;border-color:#ffdd66b3;height:60%;width:60%}.about-avatar-frame{background:radial-gradient(circle at top,#202040,#090916);border:2px solid #ffffffb3;border-radius:24px;box-shadow:0 18px 40px #000000bf,0 0 38px #7be4ff99;overflow:hidden;position:relative;z-index:2}.about-avatar-img{display:block;height:100%;object-fit:cover;width:100%}.about-avatar-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050514db;border:1px solid #fff9;border-radius:999px;bottom:.8rem;font-size:.75rem;left:.8rem;letter-spacing:.16em;padding:.3rem .75rem;position:absolute;text-transform:uppercase}.about-name-block{text-align:left}.about-name-en{font-size:1.05rem;font-weight:700;letter-spacing:.04em}.about-name-jp{color:#ffb7e1;font-size:.78rem;letter-spacing:.18em;margin-top:.1rem;text-transform:uppercase}.about-role{color:#c8e4ff;font-size:.9rem;margin-top:.35rem}.about-stats-grid{grid-gap:.7rem;display:grid;gap:.7rem;grid-template-columns:1fr;margin-top:.4rem}.about-stat{background:#050a1ee6;border:1px solid #ffffff1f;border-radius:.75rem;padding:.5rem .6rem}.about-stat-label{color:#9fb6e0;display:block;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.about-stat-value{color:#f7f7ff;font-size:.9rem}.about-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.about-links a{background:#0a122ce6;border:1px solid #7be4ff66;border-radius:999px;color:#e4f5ff;font-size:.8rem;padding:.45rem .85rem;text-decoration:none;transition:all .15s ease}.about-links a:hover{background:linear-gradient(135deg,#7be4ff,#fd6);border-color:#0000;box-shadow:0 0 18px #7be4ffb3;color:#141217;transform:translateY(-1px)}.about-resume-chip{background:#0a122ce6;border:1px solid #7be4ff66;border-radius:999px;color:#e4f5ff;font-size:.8rem;padding:.45rem .85rem;text-decoration:none;transition:all .15s ease}.about-content{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050a1ee6;border:1px solid #7be4ff40;border-radius:24px;box-shadow:0 20px 48px #000000b3,0 0 30px #7be4ff4d;overflow:hidden;padding:2rem 2.1rem;position:relative}.about-tabs{background:#0c1230e6;border:1px solid #ffffff24;border-radius:999px;display:inline-flex;margin-bottom:1.6rem;padding:.25rem}.about-tab{background:#0000;border:none;border-radius:999px;color:#e4ebff;cursor:pointer;font-size:.9rem;padding:.45rem 1.2rem;transition:all .15s ease}.about-tab.active{background:linear-gradient(135deg,#ff7bc2,#fd6);box-shadow:0 0 16px #ffbae6b3;color:#141217}.about-tab:not(.active):hover{color:#fff}.about-panel{margin-top:.3rem}.about-heading{font-size:1.9rem;margin-bottom:1rem}.about-description{color:#e8ecff;font-size:.98rem;line-height:1.8;margin-bottom:1rem}.about-description strong{color:#ffcf7b}.focus-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.4rem}.focus-card{background:radial-gradient(circle at top,#182040,#050816);border:1px solid #7be4ff47;border-radius:1.1rem;box-shadow:0 10px 26px #00000080;padding:1rem}.focus-card h3{color:#ffb7e1;font-size:1rem;margin-bottom:.5rem}.focus-card p{color:#dde6ff;font-size:.9rem}.timeline{border-left:2px solid #7be4ff99;display:flex;flex-direction:column;gap:1.6rem;margin-top:.8rem;padding-left:1.5rem}.timeline-item{position:relative}.timeline-dot{background:linear-gradient(135deg,#7be4ff,#fd6);border-radius:50%;box-shadow:0 0 12px #7be4ffe6;height:12px;left:-1.6rem;position:absolute;top:.3rem;width:12px}.timeline-card{background:#050a1ee6;border:1px solid #ffffff1f;border-radius:1rem;padding:.9rem 1.1rem}.timeline-date{color:#9fb6e0;font-size:.8rem;margin-bottom:.25rem}.timeline-title{color:#ffb7e1;font-size:1rem;margin-bottom:.4rem}.timeline-body{color:#e8ecff;font-size:.9rem;margin-bottom:.35rem}.timeline-list{color:#dde6ff;font-size:.88rem;padding-left:1.1rem}.projects-summary{margin-top:2rem}.about-subheading{font-size:1.2rem;margin-bottom:.7rem}.projects-grid{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(3,minmax(0,1fr))}.project-card{background:radial-gradient(circle at top,#1b2445,#050816);border:1px solid #7be4ff52;border-radius:1rem;box-shadow:0 10px 24px #00000080;font-size:.88rem;padding:.85rem .9rem}.project-card h4{color:#ffcf7b;font-size:.95rem;margin-bottom:.35rem}.project-tags{color:#9fdfff;font-size:.8rem;margin-top:.35rem}.skills-chart{background:#050a1ee6;border:1px solid #7be4ff47;border-radius:18px;box-shadow:0 10px 26px #0009;margin-top:.4rem;padding:1rem 1.1rem .4rem}.skills-tags{grid-gap:1rem;color:#dde6ff;display:grid;font-size:.9rem;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.2rem}.skills-heading{color:#ffb7e1;font-size:.95rem;margin-bottom:.3rem}@keyframes about-orbit-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:760px){.about-inner{grid-template-columns:minmax(0,1fr);width:90%}.about-profile{order:1}.about-avatar-orbit{align-self:center;margin-left:auto;margin-right:auto;width:min(100%,280px)}.about-content{order:2}.focus-grid,.projects-grid,.skills-tags{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:761px) and (max-width:1050px){.about-inner{gap:1.5rem;grid-template-columns:minmax(230px,270px) minmax(0,1fr);width:90%}.about-profile{padding:1.2rem}.about-avatar-orbit{max-height:310px}}@media (max-width:640px){.about-section{padding:3rem 0 2.5rem}.about-content{padding:1.7rem 1.4rem}.focus-grid,.projects-grid,.skills-tags{grid-template-columns:1fr}.timeline{padding-left:1.2rem}}.skills-panel{background:linear-gradient(145deg,#0a143cf5,#050a1efa),radial-gradient(circle at top left,#4aafd533,#0000 60%);border:1px solid #7be4ff66;border-radius:1.4rem;box-shadow:0 18px 40px #000000b3,0 0 26px #7be4ff66;color:#f7f7ff;padding:1.6rem 1.8rem}.skills-panel-header{margin-bottom:1.2rem}.skills-kicker{color:#ffb7e1;font-size:.75rem;letter-spacing:.18em;margin-bottom:.2rem;text-transform:uppercase}.skills-title{font-size:1.3rem;margin:0 0 .25rem}.skills-subtitle{color:#d0dcff;font-size:.9rem}.skills-groups{display:flex;flex-direction:column;gap:.9rem}.skills-group-card{background:#050a1ee6;border:1px solid #7be4ff59;border-radius:1rem;padding:.9rem 1rem}.skills-group-header{margin-bottom:.5rem}.skills-group-title{font-size:.98rem;margin:0}.skills-group-blurb{color:#9fb6e0;font-size:.82rem;margin:.15rem 0 0}.skills-chip-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.5rem}.skill-chip{align-items:center;background:#081032e6;border:1px solid #7be4ff80;border-radius:999px;cursor:default;display:inline-flex;font-size:.8rem;gap:.35rem;padding:.28rem .6rem;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease}.skill-chip-dot{background:linear-gradient(135deg,#7be4ff,#fd6);border-radius:999px;box-shadow:0 0 8px #7be4ffe6;height:6px;width:6px}.skill-chip-label{white-space:nowrap}.skill-chip:hover{background:#0a143cfa;border-color:#fd6c;box-shadow:0 0 16px #7be4ffcc;transform:translateY(-1px)}.skills-footnote{color:#9fb6e0;font-size:.78rem;margin-top:1rem}.scroll-indicator{display:flex;flex-direction:column;gap:40px;position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:1000}.indicator-dot{background-color:#8181818b;border-radius:50%;height:12px;transition:all .3s ease;width:12px}.indicator-dot.active{background-color:#ffffff7b;border-radius:6px;height:12px;width:24px}@media (max-width:600px){.scroll-indicator{display:none}}.skip-link{background:#fff;border-radius:.5rem;color:#080b18;font-weight:700;left:12px;padding:.75rem 1rem;position:fixed;top:12px;transform:translateY(-160%);z-index:9999}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid #7be4ff;outline-offset:4px}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.2c2954a3.css.map*/