:root{--sky:#87c4ed;--cyan:#5ad7f2;--mint:#70f4bf;--lemon:#f9f871;--ink:#0f172a;--body:#334155;--muted:#64748b;--bg:#f8fbff;--glass-bg:#ffffffa6;--glass-border:#ffffffb8;--grad-pulse:linear-gradient(135deg, #5ad7f2, #70f4bf);--grad-mq:linear-gradient(135deg, #87c4ed, #5ad7f2);--grad-avalon:linear-gradient(135deg, #70f4bf, #f9f871);--grad-misc:linear-gradient(135deg, #87c4ed, #70f4bf);--grad-neutral:linear-gradient(135deg, #cbd5e1, #94a3b8);--shadow-sm:0 4px 16px #0f172a0d;--shadow-md:0 12px 40px #0f172a12;--shadow-lg:0 20px 56px #0f172a1f;--r-pill:999px;--r-md:14px;--r-lg:20px;--t-press:.12s;--t-hover:.2s;--t-reveal:.6s;--ease:cubic-bezier(.22, 1, .36, 1);--font-display:"Space Grotesk", "Noto Sans SC", sans-serif;--font-body:"Noto Sans SC", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--container:1080px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{font:400 16px/1.75 var(--font-body);color:var(--body);-webkit-font-smoothing:antialiased;background:0 0;min-height:100vh;margin:0;position:relative;overflow-x:clip}.aurora{z-index:-1;pointer-events:none;width:106%;height:108%;animation:aurora-sway 60s var(--ease) infinite alternate;position:absolute;top:-4%;left:-3%}@keyframes aurora-sway{0%{transform:translate(-1.5%,-1%)}to{transform:translate(1.5%,1%)}}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);margin:0;line-height:1.25}a{color:inherit;transition:color var(--t-hover) var(--ease);text-decoration:none}p{margin:0}:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid #0e9fc4}::selection{background:#5ad7f259}.container{max-width:var(--container);margin:0 auto;padding:0 28px}.mono{font-family:var(--font-mono)}.eyebrow{font:600 13px/1 var(--font-display);letter-spacing:.22em;text-transform:uppercase;background:linear-gradient(135deg,#0e9fc4,#2bb673);color:#0000;background-clip:text;margin-bottom:18px}.tint-a{background:linear-gradient(#5ad7f20f,#70f4bf09)}.tint-b{background:linear-gradient(#87c4ed0f,#f9f87109)}.js [data-reveal]{opacity:0}.link-ul{color:#0e9fc4;transition:transform var(--t-hover) var(--ease), color var(--t-hover) var(--ease);font-weight:500;display:inline-block;position:relative}.link-ul:after{content:"";background:linear-gradient(90deg, var(--cyan), var(--mint));transform-origin:0;width:100%;height:1.5px;transition:transform var(--t-hover) var(--ease);border-radius:2px;position:absolute;bottom:-3px;left:0;transform:scaleX(0)}.link-ul:hover:after{transform:scaleX(1)}.link-ul:active{transition-duration:var(--t-press);transform:scale(.97)}.site-header{z-index:50;backdrop-filter:blur(14px);transition:box-shadow var(--t-hover) var(--ease);background:#f8fbffb8;position:sticky;top:0}.site-header.is-scrolled{box-shadow:0 1px #87c4ed66,0 10px 30px #0f172a0d}.site-nav-inner{justify-content:space-between;align-items:center;gap:32px;padding-top:22px;padding-bottom:22px;display:flex}.logo{font:700 20px/1 var(--font-display);letter-spacing:-.01em;color:var(--ink);transition:transform var(--t-hover) var(--ease);align-items:center;gap:9px;display:inline-flex}.logo:before{content:"";background:var(--grad-pulse);border-radius:4px;width:12px;height:12px}.logo:active{transition-duration:var(--t-press);transform:scale(.97)}.nav-links{align-items:center;gap:30px;display:flex}.nav-links a{color:var(--muted);transition:color var(--t-hover) var(--ease), transform var(--t-hover) var(--ease);padding:4px 0;font-size:15px;display:inline-block;position:relative}.nav-links a:after{content:"";background:var(--grad-pulse);transform-origin:0;height:2px;transition:transform var(--t-hover) var(--ease);border-radius:2px;position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover:after{transform:scaleX(1)}.nav-links a[aria-current=page]{color:var(--ink);font-weight:500}.nav-links a[aria-current=page]:after{transform:scaleX(1)}.nav-links a:active{transition-duration:var(--t-press);transform:scale(.97)}.section{padding:88px 0}.section-head{max-width:56ch;margin-bottom:44px}.section-head h2{letter-spacing:-.01em;margin-bottom:10px;font-size:clamp(26px,3vw,34px)}.section-head p{color:var(--muted);font-size:16px}.badge{font:600 12px/1 var(--font-display);letter-spacing:.06em;border-radius:var(--r-pill);white-space:nowrap;flex:none;align-items:center;padding:5px 12px;display:inline-flex}.badge--spec{color:#2563a8;background:#87c4ed2e}.badge--devlog{color:#0b7d9b;background:#5ad7f229}.badge--tool{color:#0f8a5f;background:#70f4bf33}.badge--essay{color:#6b6407;background:#f9f8716b}.badge--interview{color:#2b6cb0;background:#87c4ed2e}.badge--job{color:#6b6407;background:#f9f8716b}.badge--resume{color:#3e8a6d;background:#70f4bf33}.pill{font:500 13px/1 var(--font-body);border-radius:var(--r-pill);white-space:nowrap;align-items:center;padding:7px 14px;display:inline-flex}.pill--cyan{color:#0b7d9b;background:#5ad7f224}.pill--mint{color:#0f8a5f;background:#70f4bf2e}.pill--sky{color:#2563a8;background:#87c4ed29}.pill--lg{padding:9px 18px;font-size:15px;font-weight:600}.pill--sm{opacity:.85;padding:5px 12px;font-size:12px}.status-chip{font:600 11px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:#5c5608;border-radius:var(--r-pill);white-space:nowrap;background:#f9f8716b;flex:none;padding:6px 14px}.status-chip--muted{color:#475569;background:#94a3b829}.theme-pulse{--pgrad:var(--grad-pulse)}.theme-mq{--pgrad:var(--grad-mq)}.theme-avalon{--pgrad:var(--grad-avalon)}.theme-neutral{--pgrad:var(--grad-neutral)}.theme-misc{--pgrad:var(--grad-misc)}.ptrack{background:#87c4ed47;border-radius:3px;height:6px;overflow:hidden}.pfill{background:var(--pgrad,var(--grad-pulse));border-radius:3px;height:100%}.hero{padding:64px 0 88px}.hero-inner{grid-template-columns:1.15fr .85fr;align-items:center;gap:64px;display:grid}.pdot{background:var(--pgrad,var(--grad-pulse));border-radius:50%;flex:none;width:12px;height:12px;box-shadow:0 0 0 4px #ffffff8c}.hero-name{letter-spacing:-.02em;align-items:center;gap:18px;margin:0 0 6px;font-size:clamp(38px,5vw,56px);font-weight:700;display:flex}.hero-name .pdot{width:16px;height:16px}.hero-role{font:600 14px/1 var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.hero-tags{flex-wrap:wrap;gap:10px;margin:20px 0 18px;display:flex}.hero-intro{max-width:46ch;font-size:17px;line-height:1.8}.hero-links{flex-wrap:wrap;gap:12px 28px;margin:22px 0;display:flex}.hero-status{color:var(--body);border-radius:var(--r-pill);background:#f9f87152;align-items:center;gap:10px;padding:9px 18px;font-size:14px;display:inline-flex}.hero-status:before{content:"";background:#d6cd34;border-radius:50%;width:8px;height:8px}.hero-status b{color:var(--ink);font-weight:600}.hero-orbs{height:260px;position:relative}.orb{filter:blur(48px);pointer-events:none;border-radius:50%;position:absolute}.orb--1{background:var(--grad-pulse);opacity:.4;width:190px;height:190px;top:6%;right:12%}.orb--2{background:var(--grad-mq);opacity:.35;width:130px;height:130px;top:48%;right:42%}.orb--3{background:var(--grad-avalon);opacity:.3;width:90px;height:90px;top:58%;right:6%}.projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.projects>.pcard:nth-child(2n){margin-top:48px}.pcard{background:var(--glass-bg);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--r-lg);color:var(--ink);box-shadow:var(--shadow-md);transition:transform var(--t-hover) var(--ease), box-shadow var(--t-hover) var(--ease);padding:32px 34px}.pcard:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.pcard:active{transition-duration:var(--t-press);transform:translateY(-3px)scale(.97)}.tile{border-radius:var(--r-lg);background:var(--glass-bg);backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);color:var(--ink);transition:transform var(--t-hover) var(--ease), box-shadow var(--t-hover) var(--ease);align-self:start;padding:24px 26px}.tile:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.tile:active{transition-duration:var(--t-press);transform:translateY(-3px)scale(.97)}.tile--stat{gap:28px;width:fit-content;margin:40px auto 0;padding:18px 24px;display:flex}.tile--stat .stat{gap:2px;display:grid}.tile--stat .tile-num{font-size:26px}.tile--stat .tile-sub{margin-top:0}.tile-num{font:700 32px/1.1 var(--font-display);letter-spacing:-.01em;color:var(--ink)}.tile-sub{color:var(--muted);margin-top:4px;font-size:12.5px}.pcard-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:6px;display:flex}.pcard-title{align-items:center;gap:16px;min-width:0;display:flex}.pcard-title h3{letter-spacing:-.01em;color:var(--ink);font-size:clamp(21px,2.4vw,27px)}.pcard-en{font:600 12px/1 var(--font-display);letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.pcard-sum{color:var(--body);max-width:62ch;margin-bottom:18px;font-size:16px;line-height:1.75}.pcard-tech{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.pcard-meta{font:600 12px/1 var(--font-display);letter-spacing:.12em;color:var(--muted);justify-content:space-between;margin-bottom:10px;display:flex}.pcard-logs{border-top:1px solid #87c4ed4d;gap:10px;margin-top:26px;padding-top:20px;display:grid}.pcard-logs-label{font:600 11px/1 var(--font-display);letter-spacing:.2em;color:var(--muted);margin-bottom:4px}.pcard-logs a{color:var(--body);align-items:baseline;gap:14px;font-size:15px;display:flex}.pcard-logs a .d{font:500 12px/1.6 var(--font-mono);color:var(--muted);flex:none}.pcard-logs a .t{color:var(--ink);position:relative}.pcard-logs a .t:after{content:"";background:linear-gradient(90deg, var(--cyan), var(--mint));transform-origin:0;width:100%;height:1px;transition:transform var(--t-hover) var(--ease);position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.pcard-logs a:hover .t:after{transform:scaleX(1)}.skills-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.skill-group h3{font:600 12px/1 var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;margin-bottom:16px;display:flex}.skill-group h3:before{content:"";background:var(--grad-mq);border-radius:2px;width:16px;height:3px}.pills{flex-wrap:wrap;gap:10px;display:flex}.timeline{max-width:680px;padding-left:30px;position:relative}.timeline:before{content:"";background:linear-gradient(#5ad7f299,#70f4bf99,#f9f87199);border-radius:2px;width:2px;position:absolute;top:8px;bottom:8px;left:6px}.tl-item{padding-bottom:26px;position:relative}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";background:var(--tl-dot,var(--grad-pulse));border-radius:50%;width:12px;height:12px;position:absolute;top:5px;left:-29px;box-shadow:0 0 0 4px #ffffffbf}.tl-item:nth-child(4n+1){--tl-dot:var(--grad-pulse)}.tl-item:nth-child(4n+2){--tl-dot:var(--grad-mq)}.tl-item:nth-child(4n+3){--tl-dot:var(--grad-avalon)}.tl-item:nth-child(4n+4){--tl-dot:var(--grad-misc)}.tl-date{font:500 12.5px/1.5 var(--font-mono);color:var(--muted);margin-bottom:2px;display:block}.tl-title{font:600 16px/1.5 var(--font-display);color:var(--ink)}.tl-desc{color:var(--body);font-size:14px}.chapter-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:32px;display:grid}.chapter-side{grid-column:1/5;position:sticky;top:104px}.chapter-side h2{letter-spacing:-.01em;align-items:center;gap:12px;margin:0 0 6px;font-size:clamp(20px,2.2vw,25px);display:flex}.chapter-meta{color:var(--muted);margin-bottom:16px;font-size:14px}.chapter-main{grid-column:5/13;align-content:start;gap:6px;min-width:0;display:grid}.group-swatch{background:var(--pgrad,var(--grad-neutral));border-radius:50%;flex:none;width:12px;height:12px;box-shadow:0 0 0 4px #ffffff8c}.feat-card{background:var(--glass-bg);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);transition:transform var(--t-hover) var(--ease), box-shadow var(--t-hover) var(--ease);margin-bottom:18px;padding:28px 32px 28px 36px;display:block;position:relative;overflow:hidden}.feat-card:before{content:"";background:var(--pgrad,var(--grad-misc));border-radius:0 4px 4px 0;width:4px;position:absolute;top:22px;bottom:22px;left:0}.feat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.feat-card:active{transition-duration:var(--t-press);transform:translateY(-3px)scale(.97)}.feat-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.feat-tags{align-items:center;gap:8px;display:inline-flex}.chip-feat{font:600 11px/1 var(--font-display);letter-spacing:.08em;color:#0b7d9b;border-radius:var(--r-pill);white-space:nowrap;background:#5ad7f229;padding:4px 10px}.feat-date{color:var(--muted);font-size:12.5px}.feat-card h3{letter-spacing:-.01em;margin-bottom:8px;font-size:21px}.feat-card p{color:var(--body);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;display:-webkit-box;overflow:hidden}.crow{min-height:42px;transition:background var(--t-hover) var(--ease), box-shadow var(--t-hover) var(--ease), transform var(--t-hover) var(--ease);border-radius:10px;align-items:center;gap:12px;padding:4px 10px;display:flex}.crow:hover{box-shadow:var(--shadow-sm);background:#ffffffbf;transform:translate(3px)}.crow:active{transition-duration:var(--t-press);transform:translate(3px)scale(.97)}.crow-title{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:15px;overflow:hidden}.crow-date{font:400 12px/1 var(--font-mono);color:var(--muted);flex:none}.gcol-title{font:600 12px/1 var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;margin:24px 0 10px;display:flex}.gcol-title:before{content:"";background:var(--grad-mq);border-radius:2px;width:16px;height:3px}.post{padding:64px 0 96px}.post-grid{grid-template-columns:minmax(0,.7fr) minmax(0,65ch) minmax(0,1.3fr);align-items:start;column-gap:48px;display:grid}.post-grid>*{grid-column:2;min-width:0}.toc-col{grid-area:1/3/6;align-self:start;padding-top:8px;position:sticky;top:104px}.toc{border-left:2px solid #87c4ed66;padding-left:18px}.toc-title{font:600 11px/1 var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.toc a{color:var(--muted);transition:color var(--t-hover) var(--ease), transform var(--t-hover) var(--ease);padding:5px 0;font-size:13.5px;display:block}.toc a:hover{color:var(--ink);transform:translate(2px)}.post-head{margin-bottom:48px}.post-tags{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px;display:flex}.proj-capsule{font:600 12px/1 var(--font-display);letter-spacing:.04em;color:var(--ink);background:var(--glass-bg);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border:1px solid var(--glass-border);border-radius:var(--r-pill);box-shadow:var(--shadow-sm);transition:transform var(--t-hover) var(--ease), box-shadow var(--t-hover) var(--ease);align-items:center;gap:8px;padding:7px 14px;display:inline-flex}.proj-capsule:before{content:"";background:var(--pgrad,var(--grad-misc));border-radius:3px;width:9px;height:9px}.proj-capsule:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.proj-capsule:active{transition-duration:var(--t-press);transform:translateY(-2px)scale(.97)}.post-head h1{letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(30px,4vw,44px)}.post-meta{color:var(--muted);font-size:14px}.post-meta .mono{font-size:12.5px}.prose{color:var(--body);font-size:17px;line-height:1.8}.prose p{margin:0 0 26px}.prose h2{letter-spacing:-.01em;border-left:4px solid;border-image:linear-gradient(180deg, var(--cyan), var(--mint)) 1;margin:56px 0 18px;padding-left:16px;scroll-margin-top:104px;font-size:25px}.prose h3{margin:40px 0 14px;scroll-margin-top:104px;font-size:20px}.prose ul{margin:0 0 26px;padding-left:22px}.prose li{margin-bottom:10px}.prose li::marker{color:var(--cyan)}.prose code{font:400 .85em var(--font-mono);color:#0b7d9b;background:#5ad7f224;border-radius:6px;padding:2px 7px}.prose pre{border-radius:var(--r-md);font:400 13.5px/1.75 var(--font-mono);color:var(--body);background:linear-gradient(135deg,#87c4ed1a,#70f4bf14);border:1px solid #87c4ed59;margin:0 0 26px;padding:20px 24px;overflow-x:auto}.prose pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.prose pre .c-kw{color:#0e9fc4;font-weight:500}.prose pre .c-str{color:#2bb673}.prose pre .c-cm{color:var(--muted)}.prose blockquote{border-radius:var(--r-md);color:var(--ink);background:linear-gradient(135deg,#5ad7f214,#f9f87114);margin:0 0 26px;padding:18px 24px;font-weight:500}.prose blockquote p{margin:0}.prose figure{margin:0 0 26px}.fig-art{border-radius:var(--r-md);height:220px;box-shadow:var(--shadow-sm);border:1px solid var(--glass-border);background:radial-gradient(200px 140px at 22% 30%,#5ad7f233,#0000 70%),radial-gradient(260px 160px at 76% 68%,#70f4bf29,#0000 70%),radial-gradient(180px 140px at 55% 20%,#f9f87121,#0000 70%),#ffffff8c}.prose figcaption{color:var(--muted);text-align:center;margin-top:10px;font-size:13px}.prose table{border-collapse:separate;border-spacing:0;background:var(--glass-bg);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--r-md);width:100%;box-shadow:var(--shadow-sm);margin:0 0 26px;font-size:15px;overflow:hidden}.prose th{font:600 13px/1.6 var(--font-display);letter-spacing:.08em;text-align:left;color:var(--ink);background:#87c4ed24;padding:12px 16px}.prose td{border-top:1px solid #87c4ed33;padding:12px 16px}.prose .table-wrap{max-width:100%;overflow-x:auto}@media (width>=981px){.prose .breakout{width:min(880px,100% + 48px);margin-left:0}}.proj-banner{border-radius:var(--r-lg);color:var(--ink);background:var(--glass-bg);backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);transition:transform var(--t-hover) var(--ease), box-shadow var(--t-hover) var(--ease);align-items:center;gap:18px;margin:56px 0 0;padding:24px 28px;display:flex}.proj-banner:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.proj-banner:active{transition-duration:var(--t-press);transform:translateY(-3px)scale(.97)}.proj-banner .pb-label{font:600 11px/1 var(--font-display);letter-spacing:.2em;color:var(--muted);margin-bottom:6px;display:block}.proj-banner .pb-name{font:600 18px/1.3 var(--font-display);display:block}.proj-banner .pb-arrow{color:var(--muted);margin-left:auto;font-size:22px;font-weight:600}.pn-nav{grid-template-columns:1fr 1fr;gap:24px;margin-top:64px;display:grid}.pn-nav a{background:var(--glass-bg);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);transition:transform var(--t-hover) var(--ease), box-shadow var(--t-hover) var(--ease);padding:20px 24px}.pn-nav a:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pn-nav a:active{transition-duration:var(--t-press);transform:translateY(-2px)scale(.97)}.pn-label{font:600 11px/1 var(--font-display);letter-spacing:.18em;background:linear-gradient(135deg,#0e9fc4,#2bb673);color:#0000;background-clip:text;margin-bottom:8px;display:block}.pn-title{color:var(--ink);font-size:15px;font-weight:500}.pbanner{background:var(--glass-bg);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);margin:48px 0 72px;padding:40px 44px}.pbanner-top{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.pbanner-top h1{letter-spacing:-.02em;font-size:clamp(26px,3.4vw,36px)}.pbanner-en{font:600 12px/1 var(--font-display);letter-spacing:.26em;text-transform:uppercase;color:var(--muted)}.pbanner-sum{color:var(--body);max-width:64ch;margin:14px 0 20px;font-size:16px;line-height:1.8}.pbanner-progress{width:100%;max-width:420px}.pbanner-progress .pcard-meta{margin-bottom:8px}.pgrid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:32px;display:grid}.spec-col{grid-column:1/5;position:sticky;top:104px}.pmain{grid-column:5/13;min-width:0}.spec-card{background:var(--glass-bg);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:28px}.spec-card-title{font:600 12px/1 var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}.spec-card dl{gap:18px;margin:0;display:grid}.spec-card dt{font:600 11px/1 var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.spec-card dd{color:var(--ink);margin:0;font-size:15px;font-weight:500;line-height:1.6}.arch{flex-wrap:wrap;align-items:center;row-gap:18px;margin-bottom:8px;display:flex}.arch-node{font:600 13.5px/1 var(--font-display);color:var(--ink);border-radius:var(--r-pill);white-space:nowrap;background:#5ad7f21f;border:1px solid #87c4ed73;padding:11px 20px}.arch-node:nth-of-type(4n+3){background:#70f4bf24;border-color:#70f4bf80}.arch-link{background:linear-gradient(90deg, var(--sky), var(--mint));border-radius:2px;flex:none;width:40px;height:2px;margin:0 6px}.site-footer{padding:64px 0 48px}.footer-inner{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:13.5px;display:flex}.footer-inner .grad-dot{background:var(--grad-pulse);vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:8px;display:inline-block}@media (width<=980px){.hero-inner{grid-template-columns:1fr;gap:8px}.hero-orbs{display:none}.projects{grid-template-columns:1fr}.projects>.pcard:nth-child(2n){margin-top:0}.tile--stat{width:auto;margin-left:0;margin-right:0}.skills-grid{grid-template-columns:1fr;gap:36px}.chapter-grid,.pgrid{grid-template-columns:1fr}.chapter-side,.spec-col{grid-column:1/-1;position:static}.chapter-main,.pmain{grid-column:1/-1}.post-grid{grid-template-columns:minmax(0,65ch);justify-content:center}.post-grid>*,.toc-col{grid-area:auto/1}.toc-col{margin-bottom:40px;position:static}}@media (width<=640px){.site-nav-inner{flex-direction:column;align-items:flex-start;gap:14px;padding-top:18px;padding-bottom:18px}.nav-links{flex-wrap:wrap;gap:12px 22px}.hero{padding:36px 0 56px}.section{padding:52px 0}.pcard,.tile{padding:24px 22px}.pbanner{margin:32px 0 48px;padding:28px 24px}.feat-card{padding:22px 20px 22px 26px}.crow-title{white-space:normal}.pn-nav{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.aurora{animation:none}.js [data-reveal]{opacity:1}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.admin-layout{grid-template-columns:220px 1fr;align-items:start;gap:32px;padding:48px 0 88px;display:grid}.admin-side{background:var(--glass-bg);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);gap:2px;padding:12px;display:grid;position:sticky;top:104px}.tab{color:var(--muted);transition:color var(--t-hover) var(--ease), background var(--t-hover) var(--ease), transform var(--t-hover) var(--ease);border-radius:10px;padding:10px 14px;font-size:14.5px;display:block;position:relative}.tab:hover{color:var(--ink);background:#fff9}.tab:active{transition-duration:var(--t-press);transform:scale(.97)}.tab.is-active{color:var(--ink);background:#5ad7f21f;font-weight:500}.tab.is-active:before{content:"";background:var(--grad-pulse);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.admin-side-note{color:var(--muted);border-top:1px solid #87c4ed40;margin-top:8px;padding:12px 14px 4px;font-size:12px}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.search{min-width:0;font:400 14.5px/1.5 var(--font-body);color:var(--ink);background:var(--glass-bg);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--r-pill);box-shadow:var(--shadow-sm);transition:box-shadow var(--t-hover) var(--ease), border-color var(--t-hover) var(--ease);outline:none;flex:220px;padding:10px 18px}.search::placeholder{color:var(--muted)}.search:focus-visible{border-color:var(--cyan);outline:none;box-shadow:0 0 0 3px #5ad7f240}.chip{font:500 13px/1 var(--font-body);color:var(--body);border:1px solid var(--glass-border);border-radius:var(--r-pill);cursor:pointer;transition:background var(--t-hover) var(--ease), color var(--t-hover) var(--ease), transform var(--t-hover) var(--ease);background:#ffffff8c;padding:8px 14px}.chip:hover{color:var(--ink);background:#ffffffd9}.chip:active{transition-duration:var(--t-press);transform:scale(.97)}.chip.is-active{color:#0b7d9b;background:#5ad7f229;border-color:#5ad7f266;font-weight:600}.btn-grad{font:600 14px/1 var(--font-display);color:var(--ink);background:var(--grad-pulse);border-radius:var(--r-pill);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--t-hover) var(--ease), box-shadow var(--t-hover) var(--ease);border:none;align-items:center;gap:8px;padding:11px 22px;display:inline-flex}.btn-grad:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-grad:active{transition-duration:var(--t-press);transform:translateY(-2px)scale(.97)}.panel{background:var(--glass-bg);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);overflow:hidden}.admin-table{border-collapse:collapse;width:100%;font-size:14.5px}.admin-table th{font:600 12px/1.6 var(--font-display);letter-spacing:.12em;text-transform:uppercase;text-align:left;color:var(--muted);border-bottom:1px solid #87c4ed4d;padding:14px 16px}.admin-table td{color:var(--body);vertical-align:middle;border-bottom:1px solid #87c4ed2e;padding:13px 16px}.admin-table tbody tr{transition:background var(--t-hover) var(--ease)}.admin-table tbody tr:hover{background:#ffffff8c}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table{table-layout:fixed}.admin-table th:first-child{width:auto}.admin-table th:nth-child(2){width:96px}.admin-table th:nth-child(3){width:150px}.admin-table th:nth-child(4){width:110px}.admin-table th:nth-child(5){width:88px}.admin-table th:nth-child(6){width:64px}.admin-table th:nth-child(7){width:118px}.admin-table .cell-title{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:500;overflow:hidden}.admin-table .ops{white-space:nowrap}.admin-table .cell-proj{color:var(--muted);white-space:nowrap;font-size:13px}.admin-table .cell-date{font:400 12.5px/1 var(--font-mono);color:var(--muted);white-space:nowrap}.admin-table .ops a{color:#0e9fc4;transition:color var(--t-hover) var(--ease);margin-right:12px;font-size:13px}.admin-table .ops a:hover{color:var(--ink)}.admin-table .ops a.danger{color:#b4552d}.badge--draft{color:#475569;background:#94a3b826}.toggle{border-radius:var(--r-pill);cursor:pointer;width:36px;height:20px;transition:background var(--t-hover) var(--ease), transform var(--t-hover) var(--ease);background:#94a3b84d;border:none;padding:0;position:relative}.toggle:after{content:"";width:16px;height:16px;transition:transform var(--t-hover) var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #0f172a2e}.toggle.is-on{background:var(--grad-pulse)}.toggle.is-on:after{transform:translate(16px)}.toggle:active{transition-duration:var(--t-press);transform:scale(.94)}.admin-foot{justify-content:space-between;align-items:center;gap:16px;margin-top:24px;display:flex}.pager{align-items:center;gap:6px;display:flex}.pager a{font:500 12.5px/1 var(--font-mono);color:var(--muted);transition:background var(--t-hover) var(--ease), color var(--t-hover) var(--ease), transform var(--t-hover) var(--ease);border-radius:10px;padding:8px 12px}.pager a:hover{color:var(--ink);background:#ffffffb3}.pager a:active{transition-duration:var(--t-press);transform:scale(.94)}.pager a.is-current{color:#0b7d9b;background:#5ad7f229;font-weight:600}@media (width<=980px){.admin-layout{grid-template-columns:1fr}.admin-side{flex-wrap:wrap;gap:4px;display:flex;position:static}.admin-side-note{display:none}}@media (width<=640px){.admin-table .cell-proj,.admin-table th:nth-child(3){display:none}.admin-foot{flex-direction:column;align-items:stretch}}.admin-panel[hidden]{display:none}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.panel-head .section-head{margin-bottom:0}.panel-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn-soft{font:500 13px/1 var(--font-body);color:var(--body);background:var(--glass-bg);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-sm);transition:transform var(--t-hover) var(--ease), box-shadow var(--t-hover) var(--ease), color var(--t-hover) var(--ease);align-items:center;padding:9px 16px;display:inline-flex}.btn-soft:hover{color:var(--ink);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-soft:active{transition-duration:var(--t-press);transform:translateY(-2px)scale(.97)}.btn-soft.danger{color:#b4552d}.fgroup{background:var(--glass-bg);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);margin-bottom:24px;padding:26px 28px}.fgroup-title{font:600 12px/1 var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;margin-bottom:18px;display:flex}.fgroup-title:before{content:"";background:var(--grad-pulse);border-radius:2px;width:16px;height:3px}.frow{grid-template-columns:repeat(2,1fr);gap:16px 20px;display:grid}.frow--single{grid-template-columns:1fr}.fitem{gap:6px;min-width:0;display:grid}.fitem>span{color:var(--muted);font-size:13px}.fitem .hint{color:var(--muted);font-size:12px}.input,.select,.textarea{width:100%;font:400 14.5px/1.6 var(--font-body);color:var(--ink);border:1px solid var(--glass-border);transition:border-color var(--t-hover) var(--ease), box-shadow var(--t-hover) var(--ease);background:#fff9;border-radius:12px;outline:none;padding:9px 14px}.textarea{resize:vertical;min-height:84px;font-family:var(--font-body)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{border-color:var(--cyan);outline:none;box-shadow:0 0 0 3px #5ad7f240}.input.mono-field,.textarea.mono-field{font-family:var(--font-mono);font-size:13px}.proj-admin-grid{grid-template-columns:340px 1fr;align-items:start;gap:24px;display:grid}.proj-list{gap:12px;display:grid}.proj-row{text-align:left;background:var(--glass-bg);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--t-hover) var(--ease), box-shadow var(--t-hover) var(--ease), border-color var(--t-hover) var(--ease);padding:16px 18px;display:block}.proj-row:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.proj-row:active{transition-duration:var(--t-press);transform:translateY(-2px)scale(.98)}.proj-row.is-active{box-shadow:var(--shadow-md);border-color:#5ad7f28c}.proj-row-head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.proj-row-head b{color:var(--ink);font-size:15px;font-weight:600}.proj-row-head .status-chip{margin-left:auto}.proj-row-meta{font:400 11.5px/1 var(--font-mono);color:var(--muted);justify-content:space-between;margin-bottom:8px;display:flex}.proj-row .ptrack{width:100%;height:4px;display:block;overflow:hidden}.proj-row .pfill{max-width:100%;display:block}.proj-row{min-width:0}.proj-row-head b{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.proj-row-meta{min-width:0}.media-tools{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.media-tools .fitem{min-width:150px}.media-summary{color:var(--muted);margin-left:auto;font-size:13px}.dropzone{border-radius:var(--r-lg);backdrop-filter:blur(8px);cursor:pointer;width:100%;color:var(--body);transition:border-color var(--t-hover) var(--ease), background var(--t-hover) var(--ease), transform var(--t-hover) var(--ease);background:#ffffff73;border:1.5px dashed #5ad7f28c;justify-items:center;gap:6px;margin-bottom:24px;padding:34px 20px;display:grid}.dropzone strong{color:var(--ink);font-size:16px;font-weight:600}.dropzone span{color:var(--muted);font-size:13px}.dropzone:hover{border-color:var(--cyan);background:#ffffffb3}.dropzone:active{transition-duration:var(--t-press);transform:scale(.99)}.media-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.media-card{background:var(--glass-bg);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);transition:transform var(--t-hover) var(--ease), box-shadow var(--t-hover) var(--ease);padding:10px}.media-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.media-thumb{border-radius:10px;height:88px;margin-bottom:8px}.media-name{font:400 11.5px/1.4 var(--font-mono);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-size{font:400 11px/1.4 var(--font-mono);color:var(--muted)}.media-ops{gap:10px;margin-top:6px;display:flex}.media-ops a{color:#0e9fc4;font-size:12px}.media-ops a:hover{color:var(--ink)}@media (width<=980px){.proj-admin-grid{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,1fr)}.frow{grid-template-columns:1fr}}@media (width<=640px){.media-grid{grid-template-columns:1fr 1fr}.panel-head{flex-direction:column}}.prose h1{letter-spacing:-.01em;margin:48px 0 16px;font-size:28px}.prose strong{color:var(--ink);font-weight:600}.prose a{color:#0e9fc4;text-underline-offset:3px;text-decoration:underline #5ad7f299}.prose a:hover{text-decoration-color:currentColor}.prose img.article-image{border-radius:var(--r-md);max-width:100%;height:auto;box-shadow:var(--shadow-sm);margin:0 auto 26px;display:block}.article-image-error{font:400 13px/1.6 var(--font-mono);color:#b4552d;background:#f9f8714d;border-radius:6px;padding:2px 8px}.toc a.toc-sub{padding-left:14px;font-size:12.5px}.empty-note{color:var(--muted);border-radius:var(--r-md);background:#87c4ed1a;border:1px dashed #87c4ed73;padding:16px 20px;font-size:14.5px}.tile h3{letter-spacing:-.01em;margin-bottom:12px;font-size:18px}.tile .crow{margin:0 -10px}