@import "https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600&family=Zen+Kaku+Gothic+New:wght@400;500&family=Space+Mono:wght@400;700&display=swap";html{box-sizing:border-box;font-size:16px}*,:before,:after{box-sizing:inherit}.cursor-wrapper{pointer-events:none;z-index:99999;opacity:0;width:100vw;height:100vh;transition:opacity .3s;position:fixed;top:0;left:0}.cursor-wrapper.cursor-visible{opacity:1}.cursor__dot,.cursor__ring{will-change:transform;pointer-events:none;border-radius:50%;position:absolute;top:0;left:0}.cursor__dot{background:#fff;width:5px;height:5px;margin-top:-2.5px;margin-left:-2.5px;transition:width .22s cubic-bezier(.16,1,.3,1),height .22s cubic-bezier(.16,1,.3,1),margin .22s cubic-bezier(.16,1,.3,1),background .2s,box-shadow .2s,transform .15s;box-shadow:0 0 8px #ffffffbf,0 0 2px #ffffffe6}[data-theme=light] .cursor__dot{background:#050508;box-shadow:0 0 6px #05050859}.cursor__ring{-webkit-backdrop-filter:blur(1px);background:#ffffff08;border:1.25px solid #ffffffa6;width:28px;height:28px;margin-top:-14px;margin-left:-14px;transition:width .28s cubic-bezier(.16,1,.3,1),height .28s cubic-bezier(.16,1,.3,1),margin .28s cubic-bezier(.16,1,.3,1),border-color .2s,background-color .2s,box-shadow .2s,transform .15s;box-shadow:0 0 10px #ffffff1a}[data-theme=light] .cursor__ring{background:#05050806;border-color:#0505088c;box-shadow:0 0 8px #05050814}.cursor--hover{background:#fff;width:8px;height:8px;margin-top:-4px;margin-left:-4px;box-shadow:0 0 12px #fffffff2,0 0 3px #fff}[data-theme=light] .cursor--hover{background:#050508;box-shadow:0 0 10px #05050899}.ring--hover{background-color:#ffffff14;border-width:1.5px;border-color:#ffffffe6;width:44px;height:44px;margin-top:-22px;margin-left:-22px;box-shadow:0 0 16px #fff3}[data-theme=light] .ring--hover{background-color:#0505080f;border-width:1.5px;border-color:#050508d9;box-shadow:0 0 14px #05050826}.cursor--click{transform:scale(.6)}.ring--click{background-color:#fff3;border-color:#fff;width:20px;height:20px;margin-top:-10px;margin-left:-10px;box-shadow:0 0 12px #fff6}[data-theme=light] .ring--click{background-color:#05050826;border-color:#050508;box-shadow:0 0 10px #05050840}@media (hover:hover) and (pointer:fine){*,:before,:after{cursor:none!important}}@media (hover:none){.cursor-wrapper{display:none}}.portfolio-preloader{z-index:10000;background-color:var(--loader-bg,#0a0a0f);-webkit-user-select:none;user-select:none;will-change:transform;--loader-bg:#0a0a0f;--loader-grid:#ffffff0e;--loader-text:#fff;--loader-dim:#a0a0b0;--loader-accent:#c0392b;--loader-gold:#d4af37;--loader-jade:#52b788;--stage-scale:1;justify-content:center;align-items:center;transition:transform .82s cubic-bezier(.76,0,.24,1),background-color .3s;display:flex;position:fixed;inset:0;overflow:hidden}[data-theme=light] .portfolio-preloader{--loader-bg:#f7f4ee;--loader-grid:#0001;--loader-text:#050508;--loader-dim:#2c2a36;--loader-accent:#9e2317;--loader-gold:#8f5c00;--loader-jade:#166534}.portfolio-preloader.phase-exiting-content .preloader__stage,.portfolio-preloader.phase-curtain-up .preloader__stage{opacity:0;transition:opacity .38s cubic-bezier(.25,1,.5,1),transform .38s cubic-bezier(.25,1,.5,1);transform:scale(.94)}.portfolio-preloader.phase-exiting-content .preloader__hud-top,.portfolio-preloader.phase-exiting-content .preloader__hud-bottom,.portfolio-preloader.phase-curtain-up .preloader__hud-top,.portfolio-preloader.phase-curtain-up .preloader__hud-bottom{opacity:0;transition:opacity .32s}.portfolio-preloader.phase-curtain-up{pointer-events:none;box-shadow:0 25px 60px #000000a6, 0 2px 0 var(--loader-accent);transform:translateY(-100%)}.preloader__grid{background-image:linear-gradient(to right, var(--loader-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--loader-grid) 1px, transparent 1px);pointer-events:none;background-position:50%;background-size:56px 56px;transition:opacity .5s;position:absolute;inset:0}.preloader__stage{will-change:transform, opacity;justify-content:center;align-items:center;width:0;height:0;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .35s;display:flex;position:relative}.preloader__canvas{height:calc(18.5rem * var(--stage-scale));pointer-events:none;will-change:transform, opacity;opacity:0;width:auto;transition:opacity .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preloader__canvas.is-ready{opacity:1}.preloader__move{font-family:Liu Jian Mao Cao,Caveat,cursive,sans-serif;font-size:calc(3rem * var(--stage-scale));white-space:nowrap;color:var(--loader-text);opacity:0;transform:translate(calc(-50% + var(--mx,0rem) * var(--stage-scale)), calc(-50% + var(--my,0rem) * var(--stage-scale))) rotate(var(--mr,0deg)) scale(.65);will-change:opacity, transform;pointer-events:none;font-weight:400;line-height:1;transition:opacity .28s,transform .35s cubic-bezier(.34,1.4,.64,1);position:absolute;top:0;left:0}.preloader__move.is-in{opacity:var(--mo,1);transform:translate(calc(-50% + var(--mx,0rem) * var(--stage-scale)), calc(-50% + var(--my,0rem) * var(--stage-scale))) rotate(var(--mr,0deg)) scale(1)}.preloader__move.is-out{opacity:0;transform:translate(calc(-50% + var(--mx,0rem) * var(--stage-scale)), calc(-50% + var(--my,0rem) * var(--stage-scale))) rotate(var(--mr,0deg)) scale(.85)}.preloader__move.accent-gold{color:var(--loader-gold)}.preloader__move.accent-jade{color:var(--loader-jade)}.preloader__move.accent-crimson{color:var(--loader-accent)}.preloader__hud-top{letter-spacing:.2em;color:var(--loader-dim);text-transform:uppercase;align-items:center;gap:.75rem;font-family:Space Mono,monospace;font-size:.68rem;font-weight:700;transition:opacity .3s;display:flex;position:absolute;top:2.2rem;left:2.5rem}.preloader__hud-dot{background:var(--loader-accent);width:6px;height:6px;box-shadow:0 0 10px var(--loader-accent);border-radius:50%;animation:1.2s ease-in-out infinite alternate hudPulse}.preloader__hud-bottom{letter-spacing:.25em;color:var(--loader-dim);font-family:Space Mono,monospace;font-size:.68rem;transition:opacity .3s;position:absolute;bottom:2.2rem;right:2.5rem}.preloader__hud-progress{color:var(--loader-text);margin-left:.4rem;font-weight:700}@keyframes hudPulse{0%{opacity:.35;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}@media (width<=768px){.portfolio-preloader{--stage-scale:.78}.preloader__grid{background-size:42px 42px}.preloader__hud-top{font-size:.6rem;top:1.5rem;left:1.5rem}.preloader__hud-bottom{font-size:.6rem;bottom:1.5rem;right:1.5rem}}.cyber-grid-container{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.cyber-grid-floor{background-image:linear-gradient(to right, var(--grid-line-x,#c0392b12) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line-y,#d4af370d) 1px, transparent 1px);background-size:50px 50px;width:200%;height:100%;animation:20s linear infinite gridMove;position:absolute;top:40%;left:-50%;transform:perspective(600px)rotateX(75deg);-webkit-mask-image:linear-gradient(#0000 0%,#000c 40%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000c 40%,#0000 100%)}@keyframes gridMove{0%{background-position:0 0}to{background-position:0 1000px}}.cyber-scanline{width:100%;height:100%;opacity:var(--scanline-opacity,.25);background:linear-gradient(#fff0,#fff0 50%,#0a0a0f4d 50%,#0a0a0f4d) 0 0/100% 4px;transition:opacity .3s;position:absolute;top:0;left:0}[data-theme=light] .cyber-scanline{background:linear-gradient(#fff0,#fff0 50%,#18171e1f 50%,#18171e1f)}#sakura-container{pointer-events:none;z-index:1;perspective:900px;position:fixed;inset:0;overflow:hidden}.sakura-defs-svg{pointer-events:none;width:0;height:0;position:absolute}.sakura-petal{pointer-events:none;will-change:transform, opacity;transform-style:preserve-3d;filter:drop-shadow(0 2px 4px #dc506433);position:fixed;top:-40px;animation-timing-function:linear!important;animation-iteration-count:infinite!important}.sakura-petal svg{width:100%;height:100%;display:block;overflow:visible}@keyframes sakura-fall-drift-right{0%{opacity:0;transform:translateY(-5vh)rotate(0)rotateX(0)rotateY(0)}3%{opacity:.88}25%{transform:translate(32px,23.75vh)rotate(60deg)rotateX(90deg)rotateY(35deg)}50%{opacity:.88;transform:translate(12px,52.5vh)rotate(135deg)rotateX(190deg)rotateY(110deg)}75%{transform:translate(46px,81.25vh)rotate(210deg)rotateX(280deg)rotateY(170deg)}97%{opacity:.85}to{opacity:0;transform:translate(68px,110vh)rotate(290deg)rotateX(360deg)rotateY(230deg)}}@keyframes sakura-fall-drift-left{0%{opacity:0;transform:translateY(-5vh)rotate(0)rotateX(0)rotateY(0)}3%{opacity:.88}25%{transform:translate(-34px,23.75vh)rotate(-55deg)rotateX(100deg)rotateY(-40deg)}50%{opacity:.88;transform:translate(-14px,52.5vh)rotate(-125deg)rotateX(200deg)rotateY(-110deg)}75%{transform:translate(-48px,81.25vh)rotate(-200deg)rotateX(290deg)rotateY(-170deg)}97%{opacity:.85}to{opacity:0;transform:translate(-64px,110vh)rotate(-280deg)rotateX(360deg)rotateY(-230deg)}}@keyframes sakura-fall-sway-wide{0%{opacity:0;transform:translateY(-5vh)rotate(10deg)rotateX(0)rotateY(0)}3%{opacity:.88}25%{transform:translate(38px,23.75vh)rotate(50deg)rotateX(95deg)rotateY(60deg)}50%{opacity:.88;transform:translate(-32px,52.5vh)rotate(-30deg)rotateX(190deg)rotateY(120deg)}75%{transform:translate(30px,81.25vh)rotate(80deg)rotateX(280deg)rotateY(180deg)}97%{opacity:.85}to{opacity:0;transform:translate(-16px,110vh)rotate(150deg)rotateX(360deg)rotateY(260deg)}}@keyframes sakura-fall-sway-gentle{0%{opacity:0;transform:translateY(-5vh)rotate(-15deg)rotateX(0)rotateY(0)}3%{opacity:.88}25%{transform:translate(-20px,23.75vh)rotate(20deg)rotateX(80deg)rotateY(45deg)}50%{opacity:.88;transform:translate(22px,52.5vh)rotate(75deg)rotateX(170deg)rotateY(95deg)}75%{transform:translate(-15px,81.25vh)rotate(130deg)rotateX(260deg)rotateY(150deg)}97%{opacity:.85}to{opacity:0;transform:translate(14px,110vh)rotate(200deg)rotateX(360deg)rotateY(210deg)}}.theme-toggle{background:var(--hud-tag-bg,#d4af3714);border:1px solid var(--border-card,#c0392b4d);height:38px;color:var(--white);cursor:pointer;font-family:var(--font-mono,"Space Mono", monospace);-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(8px);border-radius:2px;outline:none;justify-content:center;align-items:center;gap:.45rem;padding:0 .85rem;transition:background-color .25s,border-color .25s,box-shadow .25s,transform .15s cubic-bezier(0,0,.2,1);display:inline-flex;position:relative;box-shadow:0 2px 8px #00000026}.theme-toggle:hover{border-color:var(--crimson);box-shadow:0 0 14px var(--crimson-glow,#c0392b4d);transform:translateY(-1px)}.theme-toggle:active{transform:translateY(1px)scale(.97)}.theme-toggle:focus-visible{outline:2px solid var(--crimson);outline-offset:2px}.theme-toggle__bracket-tl,.theme-toggle__bracket-br{border-color:var(--card-bracket-color,var(--gold));pointer-events:none;opacity:.7;border-style:solid;width:5px;height:5px;transition:all .25s;position:absolute}.theme-toggle__bracket-tl{border-width:1.5px 0 0 1.5px;top:-1px;left:-1px}.theme-toggle__bracket-br{border-width:0 1.5px 1.5px 0;bottom:-1px;right:-1px}.theme-toggle:hover .theme-toggle__bracket-tl,.theme-toggle:hover .theme-toggle__bracket-br{border-color:var(--crimson);opacity:1;width:7px;height:7px}.theme-toggle__icon-wrapper{justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:relative}.theme-toggle__icon{width:18px;height:18px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s,color .25s;position:absolute}.theme-toggle--dark .theme-toggle__icon--moon{opacity:1;color:var(--gold,#d4af37);filter:drop-shadow(0 0 4px #d4af3780);transform:rotate(0)scale(1)}.theme-toggle--dark .theme-toggle__icon--sun{opacity:0;color:var(--crimson,#c0392b);transform:rotate(90deg)scale(.3)}.theme-toggle--light .theme-toggle__icon--sun{opacity:1;color:var(--crimson,#b33225);filter:drop-shadow(0 0 4px #b3322566);transform:rotate(0)scale(1)}.theme-toggle--light .theme-toggle__icon--moon{opacity:0;color:var(--gold,#b38318);transform:rotate(-90deg)scale(.3)}.theme-toggle__kanji{font-family:var(--font-jp,"Noto Serif JP", serif);letter-spacing:.05em;font-size:.92rem;font-weight:700;line-height:1;transition:color .25s,text-shadow .25s}.theme-toggle--dark .theme-toggle__kanji{color:var(--gold,#d4af37);text-shadow:0 0 6px #d4af374d}.theme-toggle--light .theme-toggle__kanji{color:var(--crimson,#b33225);text-shadow:0 0 6px #b3322540}.nav-actions{align-items:center;gap:1.4rem;display:flex}nav{z-index:100;background:var(--bg-nav-initial,linear-gradient(to bottom, #0a0a0fe6, transparent));-webkit-backdrop-filter:blur(4px);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 4rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0}nav.nav-scrolled{background:var(--bg-nav,#0a0a0fe0);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-card,#c0392b40);box-shadow:var(--shadow-nav,0 10px 30px #00000080);padding:1rem 4rem}a.nav-logo{letter-spacing:.3em;margin:0;padding:0;font-size:1.2rem;font-weight:900;transition:transform .3s,color .3s;color:var(--white,#fff)!important;align-items:center!important;font-family:Cinzel,serif!important;text-decoration:none!important;display:flex!important}a.nav-logo:hover{transform:scale(1.05);color:var(--gold,#d4af37)!important;text-decoration:none!important}a.nav-logo span{margin:0 .2rem;animation:1.8s infinite alternate pulseDot;color:var(--crimson,#c0392b)!important}.nav-links{gap:2.5rem;list-style:none;display:flex}.nav-links a{color:var(--text-dim);letter-spacing:.2em;text-transform:uppercase;padding:6px 0;font-family:Space Mono,monospace;font-size:.78rem;font-weight:600;text-decoration:none;transition:color .3s;position:relative}.nav-links a:after{content:"";background:linear-gradient(90deg, var(--crimson), var(--gold));width:0;height:2px;box-shadow:0 0 8px var(--crimson);transition:width .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0}.nav-links a:hover{color:var(--white)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-links a.active{color:var(--gold)}.nav-right{align-items:center;gap:1.5rem;display:flex}.nav-kanji{color:#c0392b73;letter-spacing:.1em;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Noto Serif JP,serif;font-size:1.4rem;font-weight:700;transition:color .3s,text-shadow .3s}nav.nav-scrolled .nav-kanji{color:#d4af3799;text-shadow:0 0 10px #d4af374d}.hamburger{cursor:pointer;display:none}.hamburger div{background-color:var(--white);width:25px;height:2px;margin:5px;transition:all .3s}.hamburger.toggle .line1{background-color:var(--crimson);transform:rotate(-45deg)translate(-5px,5px)}.hamburger.toggle .line2{opacity:0}.hamburger.toggle .line3{background-color:var(--crimson);transform:rotate(45deg)translate(-5px,-5px)}[data-theme=light] a.nav-logo{color:#050508!important}[data-theme=light] .nav-links a{color:#1a1824;font-weight:700}[data-theme=light] .nav-links a:hover{color:#000}[data-theme=light] .nav-links a.active{color:var(--crimson);font-weight:700}[data-theme=light] .nav-kanji{color:var(--footer-kanji-color,#9e2317bf)}[data-theme=light] nav.nav-scrolled .nav-kanji{color:#9e2317f2;text-shadow:0 0 10px #8f5c0040}[data-theme=light] .hamburger div{background-color:#050508}@media (width<=900px){nav,nav.nav-scrolled{padding:1.2rem 2rem}.nav-right{gap:1rem}.hamburger{z-index:102;display:block}.nav-links{-webkit-backdrop-filter:blur(20px);z-index:101;background:#0a0a0ff7;border-left:1px solid #c0392b4d;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:75%;max-width:320px;height:100vh;transition:transform .4s cubic-bezier(.16,1,.3,1);position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-10px 0 40px #000c}[data-theme=light] .nav-links{background:#f7f4eefa;border-left:1px solid #9e231740;box-shadow:-10px 0 40px #0000001f}.nav-links.nav-open{transform:translate(0%)}.nav-kanji{display:none}}.marquee{border-top:1px solid var(--border-subtle,#ffffff0d);border-bottom:1px solid var(--border-subtle,#ffffff0d);z-index:2;background:var(--bg-marquee,#0a0a0f99);-webkit-backdrop-filter:blur(4px);padding:1.6rem 0;transition:background-color .3s,border-color .3s;position:relative;overflow:hidden}.marquee__track{will-change:transform;gap:3.5rem;width:max-content;display:flex}.marquee__item{font-family:var(--font-jp);color:var(--marquee-color,#ffffff14);white-space:nowrap;letter-spacing:.25em;-webkit-user-select:none;user-select:none;font-size:1.4rem;transition:color .3s}[data-theme=light] .marquee__item{color:var(--marquee-color);font-weight:600}.marquee__item--accent{color:var(--marquee-accent,#c0392b4d);text-shadow:0 0 10px #c0392b33}[data-theme=light] .marquee__item--accent{color:var(--marquee-accent);text-shadow:0 0 10px #9e231740;font-weight:700}.marquee__gradient-left,.marquee__gradient-right{pointer-events:none;z-index:3;width:120px;position:absolute;top:0;bottom:0}.marquee__gradient-left{background:linear-gradient(90deg, var(--bg-page) 0%, transparent 100%);left:0}.marquee__gradient-right{background:linear-gradient(270deg, var(--bg-page) 0%, transparent 100%);right:0}.main-footer{box-sizing:border-box;border-top:1px solid var(--border-subtle,#ffffff0d);z-index:2;background:var(--bg-page);flex-shrink:0;justify-content:space-between;align-items:center;width:100%;margin:0;padding:3rem 4rem;transition:border-color .3s,background-color .3s;display:flex;position:relative}.footer-copy{color:var(--text-dim);letter-spacing:.05em;font-family:Space Mono,monospace;font-size:.72rem;font-weight:600;transition:color .3s}.heart-accent{color:var(--crimson);opacity:.8;margin:0 .2rem;font-family:Noto Serif JP,serif}.footer-kanji{color:var(--footer-kanji-color,#c0392b4d);letter-spacing:.3em;font-family:Noto Serif JP,serif;font-size:1.1rem;font-weight:700;transition:color .3s}.main-footer:hover .footer-kanji{color:var(--crimson)}@media (width<=768px){.main-footer{text-align:center;flex-direction:column;gap:1.5rem;padding:3rem 2rem}.footer-kanji{letter-spacing:.2em;font-size:.9rem}}#hero{background:0 0;align-items:center;min-height:100vh;padding:0;display:flex;position:relative;overflow:hidden}.hero-content-wrapper{z-index:2;align-items:center;width:100%;height:100vh;padding:0 4rem;display:flex;position:relative}.hero-content{z-index:2;max-width:700px;margin-top:2rem;position:relative}.hero-eyebrow{letter-spacing:.4em;color:var(--crimson);text-transform:uppercase;align-items:center;gap:1rem;margin-bottom:1.5rem;font-family:Space Mono,monospace;font-size:.75rem;font-weight:700;display:flex}.hero-eyebrow:before{content:"";background:var(--crimson);width:40px;height:1.5px;display:inline-block}.hero-name{background:var(--hero-name-gradient,linear-gradient(135deg, #fff 0%, #d4af37 50%, #c0392b 100%));-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin-bottom:.3rem;font-family:Cinzel,serif;font-size:clamp(3rem,7vw,5rem);font-weight:900;line-height:1;animation:4s ease-in-out infinite shimmer}@keyframes shimmer{0%,to{background-position:0%}50%{background-position:100%}}.hero-name-jp{color:var(--hero-name-jp-color,#d4af3799);letter-spacing:.5em;margin-bottom:1.5rem;font-family:Noto Serif JP,serif;font-size:1.2rem;font-weight:600;transition:color .3s;display:block}.hero-role{color:var(--text-dim);max-width:500px;margin-bottom:2.5rem;font-size:1.1rem;font-weight:450;line-height:1.8;transition:color .3s}[data-theme=light] .hero-role{font-weight:500}.hero-role em{color:var(--jade-light);font-style:normal;font-weight:700;transition:color .3s}.typing{color:var(--jade-light);font-weight:700}.hero-cta{flex-wrap:wrap;align-items:center;gap:1.8rem;display:flex}.hero-right{pointer-events:none;justify-content:center;align-items:center;width:45%;height:100%;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.hero-kanji-wrapper{will-change:transform;position:relative}.hero-kanji-stack{z-index:2;writing-mode:vertical-rl;color:var(--hero-kanji-color,#fff3);letter-spacing:.1em;text-shadow:var(--hero-kanji-shadow,0 0 40px #c0392b66, 0 0 80px #d4af3733);font-family:Noto Serif JP,serif;font-size:clamp(5rem,10vw,9rem);font-weight:700;line-height:1;transition:color .3s,text-shadow .3s;animation:8s ease-in-out infinite float;position:relative}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.scroll-hint{color:var(--text-dim);letter-spacing:.3em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.5rem;font-family:Space Mono,monospace;font-size:.65rem;font-weight:700;transition:color .3s;animation:2s ease-in-out infinite bounce;display:flex;position:absolute;bottom:3rem;left:50%;transform:translate(-50%)}.scroll-hint:after{content:"";background:linear-gradient(to bottom, var(--crimson), transparent);width:1px;height:40px;animation:2s ease-in-out infinite grow;display:block}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(6px)}}@keyframes grow{0%,to{opacity:.5;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1)}}@media (width<=900px){#hero{padding:6rem 2rem}.hero-right{display:none}}#about{z-index:2;--about-stroke-base:#a0a0b059;--about-stroke-strong:#ffffff7a;--about-stroke-em:#52b7887a;padding:8rem 4rem;position:relative}[data-theme=light] #about{--about-stroke-base:#2c2a3659;--about-stroke-strong:#0505088c;--about-stroke-em:#1665347a}.section-header{align-items:baseline;gap:1.5rem;margin-bottom:4rem;display:flex}.section-num{color:var(--crimson);letter-spacing:.3em;font-family:Space Mono,monospace;font-size:.7rem;font-weight:700}.section-title{color:var(--white);font-family:Cinzel,serif;font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700;transition:color .3s}.section-title-jp{color:var(--section-jp-color,#ffffff1a);letter-spacing:.3em;margin-left:auto;font-family:Noto Serif JP,serif;font-size:.95rem;font-weight:600;transition:color .3s}.about-grid{grid-template-columns:1.2fr .8fr;align-items:flex-start;gap:5rem;display:grid}.about-text{flex-direction:column;gap:1.25rem;display:flex}.about-reveal-para{letter-spacing:-.01em;margin:0;font-family:Shippori Mincho,serif;font-size:clamp(1.15rem,2.1vw,1.65rem);font-weight:600;line-height:1.65}.about-reveal-word{white-space:nowrap;margin-right:.38em;display:inline-block;position:relative}.about-reveal-word.is-strong{font-weight:700}.about-reveal-word.is-em{font-style:normal;font-weight:700}.about-reveal-stroke{color:#0000;-webkit-text-stroke:1.1px var(--about-stroke-base);-webkit-user-select:none;user-select:none;pointer-events:none;transition:-webkit-text-stroke-color .3s;display:inline-block}.about-reveal-stroke.is-strong{-webkit-text-stroke:1.2px var(--about-stroke-strong)}.about-reveal-stroke.is-em{-webkit-text-stroke:1.2px var(--about-stroke-em)}.about-reveal-fill{width:100%;height:100%;color:var(--text-dim);-webkit-text-stroke:.4px var(--text-dim);opacity:0;pointer-events:none;will-change:opacity;transition:color .3s,-webkit-text-stroke-color .3s;position:absolute;top:0;left:0}.about-reveal-fill.is-strong{color:var(--white);-webkit-text-stroke:.6px var(--white)}.about-reveal-fill.is-em{color:var(--jade-light);-webkit-text-stroke:.6px var(--jade-light);text-decoration:underline;-webkit-text-decoration-color:var(--jade-light);text-decoration-color:var(--jade-light);text-underline-offset:.22em;text-decoration-thickness:1.5px}.about-laser-divider{background:linear-gradient(90deg, var(--crimson), #d4af3766, transparent);opacity:.35;width:100%;height:1px;margin:.5rem 0}.about-card{will-change:opacity;align-self:start;padding:2.5rem;position:sticky;top:100px}.about-card:hover{transform:none!important}.about-card-badge{position:absolute;top:-12px;right:20px}.about-card-header{color:var(--hero-kanji-color,#c0392b40);text-shadow:0 0 15px #c0392b4d;margin-bottom:1rem;font-family:Noto Serif JP,serif;font-size:3.5rem;font-weight:700;line-height:1;transition:color .3s;display:block}.info-row{border-bottom:1px solid var(--border-subtle,#ffffff0d);justify-content:space-between;padding:1rem 0;transition:border-color .3s;display:flex}.info-label{color:var(--text-subtle,var(--text-dim));text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:700;transition:color .3s}.info-value{color:var(--white);font-size:.92rem;font-weight:600;transition:color .3s}.info-value.accent{color:var(--gold);font-weight:700;transition:color .3s}@media (width<=900px){#about{padding:4rem 2rem}.about-grid{grid-template-columns:1fr;gap:3rem}.about-card{position:relative;top:auto}.section-title-jp{display:none}}#skills{--washi:#0b0b0b;--washi-card:#131313;--sumi:#f2eee6;--sumi-soft:#f2eee69e;--sumi-faint:#f2eee657;--hairline:#f2eee61f;--ai:#f2eee6;--ai-soft:#f2eee614;--shu:#b33a2e;--moss:#f2eee680;background:var(--washi);color:var(--sumi);padding:7rem 6vw 8rem;font-family:Zen Kaku Gothic New,sans-serif;transition:background-color .3s,color .3s;position:relative;overflow:hidden}[data-theme=light] #skills{--washi:#f7f4ee;--washi-card:#fff;--sumi:#050508;--sumi-soft:#2c2a36;--sumi-faint:#4a4759;--hairline:#05050826;--ai:#050508;--ai-soft:#05050814;--shu:#9e2317;--moss:#166534}#skills:before{content:"";pointer-events:none;opacity:.5;background-image:radial-gradient(#f2eee60a .5px,#0000 .5px);background-size:3px 3px;position:absolute;inset:0}[data-theme=light] #skills:before{background-image:radial-gradient(#0505080d .5px,#0000 .5px)}.skills-inner{max-width:1180px;margin:0 auto;position:relative}.sk-header{will-change:opacity, transform;flex-direction:column;gap:1.5rem;margin-bottom:2.25rem;display:flex}.sk-header-top{justify-content:space-between;align-items:flex-end;gap:2rem;width:100%;display:flex}.sk-header-left{flex-direction:column;gap:.6rem;display:flex}.sk-reveal-container{text-align:center;justify-content:center;align-items:center;width:100%;max-width:1000px;margin:2rem auto 3.25rem;padding:1.5rem 1rem;display:flex}.sk-reveal-text{flex-direction:column;justify-content:center;align-items:center;gap:.55rem;width:100%;display:flex}.reveal-line{letter-spacing:-.01em;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 .38em;font-family:Shippori Mincho,serif;font-size:clamp(1.25rem,2.5vw,2.15rem);font-weight:600;line-height:1.35;display:flex}.reveal-word{white-space:nowrap;display:inline-block;position:relative}.reveal-word-stroke{color:#0000;-webkit-text-stroke:1.1px #f2eee66b;-webkit-user-select:none;user-select:none;pointer-events:none;transition:-webkit-text-stroke-color .3s;display:inline-block}[data-theme=light] .reveal-word-stroke{-webkit-text-stroke:1.2px #05050873}.reveal-word-fill{width:100%;height:100%;color:var(--sumi);-webkit-text-stroke:1.1px var(--sumi);opacity:0;pointer-events:none;will-change:opacity;transition:color .3s,-webkit-text-stroke-color .3s;position:absolute;top:0;left:0}[data-theme=light] .reveal-word-fill{-webkit-text-stroke:1.2px var(--sumi)}.sk-card-word-wrap{white-space:normal;display:inline}.sk-card-scrub-word{opacity:.2;will-change:opacity;transition:color .3s;display:inline-block}.sk-eyebrow{letter-spacing:.35em;color:var(--sumi-faint);text-transform:uppercase;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700}.sk-title-row{align-items:baseline;gap:1.1rem;display:flex}.sk-title{letter-spacing:.02em;color:var(--sumi);font-family:Shippori Mincho,serif;font-size:clamp(2.4rem,4vw,3.2rem);font-weight:700;transition:color .3s}.sk-title-jp{color:var(--sumi-faint);letter-spacing:.3em;font-family:Shippori Mincho,serif;font-size:1.1rem;font-weight:600;transition:color .3s}.sk-seal{background:var(--shu);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:flex;transform:rotate(-4deg);box-shadow:0 4px 12px #9e231759}.sk-seal span{color:#f2eee6;font-family:Shippori Mincho,serif;font-size:1.6rem;font-weight:700;transform:rotate(4deg)}.sk-rule{background:var(--hairline);transform-origin:0;will-change:transform;height:1px;margin-bottom:4rem}.skills-grid{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:6rem;display:flex}.skill-card{background:var(--bg-card);border:1px solid var(--border-card);box-shadow:var(--shadow-card);transform-style:preserve-3d;will-change:transform, opacity;border-radius:4px;flex-direction:column;flex:300px;padding:2.5rem;transition:border-color .3s,box-shadow .3s,transform .3s,background-color .3s;display:flex;position:relative;overflow:hidden}.skill-card-telemetry{color:var(--gold);opacity:.9;letter-spacing:.1em;font-family:Space Mono,monospace;font-size:.68rem;font-weight:700;position:absolute;top:1rem;right:1.2rem}[data-theme=light] .skill-card-telemetry{color:#784d00;opacity:1}.skill-card:hover{border-color:var(--border-card-hover);box-shadow:0 10px 25px var(--crimson-glow), inset 0 0 0 1px #c0392b0d}.skill-icon{color:var(--white);text-shadow:0 0 15px #c0392b66;border:1px solid var(--border-card);will-change:transform;background:#c0392b1a;border-radius:16px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:1.5rem;font-family:Noto Serif JP,serif;font-size:2.5rem;transition:background .3s,border-color .3s,box-shadow .3s,color .3s;display:inline-flex}[data-theme=light] .skill-icon{color:var(--crimson);text-shadow:none;background:#9e23171a;border-color:#9e23174d}.skill-card:hover .skill-icon{box-shadow:0 0 20px var(--crimson-glow);background:#c0392b2e;border-color:#c0392b66}[data-theme=light] .skill-card:hover .skill-icon{background:#9e231726;border-color:#9e231773;box-shadow:0 4px 15px #9e231740}.skill-name{color:var(--sumi);letter-spacing:.05em;margin-bottom:1rem;font-family:Cinzel,serif;font-size:1.4rem;font-weight:700;transition:color .3s}.skill-desc{color:var(--sumi-soft);flex-grow:1;margin-bottom:2rem;font-size:.92rem;font-weight:450;line-height:1.65;transition:color .3s}[data-theme=light] .skill-desc{font-weight:500}.skill-tags{flex-wrap:wrap;gap:.6rem;margin-top:auto;display:flex}.tag{letter-spacing:.1em;color:#d4af37f2;background:#d4af371a;border:1px solid #d4af374d;border-radius:20px;padding:.35rem .8rem;font-family:Space Mono,monospace;font-size:.7rem;font-weight:700;transition:all .3s}[data-theme=light] .tag{color:#5c3a00;background:#8f5c0026;border-color:#8f5c0080}.tag:hover{background:#d4af3733;transform:translateY(-2px)}.tag.crimson{color:#c0392be6;background:#c0392b1a;border-color:#c0392b4d}[data-theme=light] .tag.crimson{color:#80160d;background:#9e231726;border-color:#9e231780}.tag.crimson:hover{background:#c0392b33}.tag.jade{color:#52b788e6;background:#52b7881a;border-color:#52b7884d}[data-theme=light] .tag.jade{color:#0d4a25;background:#16653426;border-color:#16653480}.tag.jade:hover{background:#52b78833}.tag.mist{color:#8b8fa8e6;background:#8b8fa81a;border-color:#8b8fa84d}[data-theme=light] .tag.mist{color:#1f2233;background:#50556e26;border-color:#50556e73}.tag.mist:hover{background:#8b8fa833}.sk-cat-section{will-change:opacity, transform}.sk-cat-grid{border-top:1px solid var(--hairline);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0;display:grid}.sk-cat-row{border-bottom:1px solid var(--hairline);gap:1.4rem;padding:1.6rem 0;display:flex}.sk-cat-num{color:var(--sumi-faint);flex-shrink:0;padding-top:.15rem;font-family:Shippori Mincho,serif;font-size:1rem;font-weight:700}.sk-cat-body{flex-direction:column;gap:.6rem;display:flex}.sk-cat-title{letter-spacing:.03em;color:var(--sumi);font-family:Shippori Mincho,serif;font-size:1rem;font-weight:700;transition:color .3s}.sk-cat-list{color:var(--sumi-soft);font-size:.85rem;font-weight:500;line-height:1.6;transition:color .3s}[data-theme=light] .sk-cat-list{font-weight:600}.sk-cat-list span:not(:last-child):after{content:"・";color:var(--sumi-faint);padding:0 .3em;font-weight:700}@media (width<=900px){#skills{padding:5rem 6vw 6rem}.skills-grid{grid-template-columns:1fr}.sk-title-jp{display:none}}#projects{padding:8rem 4rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem;display:grid}.project-card{border:1px solid var(--border-card,#ffffff14);background:var(--bg-card,#0f0f16b3);box-shadow:var(--shadow-card);flex-direction:column;height:100%;transition:border-color .3s,box-shadow .3s,background-color .3s;display:flex;position:relative;overflow:hidden;transform:none!important}.project-card:hover{border-color:var(--border-card-hover,#c0392b99);box-shadow:0 15px 35px #0000004d, 0 0 20px var(--crimson-glow,#c0392b33);transform:none!important}.project-thumb{justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.project-thumb-bg{transition:transform .6s;position:absolute;inset:0}.project-thumb-scanlines{pointer-events:none;z-index:1;opacity:.6;background:linear-gradient(#0000 50%,#0a0a0f66 51%) 0 0/100% 4px;position:absolute;inset:0}[data-theme=light] .project-thumb-scanlines{opacity:.3;background:linear-gradient(#0000 50%,#140f191a 51%)}.project-card:hover .project-thumb-bg{transform:scale(1.08)}.project-thumb-1{background:linear-gradient(135deg,#1a0505 0%,#4a0e0e 50%,#1a0505 100%)}.project-thumb-2{background:linear-gradient(135deg,#050f1a 0%,#0e3a4a 50%,#050f1a 100%)}.project-thumb-3{background:linear-gradient(135deg,#0a1a05 0%,#1a4a0e 50%,#0a1a05 100%)}.project-thumb-4{background:linear-gradient(135deg,#1a1505 0%,#4a3a0e 50%,#1a1505 100%)}.project-thumb-5{background:linear-gradient(135deg,#15051a 0%,#3a0e4a 50%,#15051a 100%)}.project-thumb-6{background:linear-gradient(135deg,#0a0a1a 0%,#1a1a4a 50%,#0a0a1a 100%)}.project-thumb-icon{color:#ffffff40;z-index:1;font-family:Noto Serif JP,serif;font-size:4rem;position:relative}[data-theme=light] .project-thumb-icon{color:#ffffff73}.project-thumb-num{color:#fff6;letter-spacing:.2em;font-family:Space Mono,monospace;font-size:.68rem;font-weight:700;position:absolute;bottom:.75rem;right:1rem}[data-theme=light] .project-thumb-num{color:#ffffffb3}.project-body{flex-direction:column;flex:1;padding:1.75rem;display:flex}.project-category{letter-spacing:.3em;color:var(--crimson);text-transform:uppercase;margin-bottom:.75rem;font-family:Space Mono,monospace;font-size:.68rem;font-weight:700}.project-title{color:var(--white);margin-bottom:.75rem;font-family:Cinzel,serif;font-size:1.15rem;font-weight:700;line-height:1.4;transition:color .3s}.project-desc{color:var(--text-dim);margin-bottom:1.5rem;font-size:.88rem;font-weight:450;line-height:1.7;transition:color .3s}[data-theme=light] .project-desc{font-weight:500}.project-stack{flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem;display:flex}.stack-pill{letter-spacing:.1em;color:var(--text-dim);border:1px solid var(--border-subtle,#ffffff12);background:#ffffff0a;padding:.22rem .65rem;font-family:Space Mono,monospace;font-size:.62rem;font-weight:700;transition:all .3s}[data-theme=light] .stack-pill{color:#050508;background:#05050814;border-color:#05050838}.project-links{flex-wrap:wrap;align-items:center;gap:.75rem;width:100%;margin-top:auto;padding-top:1.5rem;display:flex}.project-link{letter-spacing:.08em;text-transform:uppercase;text-align:center;box-sizing:border-box;flex:1;justify-content:center;align-items:center;gap:.5rem;min-width:110px;padding:.7rem 1.1rem;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;text-decoration:none;display:inline-flex;border-radius:0!important}.project-link svg{flex-shrink:0;width:13px;height:13px;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.project-link:hover svg{transform:translate(3px)scale(1.1)}.project-link.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none;filter:grayscale();border-color:var(--border-subtle)!important;color:var(--text-dim)!important;box-shadow:none!important;background:#ffffff05!important;outline:none!important;transform:none!important}.project-link.is-disabled:hover{box-shadow:none!important;transform:none!important}.project-featured{grid-column:1/-1;grid-template-columns:1.2fr 1fr;display:grid}.project-featured .project-thumb{height:100%;min-height:300px}@media (width<=900px){.project-featured{grid-template-columns:1fr}#projects{padding:4rem 2rem}}.divider{color:#d4af3780;letter-spacing:.4em;white-space:nowrap;will-change:transform, opacity;justify-content:center;align-items:center;gap:1.5rem;margin:5rem 0;padding:0 4rem;font-family:Noto Serif JP,serif;font-size:.95rem;display:flex}.divider:before,.divider:after{content:"";background:linear-gradient(90deg, transparent, var(--crimson), var(--gold), transparent);flex:1;height:1px;box-shadow:0 0 8px #d4af374d}.divider-text{text-shadow:0 0 15px #d4af374d;transition:color .3s,text-shadow .3s}.divider:hover .divider-text{color:var(--gold);text-shadow:0 0 20px #d4af3799}@media (width<=768px){.divider{letter-spacing:.2em;margin:3.5rem 0;padding:0 2rem;font-size:.72rem}}#contact{padding:8rem 4rem}.contact-inner{grid-template-columns:1fr 1fr;align-items:start;gap:5rem;display:grid}.contact-headline{color:var(--white);margin-bottom:1.5rem;font-family:Cinzel,serif;font-size:2rem;font-weight:700;line-height:1.3;transition:color .3s}.contact-headline em{color:var(--crimson);font-style:normal}.contact-sub{color:var(--text-dim);max-width:500px;margin-bottom:3rem;font-size:1.02rem;font-weight:450;line-height:1.8;transition:color .3s}[data-theme=light] .contact-sub{font-weight:500}.contact-links{flex-direction:column;gap:1.2rem;display:flex}.contact-item{color:var(--text-dim);align-items:center;gap:1rem;text-decoration:none;transition:color .3s;display:flex}.contact-item:hover{color:var(--white)}.contact-item-icon{border:1px solid var(--border-subtle,#ffffff1a);width:36px;height:36px;color:var(--white);flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;transition:all .3s;display:flex}.contact-item:hover .contact-item-icon{border-color:var(--crimson);background:#c0392b1a;transform:translateY(-2px)}.contact-item-text{font-family:Space Mono,monospace;font-size:.82rem;font-weight:600}.form-group{margin-bottom:1.5rem}.form-label{letter-spacing:.3em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.5rem;font-family:Space Mono,monospace;font-size:.68rem;font-weight:700;transition:color .3s;display:block}.contact-form-side{padding:2.5rem;box-shadow:none!important}.contact-form-side:hover,.contact-form-side:before,.contact-form-side:after,.contact-form-side:hover:before,.contact-form-side:hover:after{box-shadow:none!important}.form-input{background:var(--bg-input,#0a0a0f99);border:1px solid var(--border-input,#c0392b33);width:100%;color:var(--input-color,var(--white));outline:none;padding:.875rem 1rem;font-family:Space Mono,monospace;font-size:.88rem;font-weight:500;transition:border-color .3s,background .3s,color .3s}[data-theme=light] .form-input{font-weight:600}.form-input:focus{border-color:var(--crimson);background:var(--input-focus-bg,#c0392b14);box-shadow:none!important}.form-input::placeholder{color:var(--input-placeholder,#ffffff40);font-weight:500}textarea.form-input{resize:vertical;height:150px}.form-feedback{border-radius:2px;align-items:center;gap:.6rem;margin-bottom:1.5rem;padding:.85rem 1.2rem;font-family:Space Mono,monospace;font-size:.8rem;font-weight:700;display:flex}.form-feedback--success{border:1.5px solid var(--jade-light);color:var(--jade-light);background:#16653426}.form-feedback--error{border:1.5px solid var(--crimson);color:var(--crimson);background:#9e231726}.btn-submit{justify-content:center;align-items:center;gap:.6rem;margin-top:.5rem;padding:.95rem 2rem;font-size:.82rem;font-weight:700;display:inline-flex}.btn-spinner{border:2px solid #f7f2ea4d;border-top-color:#f7f2ea;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite btnSpin;display:inline-block}@keyframes btnSpin{to{transform:rotate(360deg)}}.btn-submit--loading{opacity:.8;pointer-events:none}@media (width<=900px){#contact{padding:4rem 2rem}.contact-inner{grid-template-columns:1fr;gap:4rem}}.app{background:var(--bg-page);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}main{flex:1 0 auto}.fade-up{opacity:0;will-change:opacity, transform;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(30px)}.fade-up.visible{opacity:1;transform:translateY(0)}.fade-up-delay-1{transition-delay:.2s}.fade-up-delay-2{transition-delay:.4s}.fade-up-delay-3{transition-delay:.6s}.fade-up-delay-4{transition-delay:.8s}:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#0a0a0f;--paper:#f5f0e8;--crimson:#c0392b;--crimson-hover:#d63031;--crimson-border:#e74c3c;--crimson-glow:#c0392b66;--gold:#d4af37;--gold-glow:#d4af374d;--jade-light:#52b788;--white:#fff;--text-dim:#a0a0b0;--text-subtle:#707085;--bg-page:#0a0a0f;--bg-card:#0f0f16bf;--bg-card-solid:#121218;--bg-card-hover:#161620d9;--bg-nav:#0a0a0fe0;--bg-nav-initial:linear-gradient(to bottom, #0a0a0fe6, transparent);--bg-marquee:#0a0a0f99;--bg-input:#0a0a0f99;--border-subtle:#ffffff14;--border-card:#c0392b33;--border-card-hover:#c0392b99;--border-input:#c0392b33;--shadow-card:0 15px 35px #00000080;--shadow-nav:0 10px 30px #00000080, 0 0 20px #c0392b14;--card-bracket-color:#d4af37;--card-bracket-hover:#c0392b;--hud-tag-bg:#d4af3714;--hud-tag-border:#d4af374d;--hud-tag-color:#d4af37;--grid-line-x:#c0392b12;--grid-line-y:#d4af370d;--scanline-opacity:.25;--hero-name-gradient:linear-gradient(135deg, #fff 0%, #d4af37 50%, #c0392b 100%);--hero-name-jp-color:#d4af3799;--hero-kanji-color:#fff3;--hero-kanji-shadow:0 0 40px #c0392b66, 0 0 80px #d4af3733;--section-jp-color:#ffffff2e;--marquee-color:#ffffff14;--marquee-accent:#c0392b4d;--input-color:#fff;--input-placeholder:#ffffff40;--input-focus-bg:#c0392b14;--input-focus-shadow:none;--footer-border:#ffffff0d;--footer-kanji-color:#c0392b4d;--btn-sec-bg:#12121a;--btn-sec-color:#f5f0e8;--btn-sec-border:var(--crimson);--btn-sec-shadow:var(--crimson);--btn-sec-hover-bg:#1a1a26;--btn-sec-hover-border:#e74c3c;--btn-sec-hover-color:#fff;--font-jp:"Noto Serif JP", serif;--font-display:"Cinzel", serif;--font-body:"Zen Kaku Gothic New", sans-serif;--font-mono:"Space Mono", monospace;--base-font:.5rem;--heading-font:2rem;--nav-font:.7rem}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#f7f4ee;--paper:#050508;--crimson:#9e2317;--crimson-hover:#b52d20;--crimson-border:#c43324;--crimson-glow:#9e231747;--gold:#8f5c00;--gold-glow:#8f5c0040;--jade-light:#166534;--white:#050508;--text-dim:#2c2a36;--text-subtle:#4a4759;--bg-page:#f7f4ee;--bg-card:#fffffff0;--bg-card-solid:#fff;--bg-card-hover:#fff;--bg-nav:#f7f4eef5;--bg-nav-initial:linear-gradient(to bottom, #f7f4eefa, #f7f4eeb3 60%, transparent);--bg-marquee:#f0ebe0d9;--bg-input:#fff;--border-subtle:#0505081f;--border-card:#9e231747;--border-card-hover:#9e2317b3;--border-input:#9e231761;--shadow-card:0 12px 30px #1e140a17;--shadow-nav:0 8px 25px #140f0a14, 0 0 15px #9e23170f;--card-bracket-color:#8f5c00;--card-bracket-hover:#9e2317;--hud-tag-bg:#8f5c001f;--hud-tag-border:#8f5c0073;--hud-tag-color:#784d00;--grid-line-x:#9e231714;--grid-line-y:#8f5c0012;--scanline-opacity:.05;--hero-name-gradient:linear-gradient(135deg, #050508 0%, #8f1b11 50%, #784d00 100%);--hero-name-jp-color:#784d00;--hero-kanji-color:#9e231742;--hero-kanji-shadow:0 0 40px #9e23172e, 0 0 60px #8f5c0024;--section-jp-color:#05050861;--marquee-color:#05050859;--marquee-accent:#9e2317d9;--input-color:#050508;--input-placeholder:#5f5c6e;--input-focus-bg:#fff;--input-focus-shadow:0 0 0 3px #9e231733;--footer-border:#0505081f;--footer-kanji-color:#9e2317b3;--btn-sec-bg:#fff;--btn-sec-color:#050508;--btn-sec-border:#9e2317;--btn-sec-shadow:#9e2317;--btn-sec-hover-bg:#f8f3eb;--btn-sec-hover-border:#b52d20;--btn-sec-hover-color:#9e2317}*{box-sizing:border-box;margin:0;padding:0}html{overscroll-behavior:none!important;overscroll-behavior-y:none!important}body{position:relative;overscroll-behavior:none!important;overscroll-behavior-y:none!important}html,body,#root{background-color:var(--bg-page);width:100%;color:var(--white);margin:0;padding:0;transition:background-color .3s,color .3s;overflow-x:hidden}#root{min-height:100vh;text-align:left!important;flex-direction:column!important;max-width:none!important;display:flex!important}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6;font-size:var(--base-font)}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999}.cursor-wrapper{view-transition-name:cursor-overlay}::view-transition-group(cursor-overlay){animation:none}@supports not (view-transition-name:none){body,nav,main,section,.about-card,.skill-card,.project-card,footer{transition:background-color .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1),color .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)}}::selection{background:var(--crimson);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom, var(--crimson), var(--gold));border-radius:3px}.cyber-card{background:var(--bg-card);border:1px solid var(--border-card);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-card);transition:border-color .3s,box-shadow .3s,transform .3s,background-color .3s;position:relative}.cyber-card:hover{border-color:var(--border-card-hover);box-shadow:0 0 25px var(--crimson-glow), inset 0 0 15px var(--gold-glow)}.cyber-card:before,.cyber-card:after{content:"";border-color:var(--card-bracket-color);pointer-events:none;opacity:.75;border-style:solid;width:8px;height:8px;transition:all .3s;position:absolute}.cyber-card:before{border-width:2px 0 0 2px;top:-1px;left:-1px}.cyber-card:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.cyber-card:hover:before,.cyber-card:hover:after{opacity:1;border-color:var(--card-bracket-hover);width:14px;height:14px;box-shadow:0 0 8px var(--card-bracket-hover)}.hud-tag{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--hud-tag-color);background:var(--hud-tag-bg);border:1px solid var(--hud-tag-border);border-radius:2px;align-items:center;gap:.4rem;padding:.2rem .6rem;font-size:.65rem;transition:all .3s;display:inline-flex}.hud-tag-dot{background:var(--crimson);width:5px;height:5px;box-shadow:0 0 6px var(--crimson);border-radius:50%;animation:1.5s infinite alternate pulseDot}@keyframes pulseDot{0%{opacity:.4;transform:scale(.8)}to{opacity:1;transform:scale(1.3)}}.cyber-laser-divider{background:linear-gradient(90deg, transparent, var(--crimson), var(--gold), transparent);opacity:.6;width:100%;height:1px;margin:1.5rem 0;position:relative}.cyber-laser-divider:after{content:"";background:var(--gold);width:6px;height:5px;box-shadow:0 0 10px var(--gold);position:absolute;top:-2px;left:50%;transform:translate(-50%)}.btn-primary,.btn-secondary{letter-spacing:.12em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border-radius:0;outline:none;justify-content:center;align-items:center;gap:.65rem;padding:.85rem 2.2rem;font-family:Space Mono,monospace;font-size:.82rem;font-weight:700;text-decoration:none;transition:transform .12s cubic-bezier(0,0,.2,1),box-shadow .12s cubic-bezier(0,0,.2,1),background-color .15s,border-color .15s,color .15s;display:inline-flex;position:relative}.btn-primary:before,.btn-secondary:before,.btn-primary:after,.btn-secondary:after{content:none!important}.btn-primary{background-color:var(--crimson);border:2px solid var(--crimson-border);box-shadow:4px 4px #000;color:#fff!important}.btn-primary:hover{background-color:var(--crimson-hover);border-color:var(--crimson-border);transform:translate(-2px,-2px);box-shadow:6px 6px #000;color:#fff!important}.btn-primary:active{transform:translate(4px,4px);box-shadow:0 0 #000}.btn-secondary{background-color:var(--btn-sec-bg);border:2px solid var(--btn-sec-border);box-shadow:4px 4px 0px var(--btn-sec-shadow);color:var(--btn-sec-color)!important}.btn-secondary:hover{background-color:var(--btn-sec-hover-bg);border-color:var(--btn-sec-hover-border);box-shadow:6px 6px 0px var(--btn-sec-hover-border);transform:translate(-2px,-2px);color:var(--btn-sec-hover-color)!important}.btn-secondary:active{box-shadow:0px 0px 0px var(--btn-sec-border);transform:translate(4px,4px)}