:root{--bg: #040712;--panel: rgba(5, 10, 24, .84);--panel-strong: rgba(6, 12, 28, .95);--text: #e9fbff;--muted: #9eb4c6;--cyan: #00f5ff;--pink: #ff2bd6;--amber: #ffe066;--violet: #7d5cff;--line: rgba(0, 245, 255, .28);--bg-body-image: url(/images/cyberpunk-theme/neon-rain-unsplash.jpg);--bg-hero-image: url(/images/cyberpunk-theme/neon-seoul-street-unsplash.jpg);--bg-panel-image: url(/images/cyberpunk-theme/neon-corridor-unsplash.jpg);color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg);overflow-x:hidden}body{margin:0;min-height:100vh;background:linear-gradient(120deg,#03060ff7,#050a18c7 46%,#080412f0),radial-gradient(circle at 16% 12%,rgba(0,245,255,.18),transparent 28rem),radial-gradient(circle at 88% 18%,rgba(255,43,214,.18),transparent 30rem),var(--bg-body-image) center / cover fixed,#040712;color:var(--text);font-family:Rajdhani,Noto Sans SC,sans-serif;font-feature-settings:"palt"}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(0,245,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,43,214,.05) 1px,transparent 1px),radial-gradient(circle at 70% 76%,rgba(125,92,255,.16),transparent 22rem);background-size:42px 42px,42px 42px,auto;mix-blend-mode:screen;opacity:.52}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.035) 0 1px,transparent 1px 5px),linear-gradient(90deg,rgba(0,245,255,.1),transparent 28%,transparent 70%,rgba(255,43,214,.1));opacity:.32}a{color:var(--cyan);text-decoration:none}a:hover{color:var(--pink)}.shell{position:relative;z-index:1;margin:0 auto;width:min(92vw,980px)}.hero{margin:26px auto 28px;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:linear-gradient(90deg,#030712e6,#0307126b 44%,#080412e0),radial-gradient(circle at 28% 32%,rgba(0,245,255,.28),transparent 22rem),var(--bg-hero-image) center 52% / cover no-repeat;box-shadow:0 22px 72px #0000008f,0 0 42px #00f5ff29,0 0 70px #ff2bd61a}.hero-inner{min-height:290px;display:grid;align-content:center;padding:clamp(42px,8vw,92px) clamp(24px,6vw,70px);background:linear-gradient(rgba(0,245,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,43,214,.12) 1px,transparent 1px),linear-gradient(180deg,#0810200a,#02050ead);background-size:30px 30px,30px 30px,auto}.site-title{margin:0;font-family:Orbitron,Noto Sans SC,sans-serif;font-size:clamp(2.2rem,7vw,5.8rem);letter-spacing:.08em;line-height:.95;text-transform:uppercase;text-shadow:3px 0 var(--pink),-3px 0 var(--cyan),0 0 24px rgba(0,245,255,.35)}.site-kicker{margin-top:18px;color:var(--amber);font-family:Share Tech Mono,monospace;letter-spacing:.18em;text-transform:uppercase}.nav{display:flex;flex-wrap:wrap;gap:12px;margin:-8px 0 28px;justify-content:center}.nav a{min-width:96px;padding:12px 16px;border:1px solid rgba(0,245,255,.22);border-radius:999px;background:#081224c7;color:var(--text);font-family:Share Tech Mono,monospace;letter-spacing:.12em;text-align:center;text-transform:uppercase}.nav a:hover{border-color:#ff4fd89e;box-shadow:0 0 24px #ff4fd833}.grid{display:grid;gap:22px}.card,.page-panel{border:1px solid var(--line);border-radius:26px;background:linear-gradient(135deg,#00f5ff1a,#ff2bd60e),linear-gradient(180deg,#030712e0,#030712f0),var(--bg-panel-image) right center / min(46rem,90vw) auto no-repeat,var(--panel);box-shadow:0 18px 58px #00000080,0 0 32px #00f5ff1a,0 0 54px #ff2bd60f;backdrop-filter:blur(18px) saturate(150%)}.card{padding:clamp(22px,3.4vw,34px)}.card h2,.page-panel h1,.page-panel h2{margin-top:0;font-family:Orbitron,Noto Sans SC,sans-serif;line-height:1.12}.card h2{font-size:clamp(1.35rem,2.4vw,2rem)}.meta{display:flex;flex-wrap:wrap;gap:10px 18px;color:var(--muted);font-family:Share Tech Mono,monospace;font-size:.92rem}.description{color:#e9fbffe6;font-size:1.08rem;line-height:1.72;text-autospace:normal}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(0,245,255,.24);border-radius:999px;padding:5px 10px;background:#00f5ff14;color:var(--text);font-family:Share Tech Mono,monospace;font-size:.84rem}.locked{color:var(--amber)}.page-panel{margin-bottom:34px;padding:clamp(24px,4vw,42px)}.post-body{color:#e9fbffeb;font-size:1.08rem;line-height:1.84;overflow-wrap:break-word;text-autospace:normal}.post-body :where(pre,code,kbd,samp){text-autospace:no-autospace}.post-body a{border-bottom:1px dashed rgba(0,245,255,.48);overflow-wrap:anywhere}.post-body img{display:block;max-width:100%;margin:1.6rem auto;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 48px #0000005c}.post-body pre{overflow-x:auto;border:1px solid rgba(0,245,255,.32);border-radius:18px;padding:1.1rem 1.25rem;background:linear-gradient(180deg,#ffffff0e,#fff0 40px),linear-gradient(135deg,#00f5ff1a,#ff2bd614),#010711;box-shadow:0 18px 44px #00000061,0 0 30px #00f5ff14}.post-body code{font-family:Share Tech Mono,monospace}.post-body :not(pre)>code{border:1px solid rgba(0,245,255,.22);border-radius:7px;padding:.1em .36em;background:#00f5ff1a;color:#8ffbff}.footer{padding:32px 0 46px;color:var(--muted);font-family:Share Tech Mono,monospace;text-align:center}@media(max-width:700px){.shell{width:min(94vw,980px)}.hero-inner{min-height:220px}.nav{justify-content:flex-start}}