:root{--bg-main: #e6e7ed;--bg-sub: #d6d8df;--red: #f52a65;--grn: #587539;--yel: #8c6c3e;--blu: #2e7de9;--purp: #9854f1;--cyan: #007197;--txt-main: #3760bf;--txt-sub: #6172b0;--border: rgba(0, 0, 0, .08);--shadow: rgba(0, 0, 0, .1);--card-bg: rgba(255, 255, 255, .6);view-transition-name:none}body.dark{--bg-main: #1a1b26;--bg-sub: #16161e;--red: #f7768e;--grn: #9ece6a;--yel: #e0af68;--blu: #7aa2f6;--purp: #bb9af7;--cyan: #7dcfff;--txt-main: #c0caf5;--txt-sub: #a9b1d6;--border: rgba(255, 255, 255, .06);--shadow: rgba(0, 0, 0, .4);--card-bg: rgba(22, 22, 30, .6)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Zen Maru Gothic,JetBrains Mono,sans-serif;line-height:1.6;color:var(--txt-main);background-color:var(--bg-main);transition:background-color .8s ease,color .8s ease;overflow-x:hidden;position:relative;display:flex;flex-direction:column;min-height:100vh}.container{max-width:720px;margin:0 auto;padding:40px 20px;position:relative;z-index:1;flex:1 0 auto}.site-footer{margin-top:auto;padding:40px 20px 20px;background:var(--card-bg);border-top:1px solid var(--border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 -10px 40px var(--shadow);position:relative;z-index:10}::selection{background-color:var(--blu);color:#fff}::-moz-selection{background-color:var(--blu);color:#fff}body.dark ::selection{background-color:var(--purp);color:#fff}body.dark ::-moz-selection{background-color:var(--purp);color:#fff}.bg-blob,.bg-blob2,.bg-blob3{position:fixed;width:50vw;height:50vw;filter:blur(60px);z-index:0;pointer-events:none;opacity:.25!important;mix-blend-mode:multiply;transition:opacity .8s ease,mix-blend-mode .8s ease}.bg-blob{top:-10%;right:-10%;background:radial-gradient(circle,var(--purp) 0%,transparent 60%);animation:float 12s infinite ease-in-out alternate}.bg-blob2{bottom:-10%;left:-10%;background:radial-gradient(circle,var(--blu) 0%,transparent 60%);animation:float 15s infinite ease-in-out alternate-reverse}.bg-blob3{top:-5%;left:-10%;width:45vw;height:45vw;background:radial-gradient(circle,var(--cyan) 0%,transparent 60%);animation:float 14s infinite ease-in-out alternate}body.dark .bg-blob,body.dark .bg-blob2,body.dark .bg-blob3{opacity:.1!important;mix-blend-mode:screen}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(30px,50px) scale(1.1)}}.bg-particles{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;overflow:hidden}.particle{position:absolute;border-radius:50%;background:linear-gradient(135deg,var(--purp),var(--cyan));opacity:.2;filter:blur(8px);animation:drift infinite linear alternate}body.dark .particle{opacity:.12;background:linear-gradient(135deg,var(--blu),var(--purp))}.p-1{width:150px;height:150px;top:20%;left:10%;animation-duration:25s}.p-2{width:250px;height:250px;top:60%;left:80%;animation-duration:35s;animation-direction:alternate-reverse}.p-3{width:100px;height:100px;top:80%;left:30%;animation-duration:20s}.p-4{width:300px;height:300px;top:10%;left:60%;animation-duration:40s;background:linear-gradient(135deg,var(--yel),var(--red));opacity:.05}.p-5{width:120px;height:120px;top:40%;left:40%;animation-duration:30s;animation-direction:alternate-reverse}@keyframes drift{0%{transform:translate(0) rotate(0) scale(1)}to{transform:translate(150px,-150px) rotate(180deg) scale(1.2)}}.reveal{opacity:0;transform:translateY(40px) scale(.95);transition:all .8s cubic-bezier(.34,1.56,.64,1)}.reveal.visible{opacity:1;transform:translateY(0) scale(1)}header{text-align:center;margin-bottom:50px}.profile-img{width:140px;height:140px;margin:0 auto 20px;border-radius:50%;box-shadow:0 15px 35px #7aa2f666;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:block;object-fit:cover;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}h1{font-size:2.2em;color:var(--txt-main);margin-bottom:5px;font-weight:700}.subtitle{font-size:1.1em;color:var(--blu);font-family:JetBrains Mono,monospace}nav{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:40px}nav a{padding:15px 10px;text-align:center;color:var(--txt-main);text-decoration:none;font-weight:700;border-radius:20px;background-color:var(--card-bg);border:1px solid var(--border);backdrop-filter:blur(10px);box-shadow:0 8px 20px var(--shadow);transition:background-color .5s ease,color .5s ease,border-color .5s ease,box-shadow .5s ease,transform .4s cubic-bezier(.34,1.56,.64,1)}nav a:hover{background-color:var(--blu);color:#fff;transform:translateY(-5px) scale(1.05);box-shadow:0 15px 25px #7aa2f666;border-color:var(--blu)}section{background:var(--card-bg);padding:40px;border-radius:30px;margin-bottom:30px;border:1px solid var(--border);backdrop-filter:blur(20px);box-shadow:0 10px 40px var(--shadow);transition:background .8s ease,border .8s ease}h2{font-size:1.8em;color:var(--purp);margin-bottom:25px;display:flex;align-items:center;gap:10px;font-weight:700}h2:before{content:"";width:12px;height:12px;border-radius:50%;background:var(--grn);display:inline-block}.profile-text ul{list-style:none;display:flex;flex-direction:column;gap:12px}.profile-text li{padding-left:20px;position:relative;color:var(--txt-sub);font-weight:500}.profile-text li:before{content:"▹";position:absolute;left:0;color:var(--cyan);font-weight:700}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.skill-item{background:#00000008;padding:25px;border-radius:20px}body.dark .skill-item{background:#ffffff05}h4{color:var(--txt-main);margin-bottom:15px;font-size:1.1em;font-weight:700}.skill-item ul{list-style:none;display:flex;flex-direction:column;gap:10px}.skill-item li{display:flex;align-items:flex-start;color:var(--txt-sub);font-size:.95em;font-weight:500}.skill-item li:before{content:"•";color:var(--purp);margin-right:12px;flex-shrink:0;font-size:1.2em;line-height:1}.works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px}.work-item{text-decoration:none;color:inherit;background:#00000008;padding:20px;border-radius:20px;display:block;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}body.dark .work-item{background:#ffffff05}.work-item:hover{transform:translateY(-10px);background:var(--card-bg);box-shadow:0 20px 40px var(--shadow);border-color:var(--blu)}.work-item:active{transform:translateY(-2px) scale(.98)}.contact-content{text-align:center}.contact-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:25px}.contact-links a{gap:10px;display:flex;align-items:center;justify-content:center;padding:18px 40px;background:linear-gradient(135deg,var(--blu),var(--cyan));color:#fff;text-decoration:none;border-radius:50px;font-weight:700;font-size:1.1em;box-shadow:0 10px 25px #7aa2f666;transition:all .4s cubic-bezier(.34,1.56,.64,1);flex:1;min-width:160px;max-width:220px;position:relative;overflow:hidden;z-index:1}.contact-links a:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 20px 40px #7aa2f699}.contact-links a:active{transform:translateY(2px) scale(.95);box-shadow:0 5px 15px #7aa2f64d}.theme-toggle{position:fixed;top:30px;right:30px;width:65px;height:65px;border-radius:50%;background:var(--card-bg);border:1px solid var(--border);cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px var(--shadow);backdrop-filter:blur(10px);transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .8s ease;overflow:hidden}@media(hover:hover){.theme-toggle:hover{transform:scale(1.15)}}.theme-toggle:active{transform:scale(.9)}.icon-container{position:relative;width:26px;height:26px}.sun-icon,.moon-icon{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .6s cubic-bezier(.34,1.56,.64,1)}.sun-icon{transform:translateY(0) rotate(0);opacity:1;color:var(--yel)}.moon-icon{transform:translateY(40px) rotate(-90deg);opacity:0;color:var(--purp)}body.dark .sun-icon{transform:translateY(-40px) rotate(90deg);opacity:0}body.dark .moon-icon{transform:translateY(0) rotate(0);opacity:1}.lang-icon-ja,.lang-icon-en{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .6s cubic-bezier(.34,1.56,.64,1)}.lang-icon-en{transform:translateY(0) rotate(0);opacity:1;color:var(--cyan)}.lang-icon-ja{transform:translateY(-40px) rotate(90deg);opacity:0;color:var(--red)}body.en-mode .lang-icon-en{transform:translateY(40px) rotate(-90deg);opacity:0}body.en-mode .lang-icon-ja{transform:translateY(0) rotate(0);opacity:1}.contact-links a:before{content:"";position:absolute;inset:0;opacity:0;z-index:-1;transition:opacity .5s cubic-bezier(.34,1.56,.64,1)}.contact-links a.btn-email:before{background:linear-gradient(135deg,#ea4335,#ff6b5e)}.contact-links a.btn-email:hover{box-shadow:0 15px 30px #ea433580}.contact-links a.btn-email:hover:before{opacity:1}.contact-links a.btn-github:before{background:linear-gradient(135deg,#24292e,#5c6670)}.contact-links a.btn-github:hover{box-shadow:0 15px 30px #646e7866}.contact-links a.btn-github:hover:before{opacity:1}.contact-links a.btn-twitter:before{background:linear-gradient(135deg,#1da1f2,#73c5f8)}.contact-links a.btn-twitter:hover{box-shadow:0 15px 30px #1da1f280}.contact-links a.btn-twitter:hover:before{opacity:1}.contact-icon{width:22px;height:22px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}@keyframes anim-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes anim-spin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}@keyframes anim-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-20deg) scale(1.1)}75%{transform:rotate(20deg) scale(1.1)}}@keyframes anim-pop{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.rand-bounce{animation:anim-bounce .5s ease}.rand-spin{animation:anim-spin .6s ease}.rand-shake{animation:anim-shake .4s ease}.rand-pop{animation:anim-pop .4s ease}nav a,section,.theme-toggle,.back-btn{isolation:isolate;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}nav a,section,.back-btn{position:relative}nav a:after,section:after,.theme-toggle:after,.back-btn:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;filter:url(#glass-distortion);-webkit-filter:url(#glass-distortion)}nav a:after,.theme-toggle:after,.back-btn:after{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}section:after{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}nav a:before,section:before,.theme-toggle:before,.back-btn:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;box-shadow:inset 0 0 6px -3px #ffffffb3;pointer-events:none}.view-more-container{text-align:center;margin-top:40px}.btn-view-more{display:inline-flex;align-items:center;justify-content:center;padding:16px 40px;background:linear-gradient(135deg,var(--purp),var(--blu));color:#fff;text-decoration:none;border-radius:50px;font-weight:700;font-size:1.1em;box-shadow:0 10px 25px #9854f166;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:1}@media(hover:hover){.btn-view-more:hover{transform:translateY(-5px) scale(1.05)}}.btn-view-more:active{transform:translateY(2px) scale(.95);box-shadow:0 5px 15px #9854f14d}.btn-view-more svg{margin-left:10px;transition:transform .3s ease}.btn-view-more:hover svg{transform:translate(5px)}.btn-view-more:before{content:"";position:absolute;inset:-4px;z-index:-1;border-radius:inherit;background:linear-gradient(90deg,red,#f0f,#00f,#0ff,#0f0,#ff0,red);background-size:300% 100%;filter:blur(15px);opacity:0;transition:opacity .4s ease;pointer-events:none}@media(hover:hover){.btn-view-more:hover:before{opacity:.3;animation:gaming-slide 12s linear infinite}}@keyframes gaming-slide{0%{background-position:0% 50%}to{background-position:300% 50%}}.contact-fab{position:fixed;bottom:30px;right:30px;width:65px;height:65px;border-radius:50%;background:linear-gradient(135deg,var(--purp),var(--blu));color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #9854f166;z-index:999;text-decoration:none;transition:all .6s cubic-bezier(.68,-.55,.265,1.55)}.contact-fab svg{width:26px;height:26px;transition:transform .3s ease}.contact-fab:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 15px 35px #9854f199}.contact-fab:hover svg{transform:scale(1.1)}.contact-fab.absorbed{transform:translateY(30px) scale(0);opacity:0;pointer-events:none;box-shadow:0 0 #9854f100}.scroll-top-fab{position:fixed;bottom:30px;right:30px;width:65px;height:65px;border-radius:50%;background:var(--card-bg);border:1px solid var(--border);color:var(--txt-main);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px var(--shadow);z-index:998;transition:all .6s cubic-bezier(.68,-.55,.265,1.55);isolation:isolate;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.scroll-top-fab:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;filter:url(#glass-distortion);-webkit-filter:url(#glass-distortion);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.scroll-top-fab:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;box-shadow:inset 0 0 6px -3px #ffffffb3;pointer-events:none}.scroll-top-fab svg{width:26px;height:26px;transition:transform .3s ease;position:relative;z-index:1}.scroll-top-fab:hover{transform:translateY(-5px) scale(1.1);background:var(--blu);color:#fff;border-color:var(--blu)}.scroll-top-fab:hover svg{transform:translateY(-3px)}.scroll-top-fab.absorbed{transform:translateY(30px) scale(0);opacity:0;pointer-events:none;box-shadow:0 0 #0000}section:nth-of-type(1){view-transition-name:section-1}section:nth-of-type(2){view-transition-name:section-2}section:nth-of-type(3){view-transition-name:section-3}.view-more-container{view-transition-name:box-viewmore}::view-transition-group(section-1),::view-transition-group(section-2),::view-transition-group(section-3),::view-transition-group(box-viewmore){animation-duration:.6s;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}::view-transition-old(section-1),::view-transition-old(section-2),::view-transition-old(section-3),::view-transition-old(box-viewmore){display:none}::view-transition-new(section-1),::view-transition-new(section-2),::view-transition-new(section-3),::view-transition-new(box-viewmore){animation:none}@keyframes textSweep{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.txt-ja,.txt-en{display:none!important;animation:none}body:not(.en-mode) .txt-ja,body.en-mode .txt-en{display:inline-block!important;animation:textSweep .4s cubic-bezier(.22,1,.36,1) forwards}body:not(.en-mode) p.txt-ja,body.en-mode p.txt-en{display:block!important}.site-footer{margin-top:80px;padding:40px 20px 20px;background:var(--card-bg);border-top:1px solid var(--border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 -10px 40px var(--shadow);position:relative;z-index:10}.footer-content{max-width:720px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:30px}.footer-logo{display:flex;align-items:center;gap:15px}.footer-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;box-shadow:0 5px 15px #7aa2f64d;-webkit-user-select:none;user-select:none;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease}@media(hover:hover){.footer-avatar:hover{transform:scale(1.15) rotate(-10deg);box-shadow:0 10px 25px #7aa2f699}}.footer-avatar:active{transform:scale(.9) rotate(0);box-shadow:0 2px 8px #7aa2f64d;transition:transform .1s}@keyframes crazy-spin{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.3) rotate(180deg)}to{transform:scale(1) rotate(360deg)}}.footer-title h3{font-size:1.2em;color:var(--txt-main);margin:0;font-weight:700}.footer-title p{font-size:.85em;color:var(--txt-sub);margin:0;font-family:JetBrains Mono,monospace}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:15px}.footer-nav{display:flex;gap:20px}.footer-nav a{color:var(--txt-sub);text-decoration:none;font-size:.9em;font-weight:500;transition:color .3s ease,transform .3s ease}.footer-nav a:hover{color:var(--blu);transform:translateY(-2px)}.footer-socials{display:flex;gap:15px}.social-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#0000000a;color:var(--txt-sub);text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1)}body.dark .social-icon{background:#ffffff0d}.social-icon svg{width:18px;height:18px;transition:transform .3s ease}.social-icon:hover{background:var(--blu);color:#fff;transform:translateY(-4px);box-shadow:0 8px 15px #7aa2f666}.social-icon:hover svg{transform:scale(1.1)}.footer-bottom{max-width:720px;margin:30px auto 0;padding-top:20px;border-top:1px solid rgba(122,162,246,.1);text-align:center}.footer-bottom p{font-size:.8em;color:var(--txt-sub);font-family:JetBrains Mono,monospace}@media(max-width:600px){.footer-content{flex-direction:column;text-align:center}.footer-logo{flex-direction:column}.footer-right{align-items:center}.footer-nav{flex-wrap:wrap;justify-content:center}}@media(max-width:600px){.footer-content{flex-direction:column;text-align:center}.footer-logo{flex-direction:column}.footer-nav{flex-wrap:wrap;justify-content:center}}@media(max-width:600px){nav{grid-template-columns:repeat(2,1fr);gap:12px}section{padding:30px 20px;border-radius:25px}.skills-grid,.works-grid{grid-template-columns:1fr}.contact-links a{max-width:100%}}@media(max-width:720px){header{padding-top:90px}}