:root{color:#e6eaf2;font-synthesis:none;text-rendering:optimizelegibility;background:#0b0f1a;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#0b0f1a;min-width:320px;margin:0}body,#root{overflow-x:hidden}a{color:inherit}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}.starfield{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.nav,main,.footer{z-index:1;position:relative}.nav{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b0f1ab8;border-bottom:1px solid #e6eaf21a;justify-content:space-between;align-items:center;gap:16px;padding:14px 6vw;display:flex;position:sticky;top:0}.brand{font-weight:700;text-decoration:none}.nav nav{gap:22px;display:flex}.nav a{color:#c9d2e3;text-decoration:none}.nav a:hover{color:#fff}.menu{color:#e6eaf2;background:0 0;border:0;display:none}main{width:min(1120px,100% - 40px);margin:0 auto;padding-bottom:72px}section{padding:72px 0 8px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.04em;font-size:clamp(40px,7vw,76px);line-height:1.05}h2{margin-bottom:24px;font-size:32px}.eyebrow,.muted,time{color:#9aa4b8}.tagline,.bio{color:#d5dced;max-width:680px;font-size:18px}.hero{align-content:center;min-height:calc(100vh - 72px);display:grid}.avatar{background:linear-gradient(160deg,#7c9cff,#31406d);border-radius:24px;place-items:center;width:84px;height:84px;margin-bottom:22px;font-size:36px;font-weight:700;display:grid}.actions,.tags,.contact-links{flex-wrap:wrap;gap:10px;display:flex}.button,.contact-links a,.contact-links button,.admin button,.admin-login button{background:#ffffff0a;border:1px solid #e6eaf229;border-radius:999px;padding:10px 16px;text-decoration:none}.button.primary,.admin .button.primary{color:#0b0f1a;background:#7c9cff;border-color:#0000;font-weight:700}.card{background:#121828c7;border:1px solid #e6eaf21a;border-radius:16px;padding:20px}.about-grid,.cards,.contact-grid{gap:16px;display:grid}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.posts{grid-template-columns:repeat(2,minmax(0,1fr))}.about-grid{grid-template-columns:1.4fr .8fr;align-items:start}.contact-grid{grid-template-columns:.7fr 1.3fr;align-items:start}.contact-grid>.card:first-child{align-self:start}.contact-links{align-content:start;display:grid}.contact-links a,.contact-links button{border-radius:12px;width:fit-content}.timeline{gap:18px;padding:0;list-style:none;display:grid}.timeline li{grid-template-columns:148px minmax(0,1fr);gap:2px 18px;display:grid}.timeline p{grid-column:2;margin:0}.timeline span{color:#7c9cff}.skill-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.skill div:first-child,.project a,.contact-links button{justify-content:space-between;align-items:center;gap:8px;display:flex}.bar{background:#ffffff14;border-radius:99px;height:6px;margin-top:12px}.bar i{border-radius:inherit;background:#7c9cff;height:100%;display:block}.tags span{color:#c9d6ff;background:#7c9cff1f;border-radius:99px;padding:3px 8px;font-size:13px}.project a{color:#7c9cff;width:fit-content;text-decoration:none}form{gap:12px;display:grid}label{color:#c9d2e3;gap:6px;display:grid}input,textarea{background:#0508108c;border:1px solid #e6eaf224;border-radius:10px;width:100%;padding:10px 12px}.success{color:#8ee0b2}.error{color:#ffb4b4}.footer{color:#9aa4b8;justify-content:space-between;gap:12px;width:min(1120px,100% - 40px);margin:0 auto 28px;display:flex}.post{max-width:760px;padding-top:48px}.markdown :is(pre,code){font-family:Consolas,Cascadia Mono,monospace}.markdown pre{background:#070b14;border-radius:12px;padding:14px;overflow-x:auto}.back{color:#7c9cff}.admin,.admin-login{width:min(880px,100% - 32px);margin:32px auto 64px}.admin header,.edit-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin section,.edit-block{gap:10px;margin:16px 0;display:grid}.edit-row input{min-width:0}.status{text-align:center;padding:20vh 0}@media (width<=1024px){.cards,.skill-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.menu{display:grid}.nav nav{background:#0b0f1af5;border-bottom:1px solid #e6eaf21a;padding:12px 6vw 18px;display:none;position:absolute;top:58px;left:0;right:0}.nav nav.open{display:grid}.cards,.posts,.skill-list,.about-grid,.contact-grid,.timeline li,.edit-row{grid-template-columns:1fr}.edit-row,.admin header,.footer{display:grid}section{padding-top:52px}main,.footer{width:min(1120px,100% - 32px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}