:root{--bg:#050914;--bg2:#071322;--panel:rgba(10,20,36,.84);--panel2:rgba(14,29,52,.92);--cyan:#00e5ff;--pink:#ff005d;--lime:#9dff00;--text:#f4fbff;--muted:#91a8bb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,"Segoe UI",system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at 18% 8%,rgba(0,229,255,.18),transparent 30%),radial-gradient(circle at 84% 22%,rgba(255,0,93,.15),transparent 28%),radial-gradient(circle at 50% 85%,rgba(157,255,0,.06),transparent 30%),linear-gradient(180deg,var(--bg),var(--bg2) 58%,#03060d);overflow-x:hidden}a{color:inherit}.progress{position:fixed;top:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,var(--pink),var(--cyan),var(--lime));box-shadow:0 0 13px rgba(0,229,255,.74),0 0 24px rgba(255,0,93,.18);clip-path:inset(0 100% 0 0);z-index:100;animation:progress auto linear both,progressBreathe 3.2s ease-in-out infinite;animation-timeline:scroll(),auto}@keyframes progress{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes progressBreathe{0%,100%{filter:brightness(1);box-shadow:0 0 13px rgba(0,229,255,.74),0 0 24px rgba(255,0,93,.18)}50%{filter:brightness(1.32);box-shadow:0 0 20px rgba(0,229,255,.95),0 0 36px rgba(255,0,93,.34),0 0 18px rgba(157,255,0,.22)}}.particles{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.particle{position:absolute;width:4px;height:4px;background:var(--cyan);box-shadow:0 0 16px var(--cyan);opacity:.45;animation:floatParticle linear infinite}.particle:nth-child(2n){background:var(--pink);box-shadow:0 0 16px var(--pink)}.particle:nth-child(3n){background:var(--lime);box-shadow:0 0 16px var(--lime)}.particle:nth-child(1){left:6%;top:92%;animation-duration:16s}.particle:nth-child(2){left:14%;top:88%;animation-duration:22s}.particle:nth-child(3){left:23%;top:94%;animation-duration:18s}.particle:nth-child(4){left:37%;top:90%;animation-duration:25s}.particle:nth-child(5){left:49%;top:96%;animation-duration:19s}.particle:nth-child(6){left:58%;top:89%;animation-duration:23s}.particle:nth-child(7){left:71%;top:93%;animation-duration:17s}.particle:nth-child(8){left:82%;top:91%;animation-duration:21s}.particle:nth-child(9){left:91%;top:95%;animation-duration:24s}.particle:nth-child(10){left:67%;top:98%;animation-duration:20s}.particle:nth-child(11){left:31%;top:99%;animation-duration:26s}.particle:nth-child(12){left:44%;top:97%;animation-duration:18s}@keyframes floatParticle{from{transform:translate3d(0,20px,0) scale(.75);opacity:0}10%{opacity:.55}80%{opacity:.45}to{transform:translate3d(18px,-115vh,0) scale(1.25);opacity:0}}.topbar{position:sticky;top:0;z-index:20;backdrop-filter:blur(18px);background:rgba(4,9,18,.78);border-bottom:1px solid rgba(0,229,255,.22)}.topbar-inner,.shell{width:min(1200px,calc(100% - 32px));margin:0 auto}.topbar-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;font-weight:950;text-transform:uppercase;letter-spacing:.15em;color:var(--text)}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{color:var(--muted);text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:.82rem;font-weight:800}.hero{position:relative;display:grid;place-items:center;min-height:54vh;overflow:hidden;border-bottom:1px solid rgba(0,229,255,.25);z-index:1}.hero-grid{position:absolute;inset:0;background:linear-gradient(rgba(0,229,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.055) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at center,black,transparent 72%);animation:gridDrift 18s linear infinite}@keyframes gridDrift{to{transform:translateY(54px)}}.breathing-border{position:relative;border:1px solid rgba(0,229,255,.45);animation:borderBreathe 5.5s ease-in-out infinite}@keyframes borderBreathe{0%,100%{border-color:rgba(0,229,255,.45);box-shadow:0 0 16px rgba(0,229,255,.2),inset 0 0 28px rgba(0,229,255,.035)}35%{border-color:rgba(255,0,93,.48);box-shadow:0 0 22px rgba(255,0,93,.22)}70%{border-color:rgba(157,255,0,.42);box-shadow:0 0 18px rgba(157,255,0,.16)}}.hero-card{position:relative;width:min(1080px,calc(100% - 32px));padding:clamp(34px,7vw,86px);background:linear-gradient(135deg,rgba(10,20,36,.88),rgba(4,9,18,.76));box-shadow:inset 0 0 70px rgba(0,229,255,.06),0 0 50px rgba(0,0,0,.55);overflow:hidden}.corner{position:absolute;width:70px;height:70px;color:var(--cyan)}.tl{top:16px;left:16px;border-top:2px solid currentColor;border-left:2px solid currentColor}.tr{top:16px;right:16px;border-top:2px solid currentColor;border-right:2px solid currentColor}.bl{bottom:16px;left:16px;border-bottom:2px solid currentColor;border-left:2px solid currentColor}.br{bottom:16px;right:16px;border-bottom:2px solid currentColor;border-right:2px solid currentColor}.transmission,.mini-label{color:var(--cyan);font-weight:900;letter-spacing:.22em;text-transform:uppercase;font-size:.85rem;text-shadow:0 0 14px rgba(0,229,255,.6)}.title{max-width:960px;font-size:clamp(3.1rem,9vw,8.8rem);line-height:.82;font-weight:1000;letter-spacing:-.08em;text-transform:uppercase}.subtitle{max-width:760px;margin-top:24px;color:#c1d3e2;font-size:clamp(1rem,2vw,1.22rem);line-height:1.75}.chip{display:inline-flex;margin:8px 8px 0 0;border:1px solid rgba(0,229,255,.3);background:rgba(0,229,255,.075);padding:8px 11px;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.chip.pink{border-color:rgba(255,0,93,.42);background:rgba(255,0,93,.08)}.content-wrap{display:grid;grid-template-columns:250px minmax(0,1fr);gap:34px;padding:46px 0;align-items:start;position:relative;z-index:1}.toc{position:sticky;top:104px;background:rgba(5,11,22,.76);padding:20px}.toc h2{color:var(--cyan);font-size:.85rem;text-transform:uppercase;letter-spacing:.16em}.toc a{display:block;text-decoration:none;color:var(--muted);font-size:.9rem;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}.article-panel,.card,.auth-card{background:var(--panel);border:1px solid rgba(0,229,255,.18);padding:clamp(24px,5vw,58px);box-shadow:0 0 44px rgba(0,0,0,.33)}.article-panel p{color:#c4d5e3;line-height:1.9;font-size:1.04rem;margin:0 0 22px}.article-panel h2{display:flex;align-items:center;gap:14px;margin:54px 0 18px;font-size:clamp(1.55rem,3vw,2.55rem);text-transform:uppercase}.article-panel h2:before{content:"";width:46px;height:2px;background:linear-gradient(90deg,var(--pink),var(--cyan));box-shadow:0 0 14px var(--cyan)}.article-panel h3{margin:34px 0 12px;color:var(--cyan);text-transform:uppercase;letter-spacing:.08em}.quote{margin:34px 0;padding:28px;border:1px solid rgba(255,0,93,.24);background:linear-gradient(135deg,rgba(255,0,93,.11),rgba(0,229,255,.055));font-size:clamp(1.35rem,3vw,2.1rem);font-weight:950;line-height:1.25;text-transform:uppercase;box-shadow:0 0 28px rgba(255,0,93,.12)}.quote:before{content:"QUOTE_CAPTURED";display:block;color:var(--pink);font-size:.72rem;letter-spacing:.18em;margin-bottom:12px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:34px 0}.metric{background:rgba(2,7,14,.58);border:1px solid rgba(0,229,255,.17);padding:20px}.metric strong{display:block;color:var(--cyan);font-size:2.2rem;text-shadow:0 0 16px rgba(0,229,255,.54)}.metric span{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;margin-top:8px}.image-placeholder{margin:36px 0;min-height:280px;border:1px solid rgba(0,229,255,.2);background:linear-gradient(135deg,rgba(0,229,255,.14),transparent 38%),linear-gradient(315deg,rgba(255,0,93,.13),transparent 42%),#07101d;display:grid;place-items:center}.image-placeholder span{color:var(--cyan);font-weight:950;letter-spacing:.2em;text-transform:uppercase;text-align:center}.caption{color:var(--muted)!important;font-size:.9rem!important;text-align:center}.terminal,.code-block{background:rgba(5,12,17,.84);padding:clamp(20px,4vw,32px);margin:28px 0;color:#c8ff94;font-family:"SFMono-Regular",Consolas,monospace;overflow:auto;box-shadow:inset 0 0 30px rgba(157,255,0,.045)}.code-block{border-left:2px solid rgba(0,229,255,.45)}.graph-card{margin:36px 0;padding:clamp(20px,4vw,32px);background:rgba(2,7,14,.62);border:1px solid rgba(0,229,255,.18);box-shadow:inset 0 0 34px rgba(0,229,255,.045),0 0 30px rgba(0,0,0,.25)}.bar-graph{display:grid;gap:16px;margin-top:16px}.bar-row{display:grid;grid-template-columns:148px minmax(0,1fr)95px;align-items:center;gap:14px;color:#c4d5e3}.bar-track{min-height:22px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);overflow:hidden}.bar-fill{height:22px;width:var(--w);background:linear-gradient(90deg,rgba(255,0,93,.7),rgba(0,229,255,.85),rgba(157,255,0,.58));box-shadow:0 0 18px rgba(0,229,255,.35);animation:barBoot .9s ease-out both}@keyframes barBoot{from{width:0;opacity:.35}to{width:var(--w);opacity:1}}ul.objectives{list-style:none;margin:20px 0;display:grid;gap:13px;padding:0}ul.objectives li{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);padding:14px 16px;color:#c5d5e2}ul.objectives li:before{content:"[ ]";color:var(--pink);margin-right:10px;font-family:Consolas,monospace}ul.objectives li.done:before{content:"[✓]";color:var(--lime)}.table-wrap{overflow:auto;margin:28px 0}table{width:100%;border-collapse:collapse;background:rgba(2,7,14,.5)}th,td{border:1px solid rgba(0,229,255,.18);padding:13px;text-align:left;color:#c4d5e3}th{color:var(--cyan);text-transform:uppercase;letter-spacing:.08em}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:24px;text-decoration:none}.card small{color:var(--pink);text-transform:uppercase;letter-spacing:.15em;font-weight:900}.card h2,.card h3{margin:10px 0}.views{color:var(--lime);font-weight:900}.admin-shell{width:min(1100px,calc(100% - 32px));margin:32px auto}.form-grid{display:grid;gap:14px}input,textarea,select,button{font:inherit}input,textarea,select{width:100%;background:rgba(2,7,14,.8);border:1px solid rgba(0,229,255,.28);color:var(--text);padding:12px}textarea{min-height:420px;font-family:Consolas,monospace}.btn,button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid var(--cyan);color:var(--text);text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-weight:900;background:rgba(0,229,255,.09);cursor:pointer}.danger{border-color:var(--pink);background:rgba(255,0,93,.12)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.hint{color:var(--muted);line-height:1.6}.admin-table form{display:inline}.auth-card{max-width:460px;margin:15vh auto}.error{color:#ffb3ca}@media(max-width:900px){.topbar-inner{align-items:flex-start;flex-direction:column;padding:16px 0}.content-wrap,.grid,.metrics{grid-template-columns:1fr}.toc{position:static}.bar-row{grid-template-columns:1fr;gap:8px}.hero{min-height:auto;padding:48px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Homepage: Glitchout production layout — hero + database articles only */
:root{
  --home-bg:#08111f;
  --home-panel:rgba(13,24,42,.84);
  --home-white:#f5fbff;
  --home-muted:#8fa3b8;
  --home-line:rgba(0,229,255,.35);
  --home-shadow-cyan:0 0 22px rgba(0,229,255,.38);
  --home-shadow-pink:0 0 22px rgba(255,0,93,.34);
}
body.home-page,
body:has(.home-site){
  background:
    radial-gradient(circle at 15% 10%,rgba(0,229,255,.15),transparent 32%),
    radial-gradient(circle at 82% 16%,rgba(255,0,93,.13),transparent 30%),
    linear-gradient(180deg,#060d19 0%,var(--home-bg) 56%,#050912 100%);
}
body.home-page .topbar,
body:has(.home-site) .topbar{
  position:sticky;
  background:rgba(4,9,18,.86);
  box-shadow:0 0 26px rgba(0,229,255,.16);
  border-bottom:1px solid rgba(0,229,255,.26);
}
body.home-page .topbar-inner,
body:has(.home-site) .topbar-inner{
  width:min(1180px,calc(100% - 32px));
  min-height:74px;
}
body.home-page .brand,
body:has(.home-site) .brand{
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(245,251,255,.9);
  border-radius:4px;
  padding:4px 8px;
  line-height:1;
  box-shadow:0 0 18px rgba(0,229,255,.18),0 0 16px rgba(255,0,93,.12);
  letter-spacing:.18em;
  background:rgba(3,8,16,.45);
}
body.home-page nav a:hover,
body:has(.home-site) nav a:hover{
  color:var(--cyan);
  text-shadow:0 0 10px var(--cyan);
}
.home-site{
  width:min(1180px,calc(100% - 32px));
  margin:0 auto;
  padding:28px 0 60px;
  position:relative;
  z-index:1;
}
.home-hero{
  position:relative;
  overflow:hidden;
  border:1px solid var(--home-line);
  background:linear-gradient(135deg,rgba(13,24,42,.92),rgba(9,16,30,.76));
  padding:clamp(34px,6vw,74px);
  box-shadow:inset 0 0 60px rgba(0,229,255,.06),var(--home-shadow-cyan),var(--home-shadow-pink);
  margin:0 0 32px;
}
.home-hero::before,
.home-hero::after{
  content:"";
  position:absolute;
  inset:14px;
  border:1px solid rgba(255,0,93,.35);
  pointer-events:none;
  clip-path:polygon(0 0,72% 0,72% 10px,100% 10px,100% 100%,24% 100%,24% calc(100% - 10px),0 calc(100% - 10px));
}
.home-hero::after{
  inset:20px;
  border-color:rgba(0,229,255,.38);
  transform:translate(3px,-3px);
}
.home-hero-frame{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent,rgba(0,229,255,.06),transparent),
    radial-gradient(circle at 20% 20%,rgba(0,229,255,.12),transparent 36%),
    radial-gradient(circle at 88% 18%,rgba(255,0,93,.12),transparent 34%);
  opacity:.9;
}
.home-hero>*:not(.home-hero-frame){position:relative;z-index:1}
.home-eyebrow{
  color:var(--cyan);
  font-weight:800;
  letter-spacing:.22em;
  text-transform:uppercase;
  margin-bottom:14px;
  text-shadow:0 0 12px rgba(0,229,255,.6);
}
.home-glitch{
  max-width:840px;
  margin:0;
  font-size:clamp(3rem,9vw,7rem);
  line-height:.9;
  font-weight:950;
  letter-spacing:0;
  text-transform:uppercase;
  text-shadow:0 0 22px rgba(0,229,255,.18);
}
.home-hero p{
  max-width:760px;
  margin:22px 0 0;
  color:#bdd0e2;
  font-size:clamp(1rem,2vw,1.18rem);
  line-height:1.75;
}
.home-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:30px;
}
.home-actions .btn{
  min-height:46px;
  padding:0 18px;
  box-shadow:0 0 18px rgba(0,229,255,.22);
  transition:transform .2s ease,box-shadow .2s ease;
}
.home-actions .btn:hover{
  transform:translateY(-2px);
  box-shadow:0 0 26px rgba(0,229,255,.5);
}
.home-posts{
  margin-top:0;
}
.home-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.home-card,
.home-empty{
  border:1px solid rgba(0,229,255,.26);
  background:var(--home-panel);
  box-shadow:0 0 36px rgba(0,0,0,.24);
  backdrop-filter:blur(12px);
}
.home-card{
  display:flex;
  flex-direction:column;
  padding:22px;
  min-height:210px;
  text-decoration:none;
  position:relative;
  overflow:hidden;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.home-card:hover{
  transform:translateY(-3px);
  border-color:rgba(255,0,93,.42);
  box-shadow:0 0 36px rgba(255,0,93,.16),0 0 30px rgba(0,229,255,.14);
}
.home-card::after{
  content:"";
  position:absolute;
  width:90px;
  height:2px;
  right:18px;
  bottom:18px;
  background:linear-gradient(90deg,transparent,var(--pink),var(--cyan));
  animation:homeLineBlink 1.6s infinite;
}
.home-card small{
  color:var(--pink);
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:800;
}
.home-card h2{
  margin:12px 0;
  font-size:1.3rem;
  line-height:1.2;
}
.home-card p{
  color:var(--home-muted);
  line-height:1.65;
  margin:0 0 12px;
}
.home-card .views{
  color:var(--lime);
  font-weight:900;
  margin-top:auto;
  padding-top:14px;
}
.home-empty{
  padding:clamp(26px,4vw,42px);
  min-height:190px;
}
.home-empty h2{
  margin:0 0 12px;
  text-transform:uppercase;
}
.home-empty p{
  color:var(--home-muted);
  margin:0;
}
.post-loader{min-height:78px;display:grid;place-items:center;color:var(--muted);text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:900}
.post-loader span{display:inline-flex;align-items:center;gap:12px}
.post-loader span:before{content:"";width:10px;height:10px;border:1px solid rgba(0,229,255,.7);background:rgba(0,229,255,.12);box-shadow:0 0 14px rgba(0,229,255,.35)}
.post-loader.is-loading span:before{animation:loaderPulse .9s ease-in-out infinite alternate}
.post-loader.is-complete{color:rgba(143,163,184,.72)}
.articles-site{position:relative;z-index:1;padding:34px 0 62px}
.articles-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);align-items:end;gap:24px;margin:0 0 18px;padding:clamp(24px,5vw,44px);border:1px solid rgba(0,229,255,.28);background:linear-gradient(135deg,rgba(13,24,42,.9),rgba(5,11,22,.72));box-shadow:inset 0 0 48px rgba(0,229,255,.045),0 0 34px rgba(0,0,0,.24)}
.articles-head h1{margin:8px 0 0;font-size:clamp(2.2rem,6vw,5.2rem);line-height:.9;text-transform:uppercase;letter-spacing:0}
.articles-summary{max-width:640px;margin:16px 0 0;color:#bdd0e2;line-height:1.65}
.articles-language{margin:0}
.category-filter{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px;padding:14px;border:1px solid rgba(0,229,255,.18);border-top:0;background:rgba(5,11,22,.62)}
.category-filter a{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border:1px solid rgba(0,229,255,.24);background:rgba(0,229,255,.055);color:var(--muted);text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:.76rem;font-weight:900}
.category-filter a.active{border-color:rgba(157,255,0,.55);background:rgba(157,255,0,.12);color:var(--text);box-shadow:0 0 16px rgba(157,255,0,.12)}
@keyframes loaderPulse{
  from{transform:scale(.72);opacity:.45}
  to{transform:scale(1.2);opacity:1}
}
@keyframes homeLineBlink{
  0%,100%{opacity:.25}
  50%{opacity:1}
}
@media(max-width:980px){
  .home-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .home-cards{grid-template-columns:1fr}
  .home-site{padding-top:18px}
  .articles-head{grid-template-columns:1fr}
  body.home-page .topbar-inner,
  body:has(.home-site) .topbar-inner{
    align-items:flex-start;
    flex-direction:column;
    padding:16px 0;
  }
}
@media(prefers-reduced-motion:reduce){
  .home-glitch,
  .home-glitch::before,
  .home-glitch::after,
  .home-card::after{animation:none!important}
}

ul.objectives li.done:before{content:"[x]";color:var(--lime)}
.readable-list{display:grid;gap:12px;margin:24px 0;padding:0;list-style:none}
.readable-list li{position:relative;padding:14px 16px 14px 42px;border:1px solid rgba(0,229,255,.16);background:rgba(255,255,255,.035);color:#c5d5e2;line-height:1.65}
.readable-list li:before{content:"";position:absolute;left:16px;top:1.55em;width:10px;height:10px;background:linear-gradient(135deg,var(--pink),var(--cyan));box-shadow:0 0 14px rgba(0,229,255,.45)}
.readable-sublist{display:grid;gap:8px;margin:12px 0 2px 0;padding:10px 0 0 18px;list-style:none;border-left:2px solid rgba(0,229,255,.38)}
.readable-list .readable-sublist li{padding:8px 12px 8px 24px;border-color:rgba(255,255,255,.08);background:rgba(0,229,255,.045);font-size:.94rem;color:#aebfcd}
.readable-list .readable-sublist li:before{left:8px;top:1.2em;width:7px;height:7px;background:var(--lime);box-shadow:0 0 10px rgba(157,255,0,.35)}
.category-divider{display:flex;align-items:center;gap:14px;margin:46px 0 10px;color:var(--text);text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:950}
.category-divider:before,.category-divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,rgba(255,0,93,.18),rgba(0,229,255,.72),rgba(157,255,0,.24));box-shadow:0 0 14px rgba(0,229,255,.22)}
.category-divider span{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid rgba(0,229,255,.34);background:rgba(0,229,255,.08);box-shadow:0 0 18px rgba(0,229,255,.12)}
.event-entry{position:relative;margin:42px 0;padding:0;border:1px solid rgba(0,229,255,.28);background:linear-gradient(135deg,rgba(0,229,255,.045),rgba(255,0,93,.035));box-shadow:inset 0 0 34px rgba(0,229,255,.035),0 0 28px rgba(0,0,0,.22)}
.event-entry:before{content:"";position:absolute;inset:10px;pointer-events:none;border-left:2px solid rgba(255,0,93,.55);border-right:2px solid rgba(157,255,0,.38)}
.event-body{position:relative;z-index:1;padding:4px clamp(18px,4vw,34px) 10px}
.post-meta{color:var(--cyan)!important;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}
.switch-row,.language-picker{display:flex;gap:8px;flex-wrap:wrap}
.switch-row a,.language-picker a{display:inline-flex;align-items:center;min-height:34px;padding:0 10px;border:1px solid rgba(0,229,255,.25);color:var(--muted);text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;font-weight:900;background:rgba(0,229,255,.055)}
.switch-row a.active,.language-picker a.active{border-color:rgba(157,255,0,.55);color:var(--text);background:rgba(157,255,0,.12);box-shadow:0 0 16px rgba(157,255,0,.14)}
.language-picker{margin-top:22px}
.language-form select{margin-top:8px}
.translation-pane{display:grid;gap:14px;border:1px solid rgba(0,229,255,.14);background:rgba(255,255,255,.025);padding:18px}
.translation-pane[hidden]{display:none}
.translation-pane h2{margin:0;color:var(--cyan);text-transform:uppercase;letter-spacing:.1em;font-size:1rem}

.article-column{display:grid;gap:18px;min-width:0}
.article-hero{min-height:auto;border-bottom:0;place-items:stretch}
.article-hero .hero-card{width:100%;padding:clamp(28px,5vw,62px)}
.article-hero .title{font-size:clamp(2.4rem,7vw,6.8rem)}
.article-console{display:grid;grid-template-columns:minmax(128px,.38fr) auto minmax(210px,.62fr);align-items:center;gap:14px;padding:14px;border:1px solid rgba(0,229,255,.2);background:linear-gradient(135deg,rgba(5,11,22,.82),rgba(9,18,32,.72));box-shadow:0 0 34px rgba(0,0,0,.22)}
.view-counter{min-height:54px;display:grid;align-content:center;border:1px solid rgba(255,0,93,.3);background:rgba(255,0,93,.075);padding:9px 12px}
.view-counter span,.article-language label{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;font-weight:900}
.view-counter strong{color:var(--lime);font-size:1.35rem;line-height:1.1;text-shadow:0 0 12px rgba(157,255,0,.35)}
.article-switch{justify-content:center}
.article-switch a{min-height:40px;padding:0 14px}
.article-language{display:grid;grid-template-columns:auto minmax(130px,1fr);align-items:center;gap:10px;margin:0}
.article-language select{height:42px;margin:0;padding:8px 34px 8px 10px}
.toc a[href^="#"]{overflow-wrap:anywhere}
.toc .toc-level-2{padding-left:18px;font-size:.82rem;color:#a9bac8}
.toc .toc-level-2:before{content:"";display:inline-block;width:12px;height:1px;margin-right:8px;vertical-align:middle;background:rgba(0,229,255,.45)}
.article-panel h2,.article-panel h3{scroll-margin-top:104px}
@media(max-width:900px){
  .article-console{grid-template-columns:1fr}
  .article-switch{justify-content:flex-start}
  .article-language{grid-template-columns:1fr}
}

.brand.brand-icon,
body.home-page .brand.brand-icon,
body:has(.home-site) .brand.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:clamp(150px,18vw,230px);height:54px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;letter-spacing:0}
.brand-icon img{display:block;width:100%;height:100%;object-fit:contain}
.home-glitch{position:relative;letter-spacing:0;animation:none!important;text-shadow:0 0 22px rgba(0,229,255,.18)}
.home-glitch::before,.home-glitch::after{content:none!important;animation:none!important}
.event-entry:after{content:"";position:absolute;left:10px;right:10px;bottom:10px;height:1px;background:linear-gradient(90deg,var(--pink),var(--cyan),var(--lime));opacity:.55}
.event-body{padding:clamp(18px,4vw,34px)}
.feedback-form{display:grid;gap:14px;margin:36px 0;padding:clamp(18px,4vw,30px);border:1px solid rgba(0,229,255,.24);background:linear-gradient(135deg,rgba(0,229,255,.06),rgba(255,0,93,.045));box-shadow:inset 0 0 30px rgba(0,229,255,.035)}
.feedback-form h3{margin:0;color:var(--cyan)}
.feedback-form label{display:grid;gap:8px;color:#c4d5e3;font-weight:800}
.field-label{display:flex;justify-content:space-between;gap:12px;align-items:center}
.field-label em{font-style:normal;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:950}
.feedback-form textarea{min-height:150px}
.feedback-privacy{font-size:.86rem!important;color:var(--muted)!important;margin:0!important}
.notice-panel{padding:14px 16px;border:1px solid rgba(157,255,0,.4);background:rgba(157,255,0,.1);color:var(--text);font-weight:900}
.article-panel .article-preview{position:relative;z-index:1;display:grid;gap:8px;margin:30px 0;padding:20px;border:1px solid rgba(0,229,255,.24);background:rgba(2,7,14,.58);text-decoration:none;box-shadow:0 0 28px rgba(0,0,0,.22);transform:scale(1);transform-origin:center;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;will-change:transform}
.article-panel .article-preview:hover,.article-panel .article-preview:focus-visible{z-index:20;transform:scale(1.08)!important;border-color:rgba(0,229,255,.56);box-shadow:0 0 42px rgba(0,229,255,.22),0 0 34px rgba(255,0,93,.14)}
.article-preview span{color:var(--pink);text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;font-weight:950}
.article-preview strong{color:var(--text);font-size:1.25rem}
.article-preview em{color:var(--muted);font-style:normal;line-height:1.6}
.feedback-fields{min-width:240px;background:transparent}
.feedback-fields th,.feedback-fields td{padding:8px 10px;border-color:rgba(255,255,255,.09);vertical-align:top}
.feedback-fields th{width:34%;color:var(--pink);font-size:.78rem}
.feedback-fields td{white-space:pre-wrap;overflow-wrap:anywhere}
.json-cell{white-space:pre-wrap;min-width:240px;max-width:520px;margin:0;color:#c8ff94;font-size:.84rem}
.privacy-page{position:relative;z-index:1;padding:46px 0 64px}
.privacy-panel{max-width:900px}
.privacy-panel h1{margin:10px 0 24px;font-size:clamp(2.2rem,6vw,5rem);line-height:.92;text-transform:uppercase;letter-spacing:0}
.privacy-panel h2{margin-top:38px}
.cookie-notice{position:fixed;left:50%;right:auto;bottom:18px;z-index:1000;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;width:min(920px,calc(100% - 32px));transform:translateX(-50%);margin:0;padding:14px;border:1px solid rgba(0,229,255,.32);background:rgba(5,11,22,.97);box-shadow:0 0 34px rgba(0,0,0,.45)}
.cookie-notice[hidden]{display:none}
.cookie-notice p{margin:0;color:#c4d5e3;line-height:1.5}
.cookie-notice a{color:var(--cyan);text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;font-weight:900}
.cookie-notice button{min-height:36px;padding:0 12px}
@media(max-width:700px){.cookie-notice{grid-template-columns:1fr;left:12px;right:12px;bottom:12px;width:auto;transform:none}}
