.menu{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#0b1120eb 0%,#0f1a2eeb 100%);border-right:1px solid #bae6fd14;flex-direction:column;width:280px;height:100vh;padding:40px 28px;display:flex;position:sticky;top:0}.menu:before{content:"";background:linear-gradient(#0000,#bae6fd40 30%,#c8102e66 60%,#0000);width:1px;position:absolute;top:0;bottom:0;right:-1px}.menu-brand{align-items:center;gap:12px;margin-bottom:56px;display:flex}.menu-brand-mark{background:#0f1a2e99;border:1px solid #bae6fd33;border-radius:6px;place-items:center;width:40px;height:40px;display:grid}.menu-brand-name{font-family:var(--font-jp);letter-spacing:.02em;color:var(--snow);font-size:.95rem;font-weight:700}.menu-brand-sub{font-family:var(--font-mono);color:var(--slate-soft);letter-spacing:.1em;margin-top:2px;font-size:.7rem}.menu-lang-toggle{font-family:var(--font-mono);letter-spacing:.12em;color:var(--slate-soft);cursor:pointer;background:#bae6fd0a;border:1px solid #bae6fd1f;border-radius:999px;justify-content:center;align-self:flex-start;align-items:center;gap:8px;margin-bottom:32px;padding:6px 10px;font-size:.7rem;transition:background .2s,border-color .2s;display:flex}.menu-lang-toggle:hover{background:#bae6fd14;border-color:#bae6fd3d}.menu-lang-toggle .active{color:var(--snow);font-weight:600}.menu-lang-toggle .divider{opacity:.4}nav{flex:1}.menu-list{list-style:none;position:relative}.menu-indicator{background:linear-gradient(180deg, var(--vermillion) 0%, var(--ice) 100%);border-radius:0 4px 4px 0;width:3px;position:absolute;left:-28px;box-shadow:0 0 12px #bae6fd99,0 0 24px #c8102e4d}.menu-list a{border-radius:6px;align-items:center;gap:14px;padding:14px 8px;transition:background .2s,transform .2s;display:flex;position:relative;overflow:hidden}.menu-list a:hover{background:#bae6fd0a}.menu-list a:hover .kanji{color:#bae6fd8c;transform:translate(2px)}.menu-list .kanji{font-family:var(--font-jp);color:#bae6fd2e;text-align:center;flex-shrink:0;width:48px;font-size:1.5rem;font-weight:700;transition:color .25s,transform .25s}.menu-list .content{flex-direction:column;gap:2px;display:flex}.menu-list .label{letter-spacing:.02em;color:#f8fafcbf;font-size:.95rem;font-weight:500}.menu-list .romaji{font-family:var(--font-mono);color:var(--slate-soft);letter-spacing:.15em;text-transform:lowercase;font-size:.65rem}.menu-list a.active .kanji{color:var(--ice)}.menu-list a.active .label{color:var(--snow);font-weight:600}.menu-foot{margin-top:auto;padding-top:24px}.menu-foot-line{background:linear-gradient(90deg, var(--vermillion), transparent);width:60px;height:1px;margin-bottom:14px}.menu-foot-text{font-family:var(--font-mono);letter-spacing:.15em;color:var(--slate-soft);justify-content:space-between;font-size:.7rem;display:flex}.menu-toggle{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b1120d9;border:1px solid #bae6fd33;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:44px;height:44px;display:none;position:fixed;top:20px;right:20px}.menu-toggle span{background:var(--snow);width:18px;height:1.5px;transition:transform .25s,opacity .2s}.menu-toggle.open span:first-child{transform:translateY(5.5px)rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-5.5px)rotate(-45deg)}@media (width<=800px){.menu-toggle{display:flex}.menu{width:min(280px,80vw);transition:transform .35s cubic-bezier(.65,0,.35,1);position:fixed;transform:translate(-100%)}.menu.open{transform:translate(0)}}.hero-tag{color:#f8fafcb3;max-width:600px;margin-bottom:56px;font-size:1.1rem;line-height:1.6}.about-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:660px;margin:0 0 48px;display:grid}.about-photo{flex-direction:column;align-items:flex-start;margin:0;display:flex}.about-photo img{aspect-ratio:3/4;object-fit:cover;border:1px solid #bae6fd26;border-radius:8px;width:100%;height:auto;display:block;box-shadow:0 8px 32px #0006,0 0 0 1px #bae6fd0d}.about-photo figcaption{font-family:var(--font-mono);color:var(--slate-soft);letter-spacing:.12em;margin-top:10px;font-size:.7rem}@media (width<=540px){.about-photos{grid-template-columns:1fr;max-width:320px}}.bullets{flex-direction:column;gap:8px;list-style:none;display:flex}.bullets li{padding-left:24px;position:relative}.bullets li:before{content:"❄";color:var(--ice);opacity:.7;font-size:.85rem;position:absolute;top:0;left:0}.link{color:var(--ice);border-bottom:1px dashed #bae6fd66;transition:color .2s,border-color .2s}.link:hover{color:var(--snow);border-bottom-color:var(--snow)}code{font-family:var(--font-mono);color:var(--ice);background:#bae6fd14;border-radius:4px;padding:2px 6px;font-size:.85em}.pub-list{flex-direction:column;gap:28px;margin-top:16px;list-style:none;display:flex}.pub-item{border-bottom:1px solid #bae6fd14;grid-template-columns:80px 1fr;gap:16px;padding-bottom:24px;display:grid}.pub-year{font-family:var(--font-mono);color:var(--vermillion);letter-spacing:.1em;font-size:.85rem}.pub-title{font-family:var(--font-jp);color:var(--snow);margin-bottom:6px;font-size:1.1rem;font-weight:500;line-height:1.4;transition:color .2s;display:block}.pub-title:hover{color:var(--ice)}.pub-meta{color:var(--slate-soft);flex-direction:column;gap:4px;font-size:.85rem;display:flex}.pub-venue{font-family:var(--font-mono);letter-spacing:.05em;color:var(--slate-soft);font-size:.75rem}.project-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:16px;display:grid}.project-card{background:#0f1a2e8c;border:1px solid #bae6fd14;border-radius:10px;padding:24px;transition:transform .25s,border-color .25s,background .25s;display:block;position:relative;overflow:hidden}.project-card:before{content:"";background:linear-gradient(90deg, var(--vermillion), var(--ice));transform-origin:0;height:2px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.project-card:hover{background:#1e293bb3;border-color:#bae6fd40;transform:translateY(-4px)}.project-card:hover:before{transform:scaleX(1)}.project-card:hover .project-arrow{color:var(--ice);transform:translate(4px)}.project-tag{font-family:var(--font-mono);letter-spacing:.15em;color:var(--vermillion);text-transform:lowercase;margin-bottom:12px;font-size:.7rem}.project-name{font-family:var(--font-jp);color:var(--snow);margin-bottom:8px;font-size:1.15rem;font-weight:600}.project-desc{color:#f8fafcb3;margin-bottom:24px;font-size:.9rem;line-height:1.5}.project-arrow{color:var(--slate-soft);font-size:1.1rem;transition:transform .25s,color .25s;position:absolute;bottom:20px;right:24px}.cv-list{flex-direction:column;gap:14px;list-style:none;display:flex}.cv-list li{border-bottom:1px solid #bae6fd0d;grid-template-columns:140px 1fr;gap:16px;padding:12px 0;display:grid}.cv-when{font-family:var(--font-mono);color:var(--slate-soft);letter-spacing:.05em;font-size:.8rem}.cv-what{color:#f8fafcd9;font-size:.95rem}.chips{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.chip{font-family:var(--font-mono);letter-spacing:.05em;color:#f8fafcd9;background:#bae6fd0f;border:1px solid #bae6fd26;border-radius:4px;padding:6px 12px;font-size:.75rem;display:inline-block}.contact-list{flex-direction:column;gap:4px;margin-top:16px;list-style:none;display:flex}.contact-list a{border-bottom:1px solid #bae6fd0f;grid-template-columns:100px 1fr 30px;align-items:center;gap:16px;padding:18px 8px;transition:background .2s,padding .25s;display:grid}.contact-list a:hover{background:#bae6fd0a;padding-left:16px}.contact-list a:hover .contact-arrow{color:var(--ice);transform:translate(4px)}.contact-label{font-family:var(--font-mono);letter-spacing:.15em;color:var(--vermillion);text-transform:uppercase;font-size:.75rem}.contact-value{font-family:var(--font-jp);color:var(--snow);font-size:1.05rem}.contact-arrow{color:var(--slate-soft);text-align:right;transition:transform .25s,color .2s}@media (width<=600px){.pub-item,.cv-list li{grid-template-columns:1fr;gap:4px}.contact-list a{grid-template-columns:80px 1fr 20px;gap:8px}.contact-value{font-size:.95rem}}:root{--snow:#f8fafc;--snow-soft:#eef2f7;--ice:#bae6fd;--ice-deep:#7dd3fc;--slate:#334155;--slate-soft:#64748b;--midnight:#0b1120;--midnight-soft:#1e293b;--vermillion:#c8102e;--vermillion-soft:#ef4444;--gold:#d4a574;--bamboo:#65a30d;--font-jp:"Noto Serif JP", serif;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--midnight);color:var(--snow);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}::selection{background:var(--vermillion);color:var(--snow)}body:after{content:"";pointer-events:none;z-index:9999;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}.app{background:radial-gradient(at 20% 0,#bae6fd14,#0000 60%),radial-gradient(at 80% 100%,#c8102e14,#0000 60%),linear-gradient(#0b1120 0%,#0f1a2e 50%,#0b1120 100%);grid-template-columns:280px 1fr;min-height:100vh;display:grid;position:relative}@media (width<=800px){.app{grid-template-columns:1fr}}.page{z-index:2;max-width:920px;padding:80px 64px 120px;position:relative}@media (width<=800px){.page{padding:100px 24px 80px}}.page h1{font-family:var(--font-jp);letter-spacing:-.02em;margin-bottom:8px;font-size:clamp(2.4rem,5vw,4rem);font-weight:900;line-height:1}.page h1 .accent{color:var(--ice)}.page .subtitle{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--slate-soft);margin-bottom:48px;font-size:.85rem}.page h2{font-family:var(--font-jp);align-items:center;gap:12px;margin:48px 0 16px;font-size:1.5rem;font-weight:700;display:flex}.page h2:before{content:"";background:var(--vermillion);width:24px;height:1px}.page p,.page li{color:#f8fafcd1;font-size:1rem;line-height:1.7}.page p+p{margin-top:16px}.kanji-watermark{font-family:var(--font-jp);color:#bae6fd0a;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;font-size:14rem;font-weight:900;line-height:1;position:absolute;top:60px;right:40px}@media (width<=800px){.kanji-watermark{font-size:8rem;top:80px;right:16px}}