:root{--cursor-x:52vw;--cursor-y:24vh;--ambient-x:72vw;--ambient-y:12vh;--ambient-2-x:20vw;--ambient-2-y:72vh;--ambient-3-x:82vw;--ambient-3-y:82vh;--bg:#020303;--panel:#11171bc7;--panel-soft:#141d229e;--text:#dce8eb;--muted:#83949b;--muted-strong:#a8b8bd;--line:#6ff5ca33;--line-quiet:#dce8eb14;--accent:#48e6b8;--accent-glow:#7fffd7;--ink-dark:#061013;--surface-glass:#080b0db8;--surface-card:#11171bd1;--shadow:0 12px 32px #0000003d;--radius-md:.85rem;--radius-lg:1.35rem;--radius-xl:1.8rem;--radius-pill:999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--serif:"Noto Serif SC", serif;--sans:"Plus Jakarta Sans", "Noto Serif SC", sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;color:var(--text);background:var(--bg);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at var(--ambient-x) var(--ambient-y), #48e6b81a, transparent 24rem), radial-gradient(circle at var(--ambient-2-x) var(--ambient-2-y), #b4f4610a, transparent 22rem), radial-gradient(circle at var(--ambient-3-x) var(--ambient-3-y), #9ee7ff0a, transparent 24rem), linear-gradient(180deg, color-mix(in srgb, var(--bg) 95%, #fff 5%) 0%, var(--bg) 52%, color-mix(in srgb, var(--bg) 92%, #000 8%) 100%);min-width:320px;min-height:100vh;margin:0;position:relative;overflow-x:hidden}body:before{z-index:0;content:"";background:radial-gradient(ellipse at var(--ambient-2-x) var(--ambient-2-y), #48e6b821, transparent 38%), radial-gradient(ellipse at var(--ambient-x) var(--ambient-y), #9ee7ff18, transparent 36%), radial-gradient(circle at var(--ambient-3-x) var(--ambient-3-y), #b4f46111, transparent 30%), linear-gradient(112deg, transparent 24%, #48e6b812 47%, transparent 70%), linear-gradient(68deg, transparent 34%, #7fffd70d 50%, transparent 66%);opacity:.48;pointer-events:none;transform-origin:62% 34%;will-change:opacity, transform;background-size:122% 122%,134% 134%,120% 120%,164% 164%,154% 154%;animation:6.8s ease-in-out infinite ambient-breathe;position:fixed;inset:-18vmax;transform:translate(0,0)scale(1)}body:after{z-index:0;content:"";opacity:.18;pointer-events:none;will-change:opacity, transform;background:linear-gradient(100deg,#0000 0 42%,#7fffd707 48%,#0000 54% 100%),repeating-linear-gradient(115deg,#0000 0 5rem,#48e6b804 5rem 5.08rem),radial-gradient(circle,#dcfff60b 0 1px,#0000 1.5px) 0 0/5.5rem 5.5rem;animation:9s ease-in-out infinite ambient-grid-breathe;position:fixed;inset:-18vmax;transform:translate(0,0)scale(1)}@keyframes ambient-breathe{0%,to{opacity:.42;transform:translate(-1.2rem,.9rem)scale(1)}45%{opacity:1;transform:translate(1.6rem,-1.25rem)scale(1.075)}70%{opacity:.72;transform:translate(.45rem,-.35rem)scale(1.025)}}@keyframes ambient-grid-breathe{0%,to{opacity:.24;transform:translate(-1rem,.7rem)scale(1)}50%{opacity:.46;transform:translate(1.15rem,-.9rem)scale(1.012)}}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent-glow);outline-offset:4px;box-shadow:0 0 0 6px color-mix(in srgb, var(--accent-glow) 18%, transparent)}#root{z-index:1;isolation:isolate;min-height:100vh;position:relative}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}body:before,body:after{animation:none!important}}.site-header{top:var(--space-4);z-index:20;width:min(1180px, calc(100% - var(--space-8)));justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--line-quiet);border-radius:var(--radius-pill);-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(135deg, #48e6b814, transparent 38%), var(--surface-glass);box-shadow:var(--shadow);transition:opacity .22s,transform .22s;display:flex;position:fixed;left:50%;transform:translate(-50%)}.site-header--home{opacity:0;pointer-events:none;transform:translate(-50%,-140%)}.site-header--home-visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.brand,.nav-links{align-items:center;gap:var(--space-3);display:flex}.brand{color:var(--muted-strong);font-weight:800}.brand-mark{border-radius:.9rem;flex:none;width:2.45rem;height:2.45rem;display:block;overflow:hidden;box-shadow:0 8px 24px #0000003d}.brand-mark img{object-fit:cover;width:100%;height:100%;display:block}.nav-links a{color:var(--muted);letter-spacing:.04em;font-size:.84rem;font-weight:800;transition:color .18s}.nav-links a:hover{color:var(--accent)}.language-toggle{border:1px solid var(--line-quiet);border-radius:var(--radius-pill);min-width:2.8rem;height:2rem;color:var(--muted-strong);letter-spacing:.08em;cursor:pointer;background:#48e6b814;justify-content:center;align-items:center;font-size:.78rem;font-weight:900;transition:color .18s,border-color .18s,background .18s;display:inline-flex}.language-toggle:hover{color:var(--accent);border-color:var(--line);background:#48e6b824}main{width:min(1180px, calc(100% - var(--space-8)));margin:0 auto;padding-top:clamp(6.8rem,10vw,8rem)}section{scroll-margin-top:8rem}.ambient-danmaku{display:none}.ambient-danmaku span{right:-32rem;top:var(--lane);color:#7fffd72e;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;font-size:.76rem;font-weight:800;position:absolute}.ambient-danmaku span:first-child{--lane:.2rem;--duration:28s;--delay:-2s}.ambient-danmaku span:nth-child(2){--lane:1.8rem;--duration:34s;--delay:-10s}.ambient-danmaku span:nth-child(3){--lane:3.4rem;--duration:31s;--delay:-18s}.ambient-danmaku span:nth-child(4){--lane:5rem;--duration:36s;--delay:-6s}.ambient-danmaku span:nth-child(5){--lane:6.4rem;--duration:30s;--delay:-22s}.panel{border:1px solid var(--line-quiet);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:none;backdrop-filter:none;position:relative;overflow:hidden}.search-panel:after,.skill-brick:after,.home-jump-card:after,.terminal-panel:after,.project-card:after,.friend-card:after,.stash-art-card:after,.post-card:after,.post-detail:after{left:var(--card-cursor-x,-999rem);top:var(--card-cursor-y,-999rem);z-index:0;content:"";mix-blend-mode:screen;opacity:0;pointer-events:none;will-change:opacity, transform;background:radial-gradient(circle,#ecfff747 0 .16rem,#0000 .22rem),radial-gradient(circle,#7fffd73d,#48e6b81f 28%,#0000 58%);border-radius:50%;width:17rem;height:17rem;transition:opacity .16s;position:absolute;transform:translate(-50%,-50%)}.search-panel.is-card-lit:after,.skill-brick.is-card-lit:after,.home-jump-card.is-card-lit:after,.terminal-panel.is-card-lit:after,.project-card.is-card-lit:after,.friend-card.is-card-lit:after,.stash-art-card.is-card-lit:after,.post-card.is-card-lit:after,.post-detail.is-card-lit:after{opacity:.78}.card-link{color:inherit;cursor:pointer;display:flex}.card-link h3,.project-card h3{transition:color .18s,transform .18s}.card-link:hover h3,.card-link:focus-visible h3,.card-link.is-card-lit h3,.project-card:hover h3,.project-card:focus-visible h3,.project-card.is-card-lit h3{color:var(--accent-glow)}.search-panel>*,.skill-brick>*,.home-jump-card>*,.terminal-panel>*,.project-card>*,.friend-card>*,.stash-art-card>*,.post-card>*,.post-detail>*{z-index:1;position:relative}.home-hero{gap:var(--space-8);padding:clamp(var(--space-8), 6vw, 4.5rem) 0 var(--space-8);text-align:center;display:grid}.home-hero--landing{align-content:start;min-height:calc(100vh - 8rem);padding-bottom:clamp(2rem,5vw,3.8rem)}.home-kicker{isolation:isolate;border-radius:2.4rem;align-content:center;justify-items:center;min-height:clamp(430px,48vw,620px);display:grid;position:relative;overflow:hidden}.home-kicker>.eyebrow,.home-kicker>h1,.home-kicker>.profile-typewriter,.home-kicker>.hero-text,.home-kicker>.hero-actions{z-index:2;position:relative}.home-kicker h1{max-width:min(100%,16ch);margin-bottom:var(--space-5);text-wrap:balance}.profile-typewriter{width:min(600px,100%);min-height:2.1rem;margin:calc(var(--space-2) * -1) 0 var(--space-5);color:#6ad3f7;font-family:"Fira Code", var(--mono);letter-spacing:.01em;text-align:center;text-shadow:0 0 18px #6ad3f738;justify-content:center;align-items:center;font-size:clamp(1rem,2.2vw,1.38rem);font-weight:600;line-height:1.45;display:inline-flex}.profile-typewriter-cursor{border-radius:var(--radius-pill);background:#6ad3f7;width:.08em;height:1.15em;margin-left:.18em;animation:.8s step-end infinite profile-typewriter-caret;display:inline-block;box-shadow:0 0 12px #6ad3f773}@keyframes profile-typewriter-caret{0%,48%{opacity:1}49%,to{opacity:0}}.home-kicker .hero-text{width:min(720px,100%);margin-bottom:0}.hero-actions--center{margin-top:var(--space-5);justify-content:center}.home-jump-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}.home-jump-card{background:radial-gradient(circle at 90% 12%, #7fffd71f, transparent 34%), linear-gradient(150deg, #48e6b813, transparent 48%), var(--surface-card);text-align:left;border-radius:1.1rem;flex-direction:column;min-height:220px;padding:1.25rem;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;display:flex;position:relative;overflow:hidden}.home-jump-card:before{content:"";background:var(--accent);transform-origin:0;width:2.4rem;height:2px;transition:transform .18s;position:absolute;top:0;left:1.25rem;transform:scaleX(.35);box-shadow:0 0 18px #48e6b88a}.home-jump-card:hover,.home-jump-card:focus-visible{border-color:var(--line);background:linear-gradient(135deg, #48e6b81c, transparent 42%), var(--panel-soft);z-index:2;transform:translateY(-6px);box-shadow:0 16px 38px #00000047,0 0 18px #48e6b81a}.home-jump-card:hover:before,.home-jump-card:focus-visible:before{transform:scaleX(1)}.home-jump-card h3{margin-bottom:var(--space-3);font-size:clamp(1.2rem,1.8vw,1.55rem)}.home-jump-card p:not(.project-meta){color:var(--muted);line-height:1.75}.home-jump-card>span{color:var(--accent);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-top:auto;font-size:.72rem;font-weight:900}.home-skill-bricks{padding:0 0 clamp(2.5rem,6vw,4.5rem);scroll-margin-top:8rem}.gravity-skill-board{border-color:color-mix(in srgb, var(--accent-glow) 20%, transparent);cursor:grab;isolation:isolate;background:0 0;border-top-color:#0000;border-radius:1.4rem;min-height:clamp(440px,54vw,620px);position:relative;overflow:hidden;box-shadow:inset 1px 0 #7fffd70a,inset -1px 0 #7fffd70a,inset 0 -1px #7fffd714}.gravity-skill-board:active{cursor:grabbing}.gravity-skill-board:before{display:none}.gravity-skill-layer{z-index:2;opacity:0;pointer-events:none;transition:opacity .22s;position:absolute;inset:0}.gravity-skill-board--live .gravity-skill-layer{opacity:1;pointer-events:auto}.gravity-skill-fallback{z-index:1;opacity:1;visibility:visible;padding:1rem;transition:opacity .18s,visibility .18s;position:relative}.gravity-skill-board--live .gravity-skill-fallback{opacity:0;pointer-events:none;visibility:hidden}.skill-brick-grid{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:.72rem;margin:0;padding:0;list-style:none;display:grid}.skill-brick{--brick-color:var(--accent-glow);border-color:color-mix(in srgb, var(--brick-color) 26%, transparent);background:radial-gradient(circle at 88% 14%, color-mix(in srgb, var(--brick-color) 18%, transparent), transparent 38%), linear-gradient(145deg, color-mix(in srgb, var(--brick-color) 12%, transparent), #ffffff04 48%), var(--surface-card);border-radius:1.05rem;align-content:space-between;min-height:86px;padding:.9rem;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ecfff714,0 14px 32px #0000002e}.gravity-skill-brick{-webkit-user-select:none;user-select:none;will-change:transform;width:max-content;min-width:112px;max-width:210px;position:absolute;top:0;left:0}.skill-brick:before{content:"";background:var(--brick-color);width:2rem;height:2px;box-shadow:0 0 16px color-mix(in srgb, var(--brick-color) 62%, transparent);transform-origin:0;transition:transform .18s;position:absolute;top:0;left:.9rem;transform:scaleX(.45)}.skill-brick:hover,.skill-brick.is-card-lit{border-color:color-mix(in srgb, var(--brick-color) 46%, transparent);box-shadow:0 16px 36px #00000042, 0 0 22px color-mix(in srgb, var(--brick-color) 12%, transparent);transform:translateY(-4px)}.skill-brick:hover:before,.skill-brick.is-card-lit:before{transform:scaleX(1)}.skill-brick span{color:var(--text);letter-spacing:-.02em;font-size:clamp(1rem,1.6vw,1.22rem);font-weight:900}.skill-brick small{color:color-mix(in srgb, var(--brick-color) 78%, #fff 22%);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:900}.skill-brick--frontend{--brick-color:#6ad3f7}.skill-brick--backend{--brick-color:#48e6b8}.skill-brick--ml{--brick-color:#b4f461}.skill-brick--creative{--brick-color:#a6e8ff}.search-panel{width:min(860px,100%);padding:var(--space-4);border-radius:var(--radius-xl);background:radial-gradient(circle at 12% 0%, #7fffd724, transparent 34%), var(--surface-card);justify-self:center}.search-panel label{margin-bottom:var(--space-3);color:var(--muted-strong);text-align:left;font-weight:800;display:block}.search-box{gap:var(--space-3);min-height:4.2rem;padding:0 var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:#061013b8;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.search-box span{color:var(--accent);font-family:var(--serif);font-size:1.6rem;line-height:1}.search-box input{width:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:0;font-weight:800}.search-box a{color:var(--accent);white-space:nowrap;font-weight:900}.search-clear{color:var(--accent);cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:0;padding:0;font-weight:900}.search-panel p{margin:var(--space-3) var(--space-2) 0;color:var(--muted);text-align:left;font-size:.9rem}.search-results ul{margin:var(--space-3) 0 0;gap:.55rem;padding:0;list-style:none;display:grid}.search-results li a{gap:var(--space-3);border:1px solid var(--line-quiet);border-radius:var(--radius-md);text-align:left;background:#48e6b80b;grid-template-columns:4.6rem minmax(0,1fr) auto;align-items:center;padding:.82rem .9rem;transition:border-color .16s,background .16s,transform .16s;display:grid;position:relative;overflow:hidden}.search-results li a:hover,.search-results li a:focus-visible{border-color:var(--line);background:#48e6b817;transform:translateY(-2px)}.search-result-type,.search-result-meta{color:var(--accent);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:900}.search-result-body{gap:.2rem;min-width:0;display:grid}.search-result-body strong{color:var(--text);font-size:.98rem}.search-result-body span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;line-height:1.45;overflow:hidden}.search-result-meta{max-width:9rem;color:var(--muted-strong);text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stash-gallery{grid-template-columns:repeat(auto-fill,minmax(260px,324px));align-items:start;gap:1.5rem;padding-inline:0;display:grid}.stash-art-card{aspect-ratio:3/4;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;background:#080c0db8;border-radius:1rem;transition:box-shadow .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);display:block;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000003d,0 0 0 1px #fafcfd0d}.stash-art-card:hover,.stash-art-card:focus-visible{transform:translateY(-8px);box-shadow:0 20px 40px #0000006b,0 0 0 1px #f6de974d}.stash-art-card img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1),filter .6s cubic-bezier(.4,0,.2,1);display:block}.stash-art-card:hover img,.stash-art-card:focus-visible img{filter:saturate(1.06)contrast(1.03);transform:scale(1.08)}.stash-art-overlay{z-index:2;color:var(--text);border-radius:var(--radius-pill);letter-spacing:.08em;opacity:0;background:#030708ad;border:1px solid #f6de9747;padding:.48rem .75rem;font-size:.78rem;font-weight:900;transition:opacity .26s,transform .26s;position:absolute;bottom:1rem;right:1rem;transform:translateY(10px);box-shadow:0 8px 20px #0000003d}.stash-art-card:hover .stash-art-overlay,.stash-art-card:focus-visible .stash-art-overlay{opacity:1;transform:translateY(0)}.terminal-panel,.post-detail{border-radius:1.35rem;padding:clamp(1.4rem,4vw,2.6rem)}.eyebrow{color:var(--accent);font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;margin:0 0 1rem;font-size:.74rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1,h2{color:var(--text);font-family:var(--serif);letter-spacing:-.022em}h1{text-wrap:balance;max-width:14ch;margin-bottom:1.35rem;font-size:clamp(3.2rem,8vw,7.2rem);line-height:1}h2{margin-bottom:1rem;font-size:clamp(2rem,4.2vw,3.8rem);line-height:1.04}h3{color:var(--text);margin-bottom:.8rem;font-size:1.18rem}.hero-text,.section-heading p,.project-card p,.post-card p,.post-body{color:var(--muted);line-height:1.8}.hero-actions,.tag-list{flex-wrap:wrap;gap:.55rem;display:flex}.tag-list li,.skill-pill{color:var(--muted-strong);border:1px solid var(--line-quiet);border-radius:var(--radius-pill);background:#48e6b80b;padding:.42rem .7rem;font-size:.78rem;font-weight:800}.tag-list li.tech-tag{--tag-color:var(--accent-glow);color:color-mix(in srgb, var(--tag-color) 82%, #fff 18%);border-color:color-mix(in srgb, var(--tag-color) 42%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--tag-color) 22%, transparent), #ffffff04), #48e6b809;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tag-color) 8%, transparent)}.tag-list li.tech-tag-python,.tag-list li.tech-tag-fastapi,.tag-list li.tech-tag-sqlite{--tag-color:#5ab4ff}.tag-list li.tech-tag-typescript,.tag-list li.tech-tag-javascript,.tag-list li.tech-tag-react,.tag-list li.tech-tag-vue-3,.tag-list li.tech-tag-vite,.tag-list li.tech-tag-react-router{--tag-color:#6ad3f7}.tag-list li.tech-tag-mcp,.tag-list li.tech-tag-directus,.tag-list li.tech-tag-docker,.tag-list li.tech-tag-github-api,.tag-list li.tech-tag-rest-api,.tag-list li.tech-tag-ai-app{--tag-color:#48e6b8}.tag-list li.tech-tag-ml,.tag-list li.tech-tag-lstm,.tag-list li.tech-tag-explainable-ai,.tag-list li.tech-tag-recharts{--tag-color:#b4f461}.tag-list li.tech-tag-phaser,.tag-list li.tech-tag-canvas-ui,.tag-list li.tech-tag-game-feel,.tag-list li.tech-tag-ollama{--tag-color:#a6e8ff}.button{border:1px solid var(--line);border-radius:var(--radius-md);min-height:2.9rem;color:var(--muted-strong);justify-content:center;align-items:center;padding:0 1.1rem;font-weight:800;transition:color .18s,background .18s,transform .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{color:var(--ink-dark);background:var(--accent)}.button.ghost:hover{color:var(--text);background:#48e6b81a}.section{padding:clamp(3rem,8vw,6rem) 0}.compact-section{padding-top:0}.section-heading{max-width:760px;margin-bottom:1.8rem}.page-heading{padding-bottom:1rem}.page-heading h1{letter-spacing:-.018em;max-width:min(100%,18ch);font-size:clamp(2.65rem,6vw,5.35rem);line-height:1.05}.page-heading>p:not(.eyebrow){max-width:58ch;color:var(--muted);font-size:1.02rem;line-height:1.8}.terminal-panel{grid-template-columns:1fr .92fr;align-items:center;gap:2rem;display:grid}.terminal-lines{color:var(--muted-strong);font-family:var(--mono);gap:.75rem;font-size:.9rem;display:grid}.terminal-lines p{margin:0}.terminal-lines span{color:var(--accent);margin-right:.6rem}.admin-actions{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;align-items:center;display:flex}.admin-actions span{max-width:34ch;color:var(--muted);font-size:.82rem;line-height:1.6}.friend-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.friend-card{background:radial-gradient(circle at 88% 8%, #7fffd721, transparent 36%), linear-gradient(145deg, #48e6b814, transparent 48%), var(--panel);border-radius:1.1rem;flex-direction:column;min-height:220px;padding:1.25rem;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;display:flex;position:relative;overflow:hidden}.friend-card:before{content:"";background:var(--accent);transform-origin:0;width:2.4rem;height:2px;transition:transform .18s;position:absolute;top:0;left:1.25rem;transform:scaleX(.35);box-shadow:0 0 18px #48e6b88a}.friend-card:hover,.friend-card:focus-visible{border-color:var(--line);background:linear-gradient(135deg, #48e6b81c, transparent 42%), var(--panel-soft);z-index:2;transform:translateY(-6px);box-shadow:0 16px 38px #00000047,0 0 18px #48e6b81a}.friend-card:hover:before,.friend-card:focus-visible:before{transform:scaleX(1)}.friend-index{color:var(--accent);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;opacity:.72;margin:0;font-size:.78rem;font-weight:800}.friend-card-top{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:2.25rem;display:flex}.friend-icon{border-radius:1rem;flex:none;width:3.35rem;height:3.35rem;display:block;overflow:hidden}.friend-icon img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.friend-card h3{color:var(--text);margin-bottom:.7rem;font-size:1.35rem}.friend-card p:not(.friend-index):not(.project-meta){color:var(--muted);line-height:1.75}.project-grid,.post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}.project-card,.post-card{border-radius:1.1rem;min-height:280px;padding:1.25rem;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;position:relative;overflow:hidden}.project-card{flex-direction:column;scroll-margin-top:8rem;display:flex}.project-card:before,.post-card:before{content:"";background:var(--accent);transform-origin:0;width:2.4rem;height:2px;transition:transform .18s;position:absolute;top:0;left:1.25rem;transform:scaleX(.35);box-shadow:0 0 18px #48e6b88a}.project-card:hover,.project-card:focus-visible,.project-card.is-card-lit,.post-card:hover{border-color:var(--line);background:linear-gradient(135deg, #48e6b81c, transparent 42%), var(--panel-soft);z-index:2;transform:translateY(-6px);box-shadow:0 16px 38px #00000047,0 0 18px #48e6b81a}.project-card:hover:before,.project-card:focus-visible:before,.project-card.is-card-lit:before,.post-card:hover:before{transform:scaleX(1)}.project-index,.project-meta{color:var(--accent);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;font-weight:800}.project-index{opacity:.72;margin-bottom:3rem}.tag-list{margin:1.2rem 0 0;padding:0;list-style:none}.page-panel{margin-bottom:clamp(3rem,8vw,6rem)}.post-card{display:block}.post-detail{background:radial-gradient(ellipse at 18% 0%, #48e6b817, transparent 34%), linear-gradient(180deg, #11171bb8, #080b0d9e), var(--surface-card);border-color:#dce8eb17;border-radius:1.6rem;width:min(860px,100% - 2rem);margin:clamp(2rem,7vw,4.5rem) auto}.post-detail h1{letter-spacing:-.012em;max-width:min(100%,26ch);margin-bottom:.85rem;font-size:clamp(1.95rem,3.4vw,2.85rem);line-height:1.14}.post-detail .hero-text{max-width:66ch;color:var(--muted-strong);margin-bottom:clamp(1.55rem,3.2vw,2.2rem);font-size:clamp(.98rem,1vw,1.04rem);line-height:1.72}.post-body{max-width:68ch;color:color-mix(in srgb, var(--text) 84%, var(--muted) 16%);margin-top:1.35rem;font-size:clamp(1.02rem,1vw,1.08rem);line-height:1.82}.post-body>:first-child{margin-top:0}.post-body>:last-child{margin-bottom:0}.post-body p,.post-body ul,.post-body ol,.post-body blockquote,.post-body pre,.post-body table{margin:1.05rem 0}.post-body h1,.post-body h2,.post-body h3,.post-body h4{max-width:none;color:var(--text);font-family:var(--serif);letter-spacing:-.01em;margin:1.9rem 0 .7rem;line-height:1.28}.post-body h1{font-size:clamp(1.35rem,1.8vw,1.62rem)}.post-body h2{border-top:1px solid var(--line-quiet);padding-top:.9rem;font-size:clamp(1.3rem,1.8vw,1.62rem)}.post-body h3{color:var(--accent-glow);font-size:clamp(1.12rem,1.4vw,1.28rem)}.post-body a{color:var(--accent-glow);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--accent-glow) 36%, transparent);text-decoration-color:color-mix(in srgb, var(--accent-glow) 36%, transparent);text-underline-offset:.24em}.post-body strong{color:var(--text)}.post-body ul,.post-body ol{padding-left:1.35rem}.post-body li+li{margin-top:.35rem}.post-body blockquote{border-left:3px solid var(--accent);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--muted-strong);background:#48e6b80e;padding:.85rem 1rem}.post-body code{color:var(--accent-glow);font-family:var(--mono);background:#00000042;border:1px solid #dce8eb14;border-radius:.45rem;padding:.14rem .36rem;font-size:.9em}.post-body pre{border:1px solid var(--line-quiet);border-radius:var(--radius-md);background:#020303b3;padding:1rem;overflow-x:auto}.post-body pre code{color:var(--muted-strong);background:0 0;border:0;padding:0}.post-body .hljs-keyword,.post-body .hljs-selector-tag,.post-body .hljs-literal,.post-body .hljs-section,.post-body .hljs-link{color:#7ddcff}.post-body .hljs-string,.post-body .hljs-attr,.post-body .hljs-symbol,.post-body .hljs-bullet,.post-body .hljs-addition{color:#a8f7c1}.post-body .hljs-title,.post-body .hljs-name,.post-body .hljs-selector-id,.post-body .hljs-selector-class{color:#f5d890}.post-body .hljs-number,.post-body .hljs-built_in,.post-body .hljs-type,.post-body .hljs-variable,.post-body .hljs-template-variable{color:#c6a7ff}.post-body .hljs-comment,.post-body .hljs-quote,.post-body .hljs-deletion,.post-body .hljs-meta{color:color-mix(in srgb, var(--muted) 76%, transparent);font-style:italic}.post-body .hljs-emphasis{font-style:italic}.post-body .hljs-strong{font-weight:800}.post-body table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.post-body th,.post-body td{border:1px solid var(--line-quiet);padding:.65rem .8rem}.post-body th{color:var(--text);background:#48e6b812}.back-link{color:var(--accent);margin-bottom:2rem;font-weight:800;display:inline-flex}@media (width<=900px){.site-header{border-radius:var(--radius-xl);flex-direction:column;align-items:flex-start}.nav-links{align-items:flex-start;gap:var(--space-2) var(--space-3);flex-wrap:wrap}main{padding-top:10.5rem}.terminal-panel,.stash-art-card,.home-jump-grid,.friend-grid,.project-grid,.post-grid{grid-template-columns:1fr}}@media (width<=640px){.site-header{top:var(--space-2);width:min(100% - var(--space-4), 1180px);padding:var(--space-3)}.brand{font-size:.92rem}.nav-links a{font-size:.78rem}main{width:min(100% - var(--space-4), 1180px);padding-top:12.5rem}h1{font-size:clamp(3rem,16vw,5rem)}.search-box{padding:var(--space-3);grid-template-columns:auto minmax(0,1fr)}.search-box a{grid-column:2}.search-clear{grid-column:2;justify-self:start}.search-results li a{gap:var(--space-2);grid-template-columns:1fr}.search-result-meta{text-align:left;max-width:none}}@media (width<=900px){.site-header{top:var(--space-3);width:min(720px, calc(100% - var(--space-5)));align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:1.25rem}.brand{justify-content:space-between;width:100%}.nav-links{flex-wrap:wrap;gap:.5rem .8rem;width:100%}.nav-links a{padding:.28rem 0;font-size:.78rem}.language-toggle{top:var(--space-3);right:var(--space-3);position:absolute}main{width:min(100% - var(--space-5), 720px);padding-top:9.5rem}.home-hero--landing{min-height:auto;padding:clamp(7.2rem,22vw,9rem) 0 clamp(3.5rem,12vw,5rem)}.home-kicker{text-align:left}.home-kicker h1{max-width:100%;font-size:clamp(3rem,18vw,5.6rem)}.hero-actions--center{justify-content:flex-start}.search-panel{justify-self:stretch;padding:1rem}.search-box{grid-template-columns:auto minmax(0,1fr) auto}.home-skill-bricks{padding-bottom:3rem}.gravity-skill-board{border-radius:1.15rem;min-height:clamp(340px,86vw,480px)}.skill-brick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stash-gallery{grid-template-columns:minmax(0,1fr)}.stash-art-card{width:min(100%,360px)}.terminal-panel,.home-jump-grid,.friend-grid,.project-grid,.post-grid{grid-template-columns:1fr}.terminal-panel,.project-card,.friend-card,.post-card,.home-jump-card,.post-detail{padding:clamp(1rem,5vw,1.35rem)}.post-detail{width:min(100%,720px);margin:1rem auto 3rem}}@media (width<=640px){.site-header{width:calc(100% - 1rem);padding:.8rem}.brand{padding-right:3.1rem;font-size:.82rem}.brand-mark{border-radius:.72rem;width:2.1rem;height:2.1rem}.nav-links{gap:.35rem .62rem}.nav-links a{letter-spacing:.02em;font-size:.72rem}.language-toggle{min-width:2.35rem;height:1.8rem;font-size:.7rem}main{width:calc(100% - 1rem);padding-top:8.8rem}.home-hero--landing{padding-top:7.2rem}.profile-typewriter,.hero-text,.page-heading>p:not(.eyebrow),.post-detail .hero-text,.post-body{font-size:.98rem;line-height:1.72}.hero-actions{gap:.65rem;width:100%}.hero-actions .button{flex:calc(50% - .65rem);min-width:0;padding-inline:.8rem}.home-language-toggle{flex:none}.search-box{grid-template-columns:auto minmax(0,1fr)}.search-box>a,.search-clear{text-align:center;grid-column:1/-1;justify-self:stretch;min-height:2.35rem}.skill-brick-grid{grid-template-columns:1fr}.gravity-skill-brick{min-width:96px;max-width:168px}.friend-card-top{margin-bottom:1.4rem}.terminal-lines p{gap:.55rem;font-size:.82rem}.post-body pre{margin-inline:-.3rem;padding:.8rem}}@media (width<=420px){.site-header{border-radius:1rem}.brand span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:19ch;overflow:hidden}.nav-links a{font-size:.68rem}.home-kicker h1{font-size:clamp(2.65rem,17vw,3.7rem)}.hero-actions .button{flex-basis:100%}.home-language-toggle{flex-basis:auto;min-width:4rem}.gravity-skill-board{min-height:320px}.page-heading h1{font-size:clamp(2.15rem,14vw,3.25rem)}.post-detail h1{font-size:clamp(1.75rem,10vw,2.25rem)}}@media (prefers-reduced-motion:reduce){.profile-typewriter-cursor{display:none}.project-card,.project-card:before,.project-card h3{transition:none}.project-card:hover,.project-card:focus-visible,.project-card.is-card-lit{transform:none}.ambient-danmaku{display:none}}