: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)}.cover-link{display:block;color:inherit}.post-cover-art{position:relative;isolation:isolate;min-height:178px;margin:-4px 0 20px;overflow:hidden;border:1px solid rgba(0,245,255,.24);border-radius:22px;background:radial-gradient(circle at 18% 18%,rgba(0,245,255,.2),transparent 18rem),radial-gradient(circle at 84% 28%,rgba(255,43,214,.2),transparent 20rem),linear-gradient(135deg,#020712fa,#080518f5);box-shadow:inset 0 0 0 1px #ffffff0b,0 16px 42px #00000057,0 0 34px #00f5ff14}.post-cover-art:before,.post-cover-art:after{content:"";position:absolute;inset:0;pointer-events:none}.post-cover-art:before{z-index:-1;background:linear-gradient(rgba(0,245,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,43,214,.07) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(120deg,rgba(0,0,0,.9),transparent 76%)}.post-cover-art:after{z-index:3;background:linear-gradient(180deg,transparent 54%,rgba(1,5,14,.78)),radial-gradient(circle at 50% 100%,rgba(0,0,0,.52),transparent 58%)}.post-cover-art.is-feature{min-height:clamp(230px,36vw,420px);margin:0 0 28px;border-radius:28px}.cover-link .post-cover-art{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.cover-link:hover .post-cover-art{border-color:#ff2bd680;box-shadow:inset 0 0 0 1px #ffffff0f,0 18px 48px #0006,0 0 42px #ff2bd624;transform:translateY(-2px)}.cover-image-fill{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#01050ec2,#01050e1f 52%,#01050ebd),var(--cover-image) center / cover no-repeat;transform:scale(1.02)}.cover-caption{position:absolute;left:18px;right:18px;bottom:16px;z-index:4;display:flex;align-items:end;justify-content:space-between;gap:14px;margin:0;font-family:Share Tech Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.cover-caption span{color:var(--amber);font-size:.78rem}.cover-caption strong{color:var(--text);font-family:Orbitron,Noto Sans SC,sans-serif;font-size:clamp(.9rem,2vw,1.25rem);text-align:right;text-shadow:2px 0 rgba(255,43,214,.72),-2px 0 rgba(0,245,255,.72)}.cover-pipeline,.cover-encoder,.cover-vault,.cover-memory,.cover-process,.cover-ring,.cover-crab,.cover-heap,.cover-ctf,.cover-stack,.cover-journal,.cover-diagnostic{position:absolute;inset:18px;z-index:1}.cover-pipeline{display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,20px)}.cover-pipeline:before{content:"";position:absolute;left:10%;right:10%;top:50%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),var(--pink),transparent);box-shadow:0 0 20px #00f5ff61}.cover-pipeline span{position:relative;min-width:58px;padding:14px 10px;border:1px solid rgba(0,245,255,.4);border-radius:14px;background:#010914db;color:#bffcff;font-family:Share Tech Mono,monospace;text-align:center;box-shadow:0 0 24px #00f5ff24}.cover-encoder{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;transform:perspective(680px) rotateX(54deg) rotate(-9deg);transform-origin:center 56%}.cover-encoder span,.cover-memory i,.cover-heap span{border:1px solid rgba(0,245,255,.3);border-radius:8px;background:#00f5ff14;color:#e9fbffd1;font-family:Share Tech Mono,monospace;font-size:.74rem;text-align:center}.cover-encoder span{padding:9px 4px}.cover-vault{display:grid;place-items:center}.cover-vault span{position:absolute;border:1px solid rgba(255,224,102,.46);border-radius:999px;box-shadow:0 0 30px #ffe06629}.cover-vault span:nth-child(1){width:min(58%,230px);aspect-ratio:1}.cover-vault span:nth-child(2){width:min(38%,150px);aspect-ratio:1;border-color:#00f5ff75}.cover-vault span:nth-child(3){width:22px;height:92px;border-radius:999px;background:linear-gradient(var(--cyan),var(--pink))}.cover-memory{display:grid;grid-template-columns:repeat(4,minmax(42px,72px));place-content:center end;gap:9px}.cover-memory i{min-height:28px;padding:6px;font-style:normal}.cover-memory .projectile{position:absolute;left:8%;top:40%;width:38%;height:6px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--pink),var(--cyan));box-shadow:0 0 22px #ff2bd670}.cover-memory .projectile:after{content:"";position:absolute;right:-10px;top:-7px;width:20px;height:20px;border-radius:50%;background:var(--cyan);box-shadow:0 0 24px var(--cyan)}.cover-process{display:grid;place-items:center}.cover-process:before{content:"";width:min(74%,380px);height:68%;border:1px dashed rgba(0,245,255,.32);border-radius:45% 55% 48% 52%;transform:rotate(-8deg)}.cover-process span{position:absolute;padding:7px 11px;border:1px solid rgba(255,43,214,.42);border-radius:999px;background:#080518d1;color:#ffd7fb;font-family:Share Tech Mono,monospace}.cover-process span:nth-child(1){left:8%;top:18%}.cover-process span:nth-child(2){right:12%;top:22%}.cover-process span:nth-child(3){left:42%;top:45%}.cover-process span:nth-child(4){left:18%;bottom:22%}.cover-process span:nth-child(5){right:16%;bottom:18%}.cover-ring{display:grid;place-items:center}.cover-ring:before{content:"";width:min(62%,240px);aspect-ratio:1;border:2px solid rgba(0,245,255,.38);border-radius:50%;background:conic-gradient(from 90deg,#00f5ff38,#ff2bd62e,#00f5ff38);box-shadow:inset 0 0 42px #000000ad,0 0 34px #00f5ff2e}.cover-ring span{position:absolute;color:#c6fbff;font-family:Share Tech Mono,monospace}.cover-ring span:nth-child(1){top:18%;left:48%}.cover-ring span:nth-child(2){top:48%;right:18%}.cover-ring span:nth-child(3){bottom:18%;left:47%}.cover-ring span:nth-child(4){top:48%;left:18%}.cover-crab{display:grid;place-items:center}.cover-crab .body{width:min(34%,150px);aspect-ratio:1.35;border:2px solid rgba(255,136,68,.72);border-radius:46% 46% 38% 38%;background:radial-gradient(circle at 50% 18%,#ffe06673,#ff66402e);box-shadow:0 0 40px #ff804038}.cover-crab .claw{position:absolute;top:34%;width:72px;height:72px;border:2px solid rgba(255,136,68,.7);border-radius:50% 50% 16px}.cover-crab .left{left:24%;transform:rotate(-30deg)}.cover-crab .right{right:24%;transform:scaleX(-1) rotate(-30deg)}.cover-crab i,.cover-ctf span,.cover-journal span,.cover-diagnostic span{position:absolute;font-family:Share Tech Mono,monospace;font-style:normal}.cover-crab i:nth-of-type(1){left:14%;top:22%;color:var(--cyan)}.cover-crab i:nth-of-type(2){right:18%;top:18%;color:var(--pink)}.cover-crab i:nth-of-type(3){left:20%;bottom:28%;color:var(--amber)}.cover-crab i:nth-of-type(4){right:22%;bottom:26%;color:var(--cyan)}.cover-heap{display:grid;grid-template-columns:repeat(4,minmax(48px,88px));grid-auto-rows:34px;place-content:center;gap:8px}.cover-heap span{display:grid;place-items:center}.cover-heap span:nth-child(4n+2){background:#ff2bd61f;border-color:#ff2bd65c}.cover-ctf{display:grid;grid-template-columns:repeat(2,minmax(70px,120px));place-content:center;gap:14px}.cover-ctf span{position:static;min-height:48px;display:grid;place-items:center;border:1px solid rgba(0,245,255,.32);clip-path:polygon(0 0,82% 0,100% 50%,82% 100%,0 100%,14% 50%);background:#00f5ff17;color:#d5fdff}.cover-stack{display:flex;align-items:center;justify-content:center;flex-direction:column-reverse;gap:6px}.cover-stack span{width:min(46%,210px);padding:7px;border:1px solid rgba(0,245,255,.34);background:#010914d1;color:#cffcff;font-family:Share Tech Mono,monospace;text-align:center}.cover-stack i{position:absolute;right:18%;top:24%;width:56px;aspect-ratio:1;border:2px solid rgba(255,224,102,.72);border-radius:50%;box-shadow:0 0 28px #ffe0663d}.cover-journal{display:grid;place-items:center}.cover-journal:before{content:"";width:min(52%,230px);height:68%;border:1px solid rgba(255,224,102,.36);border-radius:16px;background:linear-gradient(90deg,#ffe06617 49%,#00f5ff1a 50%);transform:rotate(-5deg);box-shadow:0 16px 34px #00000047}.cover-journal span{padding:5px 10px;border-radius:999px;background:#00f5ff1f;color:#d8fdff}.cover-journal span:nth-child(1){left:22%;top:24%}.cover-journal span:nth-child(2){right:24%;top:32%}.cover-journal span:nth-child(3){left:26%;bottom:28%}.cover-journal span:nth-child(4){right:28%;bottom:22%}.cover-diagnostic{display:flex;align-items:center;justify-content:center;gap:14px}.cover-diagnostic span{position:static;padding:12px 16px;border:1px solid rgba(0,245,255,.34);border-radius:14px;background:#00f5ff1a;color:#a7ffbf;box-shadow:0 0 24px #00ff801f}.card h2,.page-panel h1,.page-panel h2{margin-top:0;color:#f4feff;font-family:Orbitron,Noto Sans SC,sans-serif;line-height:1.12;text-shadow:2px 0 rgba(255,43,214,.48),-2px 0 rgba(0,245,255,.44)}.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}}