@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.loading-screen{position:fixed;inset:0;z-index:9999;overflow:hidden}.ls-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.ls-cols{position:absolute;inset:0;display:flex;will-change:transform;z-index:1}.ls-cols span{flex:1;background:#060608}.ls-cols span:nth-child(2n){background:#0b0b0f}.loading-screen.has-video .ls-cols{opacity:0}.ls-grain{position:absolute;inset:-100px;pointer-events:none;z-index:2;opacity:.055;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px;animation:ls-grain-jitter .6s steps(4) infinite}@keyframes ls-grain-jitter{0%{transform:translate(0)}25%{transform:translate(-40px,30px)}50%{transform:translate(30px,-50px)}75%{transform:translate(-25px,-25px)}to{transform:translate(45px,40px)}}.ls-vignette{position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.65) 100%)}.loading-screen.has-video .ls-vignette{background:linear-gradient(#02020673,#02020673),radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.75) 100%)}.ls-hairline{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#ff4d4d,#ff8a8a);box-shadow:0 0 12px #ff4d4db3;transform-origin:left center;z-index:4}.ls-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.25rem,4vw,3rem);z-index:3}.ls-top,.ls-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem}.ls-label{font-family:JetBrains Mono,monospace;font-size:clamp(.6rem,1vw,.72rem);letter-spacing:.18em;text-transform:uppercase;color:#ffffff73;white-space:nowrap}.ls-label:first-child{color:#ff8a8a}.ls-center{text-align:center}.ls-wordmark{margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:0 .08em;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:clamp(3rem,13vw,11rem);line-height:.95;letter-spacing:.02em;color:#fff;-webkit-user-select:none;user-select:none}.ls-wm-mask{display:inline-block;overflow:hidden;will-change:transform}.ls-wm-char{display:inline-block;will-change:transform;text-shadow:0 0 60px rgba(255,77,77,.15)}.ls-wm-space{display:inline-block;width:.35em}.ls-divider{height:1px;margin:clamp(1rem,2.5vw,1.75rem) auto;max-width:min(560px,70%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35) 20%,#ff4d4d 50%,rgba(255,255,255,.35) 80%,transparent);transform-origin:center}.ls-sub{margin:0;font-family:JetBrains Mono,monospace;font-size:clamp(.62rem,1.2vw,.78rem);font-weight:400;letter-spacing:.32em;text-transform:uppercase;color:#ffffff8c}.ls-status{display:flex;align-items:center;gap:.6rem;font-family:JetBrains Mono,monospace;font-size:clamp(.62rem,1.1vw,.75rem);letter-spacing:.16em;color:#ffffffa6;text-transform:uppercase;min-width:220px}.ls-cursor{width:8px;height:14px;background:#ff4d4d;animation:ls-blink 1s steps(2) infinite}@keyframes ls-blink{0%,49%{opacity:1}50%,to{opacity:0}}.ls-pct-label{font-family:JetBrains Mono,monospace;font-size:clamp(.62rem,1.1vw,.75rem);letter-spacing:.3em;color:#fff6}.ls-enter{font-family:JetBrains Mono,monospace;font-size:clamp(.75rem,1.3vw,.95rem);font-weight:500;letter-spacing:.24em;color:#fff;border:1px solid rgba(255,255,255,.35);padding:.85em 1.8em;animation:ls-enter-pulse 1.8s ease-in-out infinite;transition:border-color .3s ease}.loading-screen.is-ready:hover .ls-enter{border-color:#ff4d4d}@keyframes ls-enter-pulse{0%,to{opacity:.55}50%{opacity:1}}@media(max-width:640px){.ls-top{align-items:flex-start}.ls-label:last-child{display:none}.ls-status{min-width:0}.ls-bottom{flex-wrap:wrap;row-gap:1rem}}@media(prefers-reduced-motion:reduce){.ls-grain{animation:none}.ls-cursor,.ls-enter{animation:none;opacity:1}}.codex{--cx-ink: #e8e6e0;--cx-muted: rgba(232, 230, 224, .52);--cx-faint: rgba(232, 230, 224, .3);--cx-line: rgba(232, 230, 224, .14);--cx-red: #ff4d4d;position:relative;min-height:100vh;background:radial-gradient(ellipse at 50% 110%,rgba(120,10,20,.16),transparent 50%),#070709;color:var(--cx-ink);font-family:Space Grotesk,Inter,sans-serif;overflow:hidden}.codex-bg{position:fixed;inset:0;pointer-events:none;z-index:0}.codex-bg img{width:100%;height:100%;object-fit:cover;opacity:.55;filter:saturate(.88) brightness(.85)}.codex-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 110%,rgba(120,10,20,.14),transparent 55%),linear-gradient(180deg,#07070961,#070709a8)}.hero,.chapter,.chapter-divider,.codex-footer{position:relative;z-index:1}.codex-grain{position:fixed;inset:-100px;pointer-events:none;z-index:50;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px;animation:ch-grain-jitter .6s steps(4) infinite}@keyframes ch-grain-jitter{0%{transform:translate(0)}25%{transform:translate(-40px,30px)}50%{transform:translate(30px,-50px)}75%{transform:translate(-25px,-25px)}to{transform:translate(45px,40px)}}.codex-vignette{position:fixed;inset:0;pointer-events:none;z-index:49;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%)}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;text-align:center;padding:6rem 1.5rem 4rem;position:relative}.hero-gallery{display:flex;align-items:flex-end;gap:1.1rem;margin-bottom:2.5rem}.hero-frame{position:relative;width:clamp(112px,15.5vw,198px);aspect-ratio:3 / 4;border:1px solid rgba(255,77,77,.35);padding:5px;background:#e8e6e005;overflow:hidden}.frame-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:"Noto Serif JP",serif;font-weight:700;font-size:2rem;color:#ff4d4d66;-webkit-user-select:none;user-select:none}.hero-frame .frame-fallback{font-size:1.4rem}.hero-frame:nth-child(2n){border-radius:45% 45% 0 0}.hero-frame:before{content:"";position:absolute}.hero-frame img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(45%) contrast(1.05) brightness(.9);transition:filter .4s ease}.hero-frame:hover img{filter:grayscale(0%) contrast(1)}.hero-frame:nth-child(3){width:clamp(144px,20vw,256px);border-color:#ff4d4d99}.hero-overline{font-family:JetBrains Mono,monospace;font-size:.66rem;letter-spacing:.3em;color:var(--cx-faint);text-transform:uppercase}.hero-title{font-size:clamp(3.2rem,11vw,9rem);font-weight:700;line-height:.95;letter-spacing:.04em;margin:0;color:#fff;text-shadow:0 0 80px rgba(255,77,77,.18)}.hero-ornament{width:min(420px,70%);height:11px;background:linear-gradient(90deg,transparent,rgba(255,77,77,.65),transparent) center / 100% 1px no-repeat;position:relative}.hero-ornament:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background:#070709;border:1.5px solid var(--cx-red);transform:translate(-50%,-50%) rotate(45deg)}.hero-sub{font-family:JetBrains Mono,monospace;font-size:clamp(.6rem,1.4vw,.78rem);letter-spacing:.32em;color:var(--cx-muted);text-transform:uppercase}.hero-scroll{margin-top:2.5rem;font-family:JetBrains Mono,monospace;font-size:.62rem;letter-spacing:.28em;color:var(--cx-faint);text-decoration:none;animation:scroll-pulse 2s ease-in-out infinite}@keyframes scroll-pulse{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}.chapter{position:relative;min-height:92vh;display:flex;align-items:center;padding:6rem clamp(1.5rem,6vw,6rem);overflow:hidden}.chapter-bg-kanji{position:absolute;top:50%;right:clamp(.5rem,4vw,4rem);transform:translateY(-50%);writing-mode:vertical-rl;font-family:"Noto Serif JP",serif;font-weight:700;font-size:clamp(6rem,18vw,15rem);letter-spacing:.2em;color:#ff4d4d33;-webkit-user-select:none;user-select:none;pointer-events:none;line-height:1}.chapter.flip .chapter-bg-kanji{right:auto;left:clamp(.5rem,4vw,4rem)}.chapter-inner{position:relative;width:100%;max-width:1200px;margin:0 auto;z-index:2}.chapter-head{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2.5rem;border-bottom:1px solid var(--cx-line);padding-bottom:1.2rem}.cx-file{font-family:JetBrains Mono,monospace;font-size:.62rem;letter-spacing:.24em;color:var(--cx-red);text-transform:uppercase}.chapter-title{font-size:clamp(2rem,5vw,3.4rem);font-weight:700;letter-spacing:.06em;margin:0;color:#fff}.chapter-grid{display:grid;grid-template-columns:clamp(360px,32vw,460px) 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}.chapter.flip .chapter-grid{grid-template-columns:1fr clamp(360px,32vw,460px)}.chapter.flip .chapter-portrait{order:2}.chapter.flip .chapter-body{order:1}.chapter-portrait{display:flex;flex-direction:column;gap:.8rem;position:sticky;top:6rem}.chapter-portrait-frame{position:relative;aspect-ratio:3 / 4;border:1px solid rgba(255,77,77,.35);padding:9px;background:#e8e6e005}.chapter-portrait-frame:before{content:"";position:absolute;inset:4px;border:1px solid var(--cx-line);pointer-events:none;z-index:2}.chapter-portrait-frame:after{content:"";position:absolute;inset:9px;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.5) 100%)}.chapter-portrait-img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) contrast(1.03)}.chapter-portrait-caption{text-align:center;font-family:JetBrains Mono,monospace;font-size:.62rem;letter-spacing:.3em;color:var(--cx-faint)}.panel-content{min-width:0}.cx-rule{height:1px;background:var(--cx-line);margin:1.1rem 0}.cx-entries{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.1rem}.project-card{position:relative;background:#e8e6e006;border:1px solid var(--cx-line);padding:1rem 1.1rem 1.15rem;text-decoration:none;color:var(--cx-ink);transition:border-color .25s ease,background .25s ease,transform .25s ease}.project-card:before,.project-card:after{content:"";position:absolute;width:9px;height:9px;transition:border-color .25s ease}.project-card:before{top:-1px;left:-1px;border-top:1px solid var(--cx-faint);border-left:1px solid var(--cx-faint)}.project-card:after{bottom:-1px;right:-1px;border-bottom:1px solid var(--cx-faint);border-right:1px solid var(--cx-faint)}.project-card:hover{border-color:#ff4d4d73;background:#ff4d4d0a;transform:translateY(-4px)}.project-card:hover:before,.project-card:hover:after{border-color:var(--cx-red)}.cx-entry-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.7rem}.cx-entry-no{font-family:JetBrains Mono,monospace;font-size:.66rem;letter-spacing:.18em;color:var(--cx-red)}.cx-entry-type{font-family:JetBrains Mono,monospace;font-size:.58rem;letter-spacing:.24em;color:var(--cx-faint);text-transform:uppercase}.card-thumbnail{width:100%;height:130px;background:#101014;border:1px solid var(--cx-line);display:flex;align-items:center;justify-content:center;margin-bottom:.9rem;overflow:hidden}.card-emoji{font-size:2.6rem;opacity:.8}.card-image{width:100%;height:100%;object-fit:cover;filter:grayscale(35%) contrast(1.02);transition:filter .4s ease,transform .5s ease}.project-card:hover .card-image{filter:grayscale(0%);transform:scale(1.03)}.project-card h3{font-size:1.05rem;font-weight:600;margin:0 0 .4rem}.project-card p{font-size:.82rem;color:var(--cx-muted);line-height:1.55;margin:0 0 .8rem}.tag-row{display:flex;gap:.4rem;flex-wrap:wrap}.tag{border:1px solid var(--cx-line);color:var(--cx-faint);padding:.18rem .55rem;font-family:JetBrains Mono,monospace;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase}.about-name{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;margin:0 0 .35rem}.about-title{font-family:JetBrains Mono,monospace;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cx-red);margin:0 0 .4rem}.about-bio{font-size:.9rem;color:var(--cx-muted);line-height:1.75;margin:0 0 1.4rem;max-width:620px}.cx-spec-title{font-family:JetBrains Mono,monospace;font-size:.62rem;letter-spacing:.22em;color:var(--cx-faint);text-transform:uppercase;margin:0 0 .8rem}.skills-row{display:flex;gap:.45rem;flex-wrap:wrap}.skill-badge{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--cx-line);color:var(--cx-ink);padding:.32rem .7rem;font-family:JetBrains Mono,monospace;font-size:.68rem;letter-spacing:.08em;transition:border-color .25s ease}.skill-badge:hover{border-color:#ff4d4d80}.cx-skill-no{font-size:.56rem;color:var(--cx-red)}.contact-list{display:flex;flex-direction:column;max-width:560px}.contact-item{display:flex;align-items:baseline;gap:1rem;border-bottom:1px solid var(--cx-line);padding:.95rem .2rem;color:var(--cx-ink);text-decoration:none;transition:background .25s ease,padding-left .25s ease}.contact-item:first-child{border-top:1px solid var(--cx-line)}.contact-item:hover{background:#ff4d4d0d;padding-left:.6rem}.cx-ci-label{flex:0 0 110px;font-family:JetBrains Mono,monospace;font-size:.6rem;letter-spacing:.22em;color:var(--cx-red)}.cx-ci-value{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--cx-ink);word-break:break-all}.cx-legal{margin-top:2rem}.cx-legal-title{font-family:JetBrains Mono,monospace;font-size:.62rem;letter-spacing:.22em;color:var(--cx-faint);text-transform:uppercase;margin:0 0 .8rem}.cx-legal-btn{display:block;width:100%;max-width:560px;text-align:left;background:transparent;border:none;border-left:1px solid var(--cx-line);padding:.5rem 0 .5rem .9rem;margin-bottom:.15rem;color:var(--cx-muted);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.72rem;letter-spacing:.1em;transition:all .25s ease}.cx-legal-btn:hover{border-left-color:var(--cx-red);color:var(--cx-ink);background:#ff4d4d0d;padding-left:1.2rem}.chapter-divider{max-width:1200px;margin:0 auto;padding:0 clamp(1.5rem,6vw,6rem)}.chapter-divider .ch-flourish{display:block}.ch-flourish{height:11px;background:linear-gradient(90deg,transparent,rgba(255,77,77,.5),transparent) center / 100% 1px no-repeat;position:relative}.ch-flourish:after{content:"";position:absolute;top:50%;left:50%;width:7px;height:7px;background:#070709;border:1px solid var(--cx-faint);transform:translate(-50%,-50%) rotate(45deg)}.codex-footer{padding:4rem clamp(1.5rem,6vw,6rem) 2rem;display:flex;flex-direction:column;gap:1.2rem;align-items:center}.codex-footer .ch-flourish{width:100%;max-width:1200px}.footer-legal-links{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap;font-family:JetBrains Mono,monospace;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c}.footer-btn{background:transparent;border:none;padding:0;color:#ffffff8c;cursor:pointer;transition:color .2s ease;font-family:inherit;font-size:inherit;letter-spacing:inherit}.footer-btn:hover{color:#fff}.footer-copyright{font-family:JetBrains Mono,monospace;font-size:.58rem;letter-spacing:.18em;color:#ffffff59}.legal-modal{position:fixed;inset:0;z-index:200;background:#040406e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:clamp(.8rem,3vw,2.5rem);animation:modal-fade .3s ease forwards}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.legal-modal-frame{position:relative;width:min(880px,100%);max-height:100%;display:flex;flex-direction:column;background:#0a0a0d;border:1px solid rgba(255,77,77,.3);outline:1px solid rgba(232,230,224,.08);outline-offset:5px;animation:chReveal .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes chReveal{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.ch-corner{position:absolute;width:22px;height:22px;z-index:3;pointer-events:none}.ch-corner:before{content:"";position:absolute;inset:0;border:0 solid var(--cx-red)}.ch-tl{top:-7px;left:-7px}.ch-tl:before{border-top-width:2px;border-left-width:2px}.ch-tr{top:-7px;right:-7px}.ch-tr:before{border-top-width:2px;border-right-width:2px}.ch-bl{bottom:-7px;left:-7px}.ch-bl:before{border-bottom-width:2px;border-left-width:2px}.ch-br{bottom:-7px;right:-7px}.ch-br:before{border-bottom-width:2px;border-right-width:2px}.ch-head{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.5rem .9rem;border-bottom:1px solid var(--cx-line)}.legal-close{background:transparent;border:1px solid var(--cx-line);color:var(--cx-muted);padding:.45rem .9rem;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.6rem;letter-spacing:.2em;transition:all .25s ease}.legal-close:hover{border-color:var(--cx-red);color:var(--cx-ink)}.legal-modal-body{overflow-y:auto;padding:1.5rem 1.75rem 2.5rem;scrollbar-width:thin;scrollbar-color:rgba(232,230,224,.2) transparent}.legal-modal-body::-webkit-scrollbar{width:4px}.legal-modal-body::-webkit-scrollbar-thumb{background:#e8e6e02e}.legal-content h2{font-family:JetBrains Mono,monospace;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cx-ink);border-left:2px solid var(--cx-red);padding-left:.7rem;margin:1.8rem 0 .8rem}.legal-content h2:first-child{margin-top:0}.legal-content p,.legal-content li{font-size:.82rem;color:var(--cx-muted);line-height:1.75}.legal-content ul,.legal-content ol{padding-left:1.2rem;margin:.5rem 0}.legal-content strong{color:var(--cx-ink)}.legal-content a{color:var(--cx-red);text-decoration:none;border-bottom:1px solid rgba(255,77,77,.35)}@media(max-width:900px){.hero-gallery{gap:.6rem}.hero-frame{width:clamp(66px,17.5vw,128px)}.hero-frame:nth-child(3){width:clamp(86px,22.5vw,164px)}.chapter{min-height:0;padding:4.5rem 1.25rem}.chapter-grid,.chapter.flip .chapter-grid{grid-template-columns:1fr}.chapter.flip .chapter-portrait{order:0}.chapter.flip .chapter-body{order:1}.chapter-portrait{position:static}.chapter-portrait-frame{aspect-ratio:16 / 9}.chapter-bg-kanji{font-size:5rem;opacity:1}}@media(prefers-reduced-motion:reduce){.codex-grain{animation:none}.hero-scroll{animation:none;opacity:.8}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;min-height:100%;overflow-x:hidden;font-family:Inter,sans-serif;background:#070709;color:#eee}.app-container{width:100vw;min-height:100vh;position:relative}canvas{display:block}.site-header{position:fixed;top:0;left:0;width:100%;padding:1.2rem 2rem;z-index:50;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.logo{display:inline-flex;align-items:center;gap:.6rem;font-family:Space Grotesk,sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:.24em;color:#ffffffd9}.logo:before{content:"";width:8px;height:8px;background:#ff4d4d;transform:rotate(45deg)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.footer-btn:focus,.footer-btn:focus-visible{outline:none}