:root{--bg-color: #020617;--card-bg: #0f172a;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent: #38bdf8;--border-color: rgba(255, 255, 255, .08);--spotlight-color: rgba(255, 255, 255, .15);--badge-bg: rgba(56, 189, 248, .1);--badge-text: #38bdf8;--font-heading: "Space Grotesk", "Noto Sans JP", sans-serif;--font-body: "Inter", "Noto Sans JP", sans-serif}@media(prefers-color-scheme:light){:root{--bg-color: #f1f5f9;--card-bg: #ffffff;--text-primary: #0f172a;--text-secondary: #64748b;--accent: #0ea5e9;--border-color: rgba(0, 0, 0, .06);--spotlight-color: rgba(0, 0, 0, .05);--badge-bg: rgba(14, 165, 233, .08);--badge-text: #0284c7}}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noiseFilter"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.85" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noiseFilter)" opacity="0.04"/%3E%3C/svg%3E');pointer-events:none;z-index:0}.twinkling-stars,.parallax-orbs{position:fixed;top:0;left:0;width:100%;height:100vh;pointer-events:none;z-index:0;will-change:transform}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;animation:orbFloat 8s ease-in-out infinite}.orb-1{width:400px;height:400px;background:var(--accent);top:10%;left:-5%;animation-delay:0s}.orb-2{width:300px;height:300px;background:#a78bfa;top:50%;right:-5%;animation-delay:-3s}.orb-3{width:250px;height:250px;background:#f472b6;bottom:10%;left:30%;animation-delay:-5s}@keyframes orbFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.05)}}@media(prefers-color-scheme:light){.orb{opacity:.08}}.shooting-stars-container{position:fixed;top:0;left:0;width:100%;height:100vh;overflow:hidden;will-change:transform;pointer-events:none;z-index:0}.shooting-stars-container span{position:absolute;top:50%;left:50%;width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 0 0 4px #ffffff1a,0 0 0 8px #ffffff1a,0 0 20px #ffffff1a;animation:shootingStar 3s linear infinite}.shooting-stars-container span:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:300px;height:1px;background:linear-gradient(90deg,#fff,transparent)}@keyframes shootingStar{0%{transform:rotate(315deg) translate(0);opacity:1}70%{opacity:1}to{transform:rotate(315deg) translate(-1500px);opacity:0}}.shooting-stars-container span:nth-child(1){top:0;right:0;left:initial;animation-delay:0s;animation-duration:1s}.shooting-stars-container span:nth-child(2){top:0;right:80px;left:initial;animation-delay:.2s;animation-duration:3s}.shooting-stars-container span:nth-child(3){top:80px;right:0;left:initial;animation-delay:.4s;animation-duration:2s}.shooting-stars-container span:nth-child(4){top:0;right:180px;left:initial;animation-delay:.6s;animation-duration:1.5s}.shooting-stars-container span:nth-child(5){top:0;right:400px;left:initial;animation-delay:.8s;animation-duration:2.5s}.shooting-stars-container span:nth-child(6){top:0;right:600px;left:initial;animation-delay:1s;animation-duration:3s}.shooting-stars-container span:nth-child(7){top:300px;right:0;left:initial;animation-delay:1.2s;animation-duration:1.75s}.shooting-stars-container span:nth-child(8){top:0;right:700px;left:initial;animation-delay:1.4s;animation-duration:1.25s}.shooting-stars-container span:nth-child(9){top:0;right:1000px;left:initial;animation-delay:.75s;animation-duration:2.25s}.shooting-stars-container span:nth-child(10){top:0;right:450px;left:initial;animation-delay:2.75s;animation-duration:2.75s}@media(prefers-color-scheme:light){.shooting-stars-container span{background:var(--accent);box-shadow:0 0 0 4px #0ea5e91a,0 0 0 8px #0ea5e91a,0 0 20px #0ea5e933}.shooting-stars-container span:before{background:linear-gradient(90deg,var(--accent),transparent)}}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(180px,auto);gap:1.5rem;max-width:1200px;margin:4rem auto;padding:0 1.5rem;position:relative;z-index:1}.card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.25,.8,.25,1),opacity .6s ease-out,box-shadow .3s ease;display:flex;flex-direction:column;opacity:0;transform:translateY(40px)}.card.animate-in{opacity:1;transform:translateY(0)}.card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000026}.card:after{content:"";position:absolute;inset:0;border-radius:24px;background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 40%);opacity:0;transition:opacity .3s;pointer-events:none;z-index:3}.card:hover:after{opacity:1}.card-content{padding:2rem;height:100%;display:flex;flex-direction:column;position:relative;z-index:2}.card-content.no-pad{padding:0}.card-content.center-y{justify-content:center}.hero-card{grid-column:span 8;grid-row:span 2}.portrait-card{grid-column:span 4;grid-row:span 2}.bio-card{grid-column:span 7}.stack-card{grid-column:span 12;overflow:hidden;padding:1rem 0}.experience-card{grid-column:span 8}.education-card{grid-column:span 4}.project-card{grid-column:span 4;grid-row:span 2}.project-card.large{grid-column:span 8}@media(max-width:768px){.bento-grid{display:flex;flex-direction:column;gap:1rem;margin:2rem auto}}.hero-title{font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;line-height:.95;margin:1.5rem 0;letter-spacing:-.03em}.hero-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:450px}h3{font-family:var(--font-heading);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.med-text{font-size:1.2rem;font-weight:500}.muted-text{color:var(--text-secondary);font-size:.95rem}.muted-text.small{font-size:.85rem;margin-top:.2rem}.mt-2{margin-top:.75rem}.mt-4{margin-top:1.5rem}.status-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:999px;background:var(--badge-bg);color:var(--badge-text);font-size:.85rem;font-weight:600}.dot{width:8px;height:8px;background-color:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.4rem;border-radius:12px;font-weight:600;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease}.btn:hover:before{width:300px;height:300px}.btn-primary{background-color:var(--text-primary);color:var(--card-bg)}.btn-primary:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 10px 30px #0003}.btn-primary:active{transform:scale(.98)}.hero-actions{display:flex;align-items:center;gap:1.5rem;margin-top:auto;padding-top:2rem}.portrait-img{width:100%;height:100%;object-fit:cover}.location-badge{position:absolute;bottom:1rem;right:1rem;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:.3rem .8rem;border-radius:8px;font-size:.8rem;font-weight:500}.project-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;padding:0}.project-info{padding:2rem;display:flex;flex-direction:column;justify-content:center}.project-visual{height:100%;border-left:1px solid var(--border-color);overflow:hidden}.project-visual img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.card:hover .project-visual img{transform:scale(1.05)}@media(max-width:768px){.project-layout{grid-template-columns:1fr}.project-visual{border-left:none;border-top:1px solid var(--border-color);height:200px}}.badge{display:inline-block;font-size:.75rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.project-link{display:inline-block;margin-top:1.5rem;font-weight:600;font-size:.9rem;border-bottom:1px solid var(--border-color);padding-bottom:2px}.spacer{flex-grow:1}.marquee-wrapper{width:100%;overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.marquee-track{display:inline-block;animation:scroll 20s linear infinite;color:var(--text-secondary);font-weight:500}.marquee-track span{display:inline-block;font-size:1.1rem}.sep{margin:0 1rem;opacity:.4}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.timeline-list{list-style:none;display:flex;flex-direction:column;gap:1.5rem}.timeline-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.2rem}.timeline-list .role{font-weight:700;font-size:1.1rem}.timeline-list .year{color:var(--accent);font-weight:600;font-size:.9rem;white-space:nowrap;margin-left:10px}.timeline-list .company{color:var(--text-secondary);font-size:.9rem;margin-bottom:.4rem;font-weight:500}.timeline-desc{font-size:.95rem;color:var(--text-primary);opacity:.9}.year-badge{display:inline-block;padding:.2rem .5rem;border:1px solid var(--border-color);border-radius:6px;font-size:.8rem;color:var(--text-secondary);margin-bottom:.3rem}.edu-item .role{font-weight:700;font-size:1.1rem}.edu-item .company{color:var(--text-secondary);font-size:.95rem}.dock-nav{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(100px);background:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);padding:.6rem 1rem;border-radius:999px;display:flex;align-items:center;gap:1.2rem;z-index:100;box-shadow:0 10px 30px #0003;animation:dock-slide-in .6s cubic-bezier(.25,.8,.25,1) .5s forwards}@keyframes dock-slide-in{to{transform:translate(-50%) translateY(0)}}@media(prefers-color-scheme:light){.dock-nav{background:#fff9;border:1px solid rgba(0,0,0,.1)}}.dock-item{color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative}.dock-item:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%) scale(0);width:4px;height:4px;background:var(--accent);border-radius:50%;transition:transform .3s ease}.dock-item:hover{color:var(--accent);transform:translateY(-5px) scale(1.15)}.dock-item:hover:after{transform:translate(-50%) scale(1)}.dock-divider{width:1px;height:20px;background:var(--text-secondary);opacity:.3}.lang-btn{background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-body);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:2px;font-size:.9rem;padding:0;transition:opacity .2s}.lang-btn:hover{opacity:1}.lang-text{opacity:.5;transition:opacity .2s,color .2s}.lang-text.active{opacity:1;color:var(--accent)}.slash{opacity:.3;margin:0 2px}.footer{text-align:center;padding:3rem 0;color:var(--text-secondary);font-size:.85rem}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;border-radius:50%;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:9999;opacity:0;pointer-events:none;transform:translateY(15px);transition:all .4s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 12px #0003}.back-to-top:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #38bdf866}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}@media(max-width:768px){.back-to-top{bottom:6rem;right:1.5rem;width:44px;height:44px}}.game-bubble{position:fixed;bottom:2rem;left:2rem;width:56px;height:56px;border-radius:50%;border:1px solid var(--border-color);background:var(--card-bg);box-shadow:0 8px 24px #00000040,0 0 18px #38bdf833;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.7rem;z-index:200;animation:bubble-wiggle 5s ease-in-out infinite;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,border-color .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-bubble:hover{transform:scale(1.12) rotate(-6deg);border-color:var(--accent);box-shadow:0 10px 28px #0000004d,0 0 24px #38bdf873}.game-bubble:active{transform:scale(.95)}.game-bubble-emoji{display:inline-block;animation:cat-bob 2s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(56,189,248,.4))}.game-bubble-tooltip{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%) translate(-8px);background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color);padding:.4rem .7rem;border-radius:8px;font-family:var(--font-body);font-size:.72rem;font-weight:500;letter-spacing:.02em;white-space:nowrap;opacity:0;pointer-events:none;transition:all .25s ease}.game-bubble:hover .game-bubble-tooltip{opacity:1;transform:translateY(-50%) translate(0)}@keyframes bubble-wiggle{0%,92%,to{transform:rotate(0)}94%{transform:rotate(-8deg)}96%{transform:rotate(8deg)}98%{transform:rotate(-4deg)}}@keyframes cat-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.game-panel{position:fixed;bottom:2rem;left:2rem;width:320px;height:420px;background:var(--card-bg);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 20px 50px #0006,0 0 0 1px #38bdf814;z-index:200;display:flex;flex-direction:column;overflow:hidden;animation:panel-pop .35s cubic-bezier(.34,1.56,.64,1);font-family:var(--font-heading);color:var(--text-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes panel-pop{0%{opacity:0;transform:scale(.7) translateY(20px);transform-origin:bottom left}to{opacity:1;transform:scale(1) translateY(0)}}.game-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff05;border-bottom:1px solid var(--border-color)}.game-title{font-weight:600;font-size:.9rem;letter-spacing:.01em;color:var(--text-primary)}.game-close{background:transparent;border:1px solid var(--border-color);width:26px;height:26px;border-radius:50%;cursor:pointer;font-size:.7rem;color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.game-close:hover{background:var(--accent);border-color:var(--accent);color:var(--bg-color);transform:rotate(90deg)}.game-stats{display:flex;justify-content:space-between;align-items:center;padding:.55rem 1rem;font-size:.8rem;font-family:var(--font-body);color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.game-score{transition:transform .2s,color .2s}.game-score strong{color:var(--text-primary);margin-left:2px}.game-score.pop{transform:scale(1.2);color:var(--accent)}.game-score.pop strong{color:var(--accent)}.game-lives .heart{font-size:.85rem;margin-left:2px;transition:opacity .3s}.game-lives .heart.empty{opacity:.3;filter:grayscale(1)}.game-play{position:relative;flex:1 1 auto;min-height:240px;overflow:hidden;cursor:none;touch-action:none;background:radial-gradient(circle at 20% 15%,rgba(56,189,248,.08),transparent 45%),radial-gradient(circle at 80% 85%,rgba(167,139,250,.08),transparent 50%),var(--bg-color)}.game-layer{position:absolute;inset:0;pointer-events:none}.game-item{position:absolute;top:0;font-size:1.5rem;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));will-change:transform}.game-cat{position:absolute;bottom:6px;left:50%;font-size:2.1rem;transform:translate(-50%);pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 0 10px rgba(56,189,248,.4));will-change:left}.game-sparkle{position:absolute;font-size:1.1rem;pointer-events:none;animation:sparkle-pop .6s ease-out forwards;transform:translate(-50%,-50%);color:var(--accent);filter:drop-shadow(0 0 6px var(--accent))}@keyframes sparkle-pop{0%{opacity:1;transform:translate(-50%,-50%) scale(.5) rotate(0)}to{opacity:0;transform:translate(-50%,-150%) scale(1.5) rotate(180deg)}}.game-overlay{position:absolute;inset:0;background:#020617d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;gap:.5rem;cursor:pointer;animation:panel-pop .3s ease-out}.game-overlay-emoji{font-size:2.6rem;animation:cat-bob 1.5s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(56,189,248,.4))}.game-overlay-title{font-weight:600;font-size:1.1rem;color:var(--text-primary);letter-spacing:.01em}.game-overlay-text{font-size:.8rem;color:var(--text-secondary);font-family:var(--font-body)}.game-overlay-hi{font-size:.75rem;color:var(--accent);font-family:var(--font-body);letter-spacing:.04em}.game-btn{margin-top:.6rem;padding:.55rem 1.3rem;border-radius:999px;border:1px solid var(--accent);background:transparent;color:var(--accent);font-weight:600;font-size:.82rem;cursor:pointer;font-family:var(--font-heading);letter-spacing:.02em;transition:all .2s ease}.game-btn:hover{background:var(--accent);color:var(--bg-color);transform:translateY(-1px);box-shadow:0 6px 20px #38bdf859}.game-btn:active{transform:translateY(0) scale(.97)}.game-footer{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:.5rem;font-size:.68rem;color:var(--text-secondary);background:#ffffff05;border-top:1px solid var(--border-color);font-family:var(--font-body);letter-spacing:.03em}@media(prefers-color-scheme:light){.game-overlay{background:#f1f5f9e6}.game-bubble{box-shadow:0 8px 24px #0000001a,0 0 18px #0ea5e926}.game-item{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}}@media(max-width:768px){.game-bubble{bottom:5.5rem;left:1rem;width:52px;height:52px;font-size:1.5rem}.game-bubble-tooltip{display:none}.game-panel{bottom:5rem;left:.75rem;right:.75rem;width:auto;max-width:none;height:min(70vh,460px);border-radius:14px}.game-title{font-size:.85rem}.game-close{width:30px;height:30px;font-size:.8rem}.game-cat{font-size:2.4rem}.game-item{font-size:1.7rem}.game-footer{font-size:.65rem;padding:.45rem}}@media(max-width:380px){.game-panel{height:min(72vh,440px)}.game-stats{padding:.45rem .8rem;font-size:.75rem}}*{box-sizing:border-box;margin:0;padding:0}