:root{--bg: #07060f;--bg-2: #0e0c1f;--surface: rgba(22, 18, 46, .72);--surface-2: rgba(40, 32, 80, .55);--border: rgba(170, 150, 255, .18);--text: #f2f0ff;--muted: #a9a6c9;--pink: #ff2e88;--cyan: #3ff0ff;--violet: #8a5cff;--amber: #ffb347;--on-accent: #12081c;--font-display: "Dela Gothic One", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--font-body: "Zen Kaku Gothic New", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans JP", sans-serif;--radius: 16px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:1.0625rem;line-height:1.7;overflow-x:hidden}svg,canvas{display:block;max-width:100%}a{color:var(--cyan);text-underline-offset:3px}h1,h2,h3{line-height:1.2;margin:0;text-wrap:balance}[id]{scroll-margin-top:84px}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}.container{width:100%;max-width:1140px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}@media(min-width:760px){.container{padding-left:max(32px,env(safe-area-inset-left,0px));padding-right:max(32px,env(safe-area-inset-right,0px))}}.site-header{position:sticky;top:0;z-index:50;background:#07060fb8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;height:64px}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-family:var(--font-display);font-size:1.05rem;letter-spacing:.04em}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;border:1.5px solid var(--pink);color:var(--pink);font-size:.8rem;box-shadow:0 0 12px #ff2e8873,inset 0 0 8px #ff2e884d;text-shadow:0 0 8px var(--pink)}.nav-right{display:flex;align-items:center;gap:clamp(6px,2vw,18px)}.nav-links{display:flex;gap:clamp(8px,2vw,20px);list-style:none;margin:0;padding:0}.nav-links a{color:var(--muted);text-decoration:none;font-weight:700;font-size:.92rem}.nav-links a:hover{color:var(--text)}.lang-switch{display:inline-flex;border:1px solid var(--border);border-radius:999px;padding:3px;background:var(--surface)}.lang-switch a{text-decoration:none;display:inline-block;border:0;background:transparent;color:var(--muted);font:700 .78rem/1 var(--font-body);padding:6px 9px;border-radius:999px;cursor:pointer;letter-spacing:.06em}.lang-switch a[aria-current=true]{background:var(--cyan);color:var(--on-accent)}.icon-btn{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--cyan);font-family:var(--font-display);font-size:.95rem;cursor:pointer}.icon-btn[aria-pressed=false]{color:var(--muted);text-decoration:line-through}@media(max-width:640px){.nav-links .hide-sm{display:none}}@media(max-width:420px){.nav-links{display:none}}.hero{position:relative;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--border);--px: 0;--py: 0}.scene{position:absolute;inset:0;z-index:-1}.sky{position:absolute;inset:0;background:radial-gradient(70% 45% at 70% 88%,rgba(255,46,136,.28),transparent 70%),radial-gradient(50% 40% at 15% 80%,rgba(63,240,255,.14),transparent 70%),linear-gradient(180deg,#05040c,#120d2b 45%,#2a0f3a 78%,#3a1238)}.layer{position:absolute;inset:-20px;width:calc(100% + 40px);height:calc(100% + 40px);transition:transform .2s linear}.city-far{transform:translate3d(calc(var(--px) * -6px),calc(var(--py) * -3px),0);opacity:.9}.city-near{transform:translate3d(calc(var(--px) * -14px),calc(var(--py) * -6px),0)}.signs{position:absolute;inset:0;transform:translate3d(calc(var(--px) * -10px),calc(var(--py) * -4px),0);transition:transform .2s linear}.sign{position:absolute;font-family:var(--font-display);line-height:1;padding:8px 6px;border:2px solid currentColor;border-radius:8px;background:#07060f8c;box-shadow:0 0 14px currentColor,inset 0 0 10px currentColor;text-shadow:0 0 6px currentColor,0 0 16px currentColor;animation:flicker 7s infinite;white-space:nowrap}.sign.v{writing-mode:vertical-rl;letter-spacing:.15em;padding:8px 5px}.sign.h{padding:6px 10px;letter-spacing:.1em}.sign.pink{color:#ff4f9e}.sign.cyan{color:#52f3ff}.sign.violet{color:#a985ff}.sign.amber{color:#ffbf5e}.sign:nth-child(2){animation-delay:-2.1s;animation-duration:9s}.sign:nth-child(3){animation-delay:-4.4s;animation-duration:6s}.sign:nth-child(4){animation-delay:-1.3s;animation-duration:11s}.sign:nth-child(5){animation-delay:-5.7s}@keyframes flicker{0%,18%,22%,62%,64%,to{opacity:1}20%,63%{opacity:.35}}.street{position:absolute;left:0;right:0;bottom:0;height:18%;background:repeating-linear-gradient(90deg,rgba(255,79,158,.12) 0 3px,transparent 3px 46px),repeating-linear-gradient(90deg,rgba(82,243,255,.1) 0 2px,transparent 2px 73px),linear-gradient(180deg,#0a081833,#0a0818d9);-webkit-mask-image:linear-gradient(180deg,transparent,#000 40%);mask-image:linear-gradient(180deg,transparent,#000 40%);filter:blur(1.2px)}.s1{left:51%;top:9%;font-size:clamp(.9rem,1.5vw,1.2rem)}.s2{left:33%;top:6%;font-size:.95rem}.s3{right:13%;top:8%;font-size:clamp(.85rem,1.4vw,1.1rem)}.s4{right:3%;top:30%;font-size:1.05rem}.s5{left:50%;top:66%;font-size:.85rem}.scrim{position:absolute;inset:0;background:linear-gradient(90deg,#07060fd1,#07060f99 38%,#07060f00 62%)}.rain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:end;gap:12px;min-height:clamp(560px,78vh,760px)}.hero-text{min-width:0;align-self:center;padding-block:clamp(40px,7vw,80px);position:relative;z-index:4}.kicker{display:inline-flex;gap:8px;margin:0 0 14px;padding:5px 12px;border:1px solid rgba(63,240,255,.45);border-radius:999px;background:#07060f99;color:var(--cyan);font-weight:700;font-size:.85rem;letter-spacing:.08em}.title{font-family:var(--font-display);font-weight:400;font-size:clamp(3.2rem,10vw,7.2rem);letter-spacing:.04em;line-height:.95;color:#fff5fb;text-shadow:0 0 6px #ff7ab4,0 0 18px var(--pink),0 0 42px rgba(255,46,136,.8);animation:title-buzz 5s infinite}@keyframes title-buzz{0%,92%,to{opacity:1}93%{opacity:.7}95%{opacity:1}96%{opacity:.85}}.title-kana{margin-top:10px;font-family:var(--font-display);font-size:clamp(1rem,2.4vw,1.35rem);letter-spacing:.35em;color:var(--cyan);text-shadow:0 0 10px rgba(63,240,255,.8)}.who{margin:22px 0 4px;font-size:clamp(1.15rem,2.4vw,1.45rem);font-weight:700}.role{margin:0;color:#d6d2f2;font-size:clamp(.98rem,1.8vw,1.08rem);max-width:46ch}.tagline{margin:10px 0 26px;color:var(--muted);max-width:44ch}.cta{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;font-weight:700;text-decoration:none;border:1.5px solid transparent;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;font-family:var(--font-body);font-size:1rem}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--pink);color:#fff;box-shadow:0 0 18px #ff2e888c}.btn.ghost{border-color:var(--cyan);color:var(--cyan);background:#07060f80;box-shadow:inset 0 0 12px #3ff0ff40}.akari-col{position:relative;display:flex;justify-content:center;align-self:end;min-width:0;z-index:2}.akari-wrap{position:relative;width:min(100%,420px);cursor:pointer;border-radius:24px;-webkit-tap-highlight-color:transparent}.akari-wrap svg{width:100%;height:auto;filter:drop-shadow(0 0 30px rgba(255,46,136,.25));transform:translate3d(calc(var(--px) * 6px),0,0);transition:transform .25s linear}.bubble{position:absolute;top:-1%;left:-16%;max-width:58%;z-index:6;padding:9px 14px;border-radius:14px 14px 14px 4px;background:#07060fd9;border:1.5px solid var(--cyan);color:var(--text);font-weight:700;font-size:.92rem;line-height:1.4;box-shadow:0 0 16px #3ff0ff66;opacity:0;transform:translateY(6px) scale(.96);transition:opacity .25s ease,transform .25s ease;pointer-events:none}.bubble.show{opacity:1;transform:none}.bubble .jp{font-family:var(--font-display);color:var(--cyan);margin-right:6px}.hint{position:absolute;right:6%;bottom:14%;z-index:5;padding:4px 10px;border-radius:999px;background:#07060fb3;border:1px solid var(--border);color:var(--muted);font-size:.78rem;font-weight:700;pointer-events:none}.akari *{transform-box:view-box}.akari .breath{animation:breathe 4.2s ease-in-out infinite}@keyframes breathe{50%{transform:translateY(-2.5px)}}.akari .head{transform-origin:200px 245px;animation:head-sway 7s ease-in-out infinite;transition:translate .45s ease}@keyframes head-sway{0%,to{rotate:-1deg}50%{rotate:1.2deg}}.akari.look-up .head{translate:0 -3px}.akari .hair-back{transform-origin:200px 80px;animation:sway-small 6.5s ease-in-out infinite}.akari .lock-l{transform-origin:156px 120px;animation:sway 5s ease-in-out infinite}.akari .lock-r{transform-origin:244px 120px;animation:sway 5.6s ease-in-out infinite reverse}@keyframes sway{0%,to{rotate:1.6deg}50%{rotate:-1.6deg}}@keyframes sway-small{0%,to{rotate:.7deg}50%{rotate:-.7deg}}.akari .ahoge{transform-origin:204px 60px;animation:ahoge 2.8s ease-in-out infinite}@keyframes ahoge{0%,to{rotate:-9deg}50%{rotate:9deg}}.akari .thumb-l{animation:press 1.6s infinite}.akari .thumb-r{animation:press 1.25s .4s infinite}@keyframes press{0%,40%,55%,to{transform:none}45%,62%{transform:translate(1px,2px)}}.akari .game-player{animation:jump 1.6s infinite}@keyframes jump{0%,40%,70%,to{transform:none}52%{transform:translateY(-10px)}}.akari .game-coin{animation:bob .9s ease-in-out infinite alternate}@keyframes bob{to{transform:translateY(-3px)}}.akari .game-cloud{animation:cloud 6s linear infinite}@keyframes cloud{0%{transform:translate(34px)}to{transform:translate(-60px)}}.akari .led,.akari .neon-line{animation:led 2.6s ease-in-out infinite}@keyframes led{50%{opacity:.55}}.akari .screen-light{animation:led 3.2s ease-in-out infinite}.akari .lid,.akari .lash,.akari .iris{transition:transform .35s ease}.akari.look-down .lid{transform:translateY(9px)}.akari.look-down .lash,.akari.look-down .iris{transform:translateY(6px)}.akari.look-up .lid{transform:translateY(-6px)}.akari.look-up .iris{transform:translate(var(--gx, 0px),var(--gy, -1px))}.akari.blink .lid{transform:translateY(30px);transition-duration:.07s}.akari.blink .lash{transform:translateY(17px);transition-duration:.07s}.akari .mouth-smile,.akari .mouth-neutral{transition:opacity .3s ease}.akari.look-down .mouth-smile,.akari.look-up .mouth-neutral,.akari .game-win{opacity:0}.akari.win .game-win{opacity:1}.akari.win .game-player,.akari.win .game-coin{opacity:0}.section{padding-block:clamp(56px,7vw,92px)}.section-head{display:flex;flex-direction:column;gap:6px;margin-bottom:30px}.section-head .jp{font-family:var(--font-display);font-size:.9rem;letter-spacing:.3em;color:var(--pink);text-shadow:0 0 10px rgba(255,46,136,.6)}.section-head h2{font-family:var(--font-display);font-weight:400;font-size:clamp(1.8rem,4.2vw,2.7rem);letter-spacing:.02em}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.about{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(20px,4vw,44px);align-items:start}.about p{margin:0 0 1em;max-width:62ch}.timeline{list-style:none;margin:0;padding:22px 22px 6px;display:grid;gap:18px}.timeline li{display:grid;grid-template-columns:14px 1fr;gap:12px}.dot{width:12px;height:12px;margin-top:7px;border-radius:50%;border:2px solid var(--cyan);box-shadow:0 0 10px #3ff0ff99}.timeline li.done .dot{background:var(--cyan)}.timeline .when{display:block;color:var(--cyan);font-size:.82rem;font-weight:700;letter-spacing:.06em}.timeline .what{display:block;font-weight:700}.timeline .where{display:block;color:var(--muted);font-size:.92rem}.chip-groups{display:grid;gap:16px;margin-top:8px}.chip-groups h3{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.chips li{padding:5px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);font-size:.88rem;font-weight:700}.chips.fun li{border-color:#ff2e8866}.projects{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}@media(min-width:640px){.projects{grid-template-columns:repeat(2,minmax(0,1fr))}.project.featured{grid-column:span 2}.project:last-child:not(.featured){grid-column:span 2}}@media(min-width:1000px){.projects{grid-template-columns:repeat(3,minmax(0,1fr))}.project.featured{grid-column:span 2;grid-row:span 2}.project:last-child:not(.featured){grid-column:auto}}.project{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.project:hover{transform:translateY(-4px);border-color:#3ff0ff99;box-shadow:0 0 22px #3ff0ff2e}.project .top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.project .jp{font-family:var(--font-display);color:var(--pink);font-size:.85rem;letter-spacing:.12em}.project .badge{font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--amber);border:1px solid rgba(255,179,71,.5);border-radius:999px;padding:1px 8px}.project h3{font-size:1.2rem}.project p{flex:1;margin:0;color:var(--muted);font-size:.96rem}.tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.tags li{padding:1px 9px;border-radius:6px;background:#8a5cff2e;font-size:.78rem;font-weight:700;color:#d8ccff}.project.featured h3{font-size:1.5rem}.project.featured{border-color:#ff2e8873;background:radial-gradient(80% 120% at 100% 0%,rgba(255,46,136,.14),transparent 60%),var(--surface)}.project .thesis-title{flex:0;margin:0;padding-left:12px;border-left:2px solid var(--pink);color:var(--text);font-style:italic;font-size:.98rem}.project a.go{font-weight:700;font-size:.9rem;text-decoration:none}.project a.go:after{content:"";position:absolute;inset:0;border-radius:var(--radius)}.posts{display:grid;gap:14px;list-style:none;margin:0;padding:0}.post a{display:grid;gap:4px;padding:18px 22px;color:inherit;text-decoration:none;transition:transform .2s ease,border-color .2s ease}.post a:hover{transform:translate(4px);border-color:#ff2e8899}.post time{color:var(--pink);font-size:.85rem;font-weight:700}.post h3{font-size:1.18rem}.post p{margin:0;color:var(--muted);font-size:.96rem}.more{display:inline-block;margin-top:18px;font-weight:700}.contact{padding:clamp(28px,5vw,52px);display:grid;justify-items:center;text-align:center;gap:14px;background:radial-gradient(60% 120% at 50% 0%,rgba(255,46,136,.16),transparent 70%),var(--surface)}.contact .section-head{align-items:center;margin-bottom:0}.contact p{margin:0;color:var(--muted);max-width:48ch}.email-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.email{text-decoration:none;font-family:var(--font-display);font-size:clamp(1.1rem,3vw,1.5rem);color:var(--text);user-select:all;text-shadow:0 0 12px rgba(63,240,255,.5)}.copy-btn{border:1px solid var(--cyan);background:transparent;color:var(--cyan);border-radius:10px;padding:6px 12px;font:700 .85rem var(--font-body);cursor:pointer}.socials{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;list-style:none;margin:6px 0 0;padding:0}.socials a{display:inline-block;padding:7px 14px;border:1px solid var(--border);border-radius:999px;color:var(--text);text-decoration:none;font-weight:700;font-size:.9rem}.project.featured p{flex:0}.pipeline{flex:1;display:flex;flex-wrap:wrap;align-content:center;gap:8px;list-style:none;margin:6px 0;padding:0}.pipeline li{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px dashed rgba(63,240,255,.5);border-radius:8px;background:#3ff0ff0f;color:var(--cyan);font-size:.82rem;font-weight:700}.pipeline li:not(:last-child):after{content:"→";color:var(--muted);margin-right:-2px}.social-copy{display:inline-block;padding:7px 14px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text);font:700 .9rem var(--font-body);cursor:pointer}.social-copy:hover{border-color:var(--violet);box-shadow:0 0 12px #8a5cff66}.socials a:hover{border-color:var(--pink);box-shadow:0 0 12px #ff2e8859}.site-footer{border-top:1px solid var(--border);padding-block:26px;color:var(--muted);font-size:.88rem}.site-footer .container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}@view-transition{navigation:auto}.skip-link{position:absolute;left:12px;top:-48px;z-index:100;padding:8px 14px;border-radius:10px;background:var(--cyan);color:var(--on-accent);font-weight:700}.skip-link:focus{top:12px}.rain-toggle{position:absolute;left:max(16px,env(safe-area-inset-left,0px));bottom:16px;z-index:6;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:#07060fb3;color:var(--cyan);font:700 .8rem var(--font-body);cursor:pointer}.rain-toggle .kanji{font-family:var(--font-display)}.rain-toggle[aria-pressed=false]{color:var(--muted)}.rain-toggle .off,.rain-toggle[aria-pressed=false] .on{display:none}.rain-toggle[aria-pressed=false] .off{display:inline}.page-head{padding-block:clamp(48px,8vw,88px) 28px}.page-head p{margin:8px 0 0;color:var(--muted)}.page-head h1{font-family:var(--font-display);font-weight:400;font-size:clamp(1.9rem,5vw,3rem)}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;color:var(--muted);font-size:.95rem}.post-meta time{color:var(--pink);font-weight:700}.post-meta .tag{padding:1px 9px;border-radius:6px;background:#8a5cff2e;color:#d8ccff;font-size:.8rem;font-weight:700}.prose{max-width:70ch;padding-bottom:80px}.prose h2{font-family:var(--font-display);font-weight:400;margin:1.8em 0 .6em;font-size:1.6rem}.prose h3{margin:1.5em 0 .5em;font-size:1.25rem}.prose img{border-radius:12px}.prose code{padding:.15em .4em;border-radius:6px;background:var(--surface-2);font-size:.9em}.prose pre{padding:16px;border-radius:12px;overflow-x:auto;font-size:.9rem;border:1px solid var(--border)}.prose pre code{padding:0;background:none}.prose blockquote{margin:1.5em 0;padding:4px 0 4px 18px;border-left:3px solid var(--pink);color:var(--muted)}.list-page{padding-bottom:80px}.lost{min-height:60vh;display:grid;place-content:center;justify-items:center;text-align:center;gap:12px}.lost .big{font-family:var(--font-display);font-size:clamp(3rem,12vw,6rem);color:var(--pink);text-shadow:0 0 20px rgba(255,46,136,.7);line-height:1}@media(max-width:860px){.hero-grid{grid-template-columns:1fr;min-height:0}.hero-text{padding-bottom:8px}.akari-wrap{width:min(78%,340px)}.bubble{left:-8%;max-width:70%}.about{grid-template-columns:1fr}.s1,.s2,.s5{display:none}.s3{right:3%;top:62%}.s4{left:3%;right:auto;top:72%}.scrim{background:linear-gradient(180deg,#07060fbf,#07060f8c 45%,#07060f00 70%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}