: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}.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}}*{box-sizing:border-box;margin:0;padding:0}