@import"https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;700&family=Russo+One&family=Share+Tech+Mono&family=Noto+Sans+JP:wght@900&display=swap";:root{overflow-x:hidden}:root{--bg: #0a0614;--panel: #120a24;--text: #e9e6f7;--muted: #9d96bd;--pink: #ff2e88;--cyan: #19f2ff;--yellow: #f5e642;--font-display: "Russo One", "Exo 2", sans-serif;--font-body: "Exo 2", system-ui, sans-serif;--font-mono: "Share Tech Mono", ui-monospace, monospace;--font-jp: "Noto Sans JP", "Exo 2", sans-serif;--cut: 18px;--chamfer: polygon( 0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)) );--gutter: 14px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background:radial-gradient(60% 40% at 8% 0%,rgba(255,46,136,.2),transparent 70%),radial-gradient(50% 40% at 100% 100%,rgba(25,242,255,.15),transparent 70%),var(--bg);background-attachment:fixed;color:var(--text);font-family:var(--font-body);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.18) 0,rgba(0,0,0,.18) 1px,transparent 1px,transparent 3px);z-index:10}img{display:block}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.page{max-width:1180px;margin:0 auto;padding:var(--gutter);display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter)}.hero{grid-column:1 / 6;grid-row:1 / 3}.greet{grid-column:6 / 13;grid-row:1}.about{grid-column:6 / 13;grid-row:2}.skills{grid-column:1 / 8}.links{grid-column:8 / 13}.projects,.footer{grid-column:1 / 13}.panel{position:relative;padding:30px;background:var(--cyan);clip-path:var(--chamfer);animation:boot .7s steps(1,end) both;animation-delay:calc(var(--i, 0) * .11s)}.panel:before{content:"";position:absolute;inset:1px;background:var(--panel);clip-path:var(--chamfer)}.panel>*{position:relative;z-index:1}@keyframes boot{0%{opacity:0}25%{opacity:1}40%{opacity:.2}60%{opacity:1}75%{opacity:.5}to{opacity:1}}.hero{min-height:520px;display:flex;flex-direction:column;justify-content:flex-end;gap:14px;overflow:hidden;background:var(--pink)}.hero:before{background:linear-gradient(rgba(25,242,255,.08) 1px,transparent 1px) 0 0 / 28px 28px,linear-gradient(90deg,rgba(25,242,255,.08) 1px,transparent 1px) 0 0 / 28px 28px,var(--panel)}.hero .kana{position:absolute;top:12px;right:16px;writing-mode:vertical-rl;font-family:var(--font-jp);font-weight:900;font-size:clamp(4.5rem,9vw,7.5rem);line-height:1;letter-spacing:.05em;color:var(--text);text-shadow:3px 0 var(--pink),-3px 0 var(--cyan);-webkit-user-select:none;user-select:none}.avatar{width:132px;height:132px;object-fit:cover;border:2px solid var(--cyan);clip-path:polygon(0 0,85% 0,100% 15%,100% 100%,15% 100%,0 85%);filter:saturate(1.15) contrast(1.05)}.name{font-family:var(--font-display);font-weight:400;font-size:clamp(2.6rem,5vw,3.6rem);line-height:1.05}.handle{display:block;font-family:var(--font-mono);font-size:1.15rem;color:var(--cyan);margin-top:8px}.handle:after{content:"_";margin-left:2px;animation:blink 1.1s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}.handle .emoji{display:inline-block;margin-left:8px;vertical-align:middle}.bio{font-family:var(--font-mono);color:var(--muted)}.greet{display:flex;align-items:center}.bubble{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-display);font-size:clamp(1.4rem,2.6vw,2rem);text-shadow:0 0 14px rgba(255,46,136,.55)}.heading{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:400;font-size:1.3rem;color:var(--cyan);margin-bottom:16px}.about p{max-width:62ch}.about strong{font-weight:700;color:var(--pink)}.emoji{width:30px;height:30px;object-fit:contain;flex:none}.tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none}.tags li{font-family:var(--font-mono);font-size:.95rem;color:var(--pink);border:1px solid var(--pink);padding:2px 12px}.link-list{display:flex;flex-direction:column;gap:10px}.link-list a{color:var(--cyan);text-decoration:none;font-weight:700;border:1px solid var(--cyan);padding:10px 16px;transition:background .15s,color .15s,box-shadow .15s}.link-list a:hover{background:var(--cyan);color:var(--bg);box-shadow:0 0 18px #19f2ff99}.project-list{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gutter)}.project-list li{border-left:3px solid var(--pink);background:#ffffff08;padding:16px 18px}.project-list h3{font-family:var(--font-display);font-weight:400;font-size:1.05rem;margin-bottom:6px}.project-list p{color:var(--muted);font-size:.95rem}.footer{background:none;clip-path:none;padding:8px 4px 24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;color:var(--muted);font-family:var(--font-mono);font-size:.9rem}.footer:before{display:none}@media(max-width:860px){.page{grid-template-columns:1fr;padding:10px;gap:10px}.hero,.greet,.about,.skills,.links,.projects,.footer{grid-column:1;grid-row:auto}.panel{padding:22px}.hero{min-height:380px}.project-list{grid-template-columns:1fr}body{font-size:16px}}@media(prefers-reduced-motion:reduce){.panel,.handle:after{animation:none}.link-list a{transition:none}}