.posts-main{background:#050906;min-height:75vh}
.posts-hero{padding:clamp(70px,10vw,140px) 8vw 45px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 22%,#d8ff3e12,transparent 45%),linear-gradient(135deg,#0b150d,#050906 70%)}
.posts-hero:after{content:"V/A";position:absolute;right:3vw;bottom:-.23em;font-size:clamp(180px,32vw,440px);font-weight:900;letter-spacing:-.1em;color:#d8ff3e06;pointer-events:none}
.posts-hero h1{font-size:clamp(65px,12vw,150px);line-height:.78;letter-spacing:-.09em;margin:0;color:#e8f4df;position:relative;z-index:1}
.posts-hero h1 em,.posts-content h2 em,.posts-note h2 em{font-style:normal;color:var(--acid)}
.posts-intro{max-width:540px;color:#b4c1b1;font-size:14px;line-height:1.9;margin:32px 0}
.posts-meta{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #d8ff3e35;padding-top:15px;color:#9aa994;font:9px monospace;letter-spacing:1.2px;position:relative;z-index:1}
.posts-content{padding:65px 8vw 100px;background:#070b08}
.posts-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.posts-content h2,.posts-note h2{font-size:clamp(32px,5vw,60px);letter-spacing:-.055em;line-height:.95;margin:0}
.posts-search input{width:min(290px,40vw);background:#080e09;border:1px solid #d8ff3e50;color:#e9f2e8;padding:13px 14px;font:9px monospace;letter-spacing:1px;border-radius:0}
.posts-search input:focus{outline:2px solid var(--acid);outline-offset:3px}
.posts-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.post-card{display:flex;flex-direction:column;min-height:235px;padding:24px;border:1px solid #d8ff3e35;background:linear-gradient(145deg,#101a11,#080c09);transition:border-color .2s,transform .2s}
.post-card:hover{border-color:var(--acid);transform:translateY(-3px)}
.post-card-top{display:flex;justify-content:space-between;gap:12px;color:var(--acid);font:9px monospace;letter-spacing:1px}
.post-category{border:1px solid #d8ff3e45;padding:5px 7px;align-self:flex-start}
.post-card h3{font-size:clamp(22px,3vw,32px);line-height:1.08;letter-spacing:-1px;margin:24px 0 12px;color:#edf4e8}
.post-card p{font-size:12px;line-height:1.8;color:#aab7a7;margin:0 0 25px}
.post-card a{margin-top:auto;color:var(--acid);font-size:9px;letter-spacing:1.5px;text-decoration:none}
.post-card a:hover{text-decoration:underline}
.posts-empty{grid-column:1/-1;padding:45px 24px;border:1px dashed #d8ff3e45;color:#9eae9b;text-align:center;font:10px monospace;letter-spacing:1.5px;line-height:1.9}
.posts-note{display:flex;align-items:center;gap:clamp(25px,7vw,100px);padding:70px 8vw;background:linear-gradient(110deg,#111e12,#070b08);border-top:1px solid #d8ff3e20}
.posts-note-mark{display:grid;place-items:center;flex:0 0 auto;width:clamp(80px,14vw,160px);aspect-ratio:1;border:1px solid #d8ff3e70;color:var(--acid);font-size:clamp(24px,5vw,48px);letter-spacing:-5px;box-shadow:0 0 0 12px #d8ff3e06,0 0 0 24px #d8ff3e04}
.posts-note h2{font-size:clamp(30px,4.5vw,52px)}
.posts-note p:not(.gd-kicker){max-width:560px;font-size:12px;line-height:1.9;color:#aab7a7}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.posts-heading{align-items:flex-start;flex-direction:column}.posts-search,.posts-search input{width:100%}.posts-list{grid-template-columns:1fr}.posts-card{min-height:190px}.posts-meta{flex-direction:column}.posts-note{align-items:flex-start;flex-direction:column}.posts-content{padding:55px 6vw 70px}}
.post-details{margin-top:auto;border-top:1px solid #d8ff3e30;padding-top:14px}.post-details summary{list-style:none;cursor:pointer;color:var(--acid);font-size:9px;letter-spacing:1.5px}.post-details summary::-webkit-details-marker{display:none}.post-body{padding-top:15px;color:#c4d0c0;font-size:12px;line-height:1.9;overflow-wrap:anywhere}
.posts-filters{display:flex;align-items:center;gap:14px;margin:-7px 0 24px;padding:13px 14px;border:1px solid #d8ff3e25;background:#0a100b}
.posts-filters label{font:9px monospace;letter-spacing:1.1px;color:#9eae9b}
.posts-filters select{max-width:100%;min-width:190px;background:#050906;border:1px solid #d8ff3e50;color:#e9f2e8;padding:11px 13px;font:9px monospace;letter-spacing:1px;border-radius:0}
.posts-filters select:focus{outline:2px solid var(--acid);outline-offset:3px}
.posts-admin-link{display:inline-block;margin-top:10px;color:var(--acid);font:9px monospace;letter-spacing:1.2px;text-decoration:none;border-bottom:1px solid #d8ff3e55;padding-bottom:5px}
.posts-admin-link:hover{border-color:var(--acid)}
.post-body h2,.post-body h3{color:#e8f4df;line-height:1.2;margin:20px 0 10px}
.post-body blockquote{margin:18px 0;padding:4px 0 4px 16px;border-left:2px solid var(--acid);color:#aab7a7}
.post-body ul,.post-body ol{padding-left:22px}
.post-body a{color:var(--acid)}
.post-body pre,.post-body code{white-space:pre-wrap;overflow-wrap:anywhere;background:#050906;padding:2px 5px}
@media(max-width:600px){.posts-filters{align-items:flex-start;flex-direction:column}.posts-filters select{width:100%}}

/* PIXEL STACK // compact, masonry-like transmissions */
.posts-hero{isolation:isolate}
.posts-hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.25;pointer-events:none;background-image:linear-gradient(#d8ff3e12 1px,transparent 1px),linear-gradient(90deg,#d8ff3e12 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,black,transparent 80%)}
.hero-pixel-art{position:absolute;right:8vw;top:clamp(90px,12vw,150px);width:clamp(130px,22vw,250px);opacity:.92;filter:drop-shadow(8px 8px 0 #d8ff3e10);animation:pixel-float 7s steps(7,end) infinite}
.hero-pixel-art svg{display:block;width:100%;height:auto;image-rendering:pixelated}
@keyframes pixel-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.posts-list{display:block;columns:3 260px;column-gap:14px;column-fill:balance}
.post-card{display:inline-block;vertical-align:top;width:100%;min-height:0;margin:0 0 14px;padding:22px;break-inside:avoid;page-break-inside:avoid;position:relative;overflow:hidden;background-color:#0a100b;background-image:linear-gradient(135deg,#d8ff3e08 25%,transparent 25%),linear-gradient(315deg,#9aab9c08 25%,transparent 25%);background-size:16px 16px,24px 24px;transition:border-color .18s,box-shadow .18s,transform .18s}
.post-card:before{content:"";position:absolute;right:0;top:0;width:12px;height:12px;background:var(--acid);box-shadow:-12px 0 #d8ff3e55,0 12px #d8ff3e55}
.post-card:after{content:"";position:absolute;left:0;bottom:0;width:7px;height:7px;background:#9aab9c;box-shadow:7px 0 #9aab9c,0 -7px #9aab9c,7px -7px #9aab9c}
.post-card:hover{border-color:var(--acid);box-shadow:5px 5px 0 #d8ff3e18;transform:translate(-1px,-2px)}
.post-card h3{overflow-wrap:anywhere;margin-top:22px}
.post-card>p{margin:0 0 18px;overflow-wrap:anywhere}
.post-card-top{align-items:flex-start}
.post-category{max-width:60%;overflow-wrap:anywhere}
.post-details{margin-top:10px}
.post-body>*:first-child{margin-top:0}
.post-body>*:last-child{margin-bottom:0}
.post-body p{margin:0 0 14px}
.post-body img{max-width:100%;height:auto;image-rendering:pixelated}
.post-back{padding-top:16px;border-top:1px solid #d8ff3e30;margin-top:20px!important}
.post-back a{display:inline-block}
.posts-empty{break-inside:avoid}
@media(max-width:900px){.posts-list{columns:2 240px}.hero-pixel-art{right:6vw;top:105px;width:clamp(115px,24vw,190px)}}
@media(max-width:600px){.posts-list{columns:1;column-gap:0}.hero-pixel-art{right:5vw;top:95px;width:100px;opacity:.62}.posts-hero h1{font-size:clamp(57px,13vw,90px)}.posts-intro{max-width:78%}.post-card{padding:20px}.posts-card{min-height:0}}
@media(prefers-reduced-motion:reduce){.hero-pixel-art{animation:none}.post-card{transition:none}}
/* Single-post URLs should read as a focused page, not a masonry tile. */
.posts-list:has(.post-back){columns:1;max-width:900px}
.posts-list:has(.post-back) .post-card{display:block;width:100%;padding:clamp(22px,4vw,44px);background-image:linear-gradient(135deg,#d8ff3e08,transparent 40%)}
.posts-list:has(.post-back) .post-card h3{font-size:clamp(30px,5vw,54px)}
.posts-list:has(.post-back) .post-body{font-size:14px;line-height:2}
.posts-list:has(.post-back) .post-details{border-top:0;padding-top:10px}


/* TWO-COLUMN TETRIS GRID: preserve source order, with post #2 always top-right. */
.posts-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:14px;row-gap:14px;columns:unset;column-fill:unset}
.posts-list .post-card{display:block;width:100%;margin:0;align-self:start;break-inside:auto}
@media(max-width:600px){.posts-list{grid-template-columns:minmax(0,1fr);column-gap:0;row-gap:14px}}
.posts-list:has(.post-back){display:block;max-width:900px}
.posts-list:has(.post-back) .post-card{display:block;width:100%;margin:0}


/* Pin the archive announcement to the top-right tile, regardless of later CSS changes. */
.posts-list:not(:has(.post-back)) #post-the-archive-is-open{grid-column:2;grid-row:1}
@media(max-width:600px){.posts-list:not(:has(.post-back)) #post-the-archive-is-open{grid-column:1;grid-row:auto}}

/* Viewer theme engine and responsive post media. */
:root{--viewer-bg:var(--theme-page,#050906);--viewer-surface:var(--theme-surface,#080e09);--viewer-accent:var(--theme-accent,#d8ff3e);--viewer-glow:color-mix(in srgb,var(--viewer-accent) 14%,transparent);--viewer-secondary:var(--theme-secondary,#9aab9c)}
.posts-main,.posts-content{background:var(--viewer-bg);transition:background-color .45s ease}.posts-hero{background:radial-gradient(ellipse at 78% 22%,var(--viewer-glow),transparent 48%),linear-gradient(135deg,var(--viewer-surface),var(--viewer-bg) 70%);transition:background .5s ease}.posts-content{background:radial-gradient(ellipse at 15% 30%,var(--viewer-glow),transparent 50%),var(--viewer-bg)}
.posts-content h2 em,.posts-hero h1 em,.posts-note h2 em{color:var(--viewer-accent)}.post-card{background-color:var(--viewer-surface);background-image:linear-gradient(135deg,var(--viewer-glow),transparent 48%),linear-gradient(315deg,color-mix(in srgb,var(--viewer-secondary) 9%,transparent) 25%,transparent 25%);border-color:color-mix(in srgb,var(--viewer-accent) 32%,transparent)}.post-card:before{background:var(--viewer-accent);box-shadow:-12px 0 color-mix(in srgb,var(--viewer-accent) 35%,transparent),0 12px color-mix(in srgb,var(--viewer-accent) 35%,transparent)}.post-card:hover{border-color:var(--viewer-accent);box-shadow:0 0 26px var(--viewer-glow),5px 5px 0 var(--viewer-glow)}.post-card-top,.post-card a,.posts-admin-link,.post-body a{color:var(--viewer-accent)}
.post-media{width:100%;max-width:100%;margin:0 0 18px;overflow:hidden;border:1px solid color-mix(in srgb,var(--viewer-accent) 35%,transparent);background:var(--viewer-bg);box-shadow:0 0 22px var(--viewer-glow)}.post-media img,.post-media video{display:block;width:100%;max-width:100%;height:auto;max-height:clamp(150px,25vw,360px);object-fit:contain;margin:0;background:var(--viewer-bg)}.post-media audio{display:block;width:100%;max-width:100%;padding:12px;box-sizing:border-box}.posts-list:has(.post-back) .post-media img,.posts-list:has(.post-back) .post-media video{max-height:70vh}
.viewer-console{position:relative;isolation:isolate;overflow:hidden;margin:0 0 30px;padding:clamp(20px,3vw,34px);border:1px solid color-mix(in srgb,var(--viewer-accent) 45%,transparent);background:linear-gradient(125deg,var(--viewer-surface),var(--viewer-bg));box-shadow:0 0 34px var(--viewer-glow),inset 0 0 28px var(--viewer-glow)}.viewer-console:before{content:"";position:absolute;inset:-50%;z-index:-1;pointer-events:none;background:conic-gradient(from 90deg,transparent,var(--viewer-glow),transparent 30%,color-mix(in srgb,var(--viewer-secondary) 12%,transparent),transparent 65%);animation:viewer-orbit 18s linear infinite}@keyframes viewer-orbit{to{transform:rotate(360deg)}}
.viewer-console-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.viewer-console-head h2{font-size:clamp(24px,3vw,38px);color:#edf4e8}.viewer-live,.viewer-label{font:9px monospace;letter-spacing:1.4px;color:var(--viewer-accent)}.viewer-live{white-space:nowrap}.viewer-live i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--viewer-accent);box-shadow:0 0 12px var(--viewer-accent);animation:viewer-pulse 1.6s ease-in-out infinite}@keyframes viewer-pulse{50%{opacity:.35;transform:scale(.7)}}
.viewer-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px}.viewer-label{display:block;margin-bottom:14px}.theme-swatches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.theme-swatch{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 9px;text-align:left;color:#dbe5d7;background:#071009;border:1px solid #9cae9630;cursor:pointer;font:8px monospace;letter-spacing:.5px;transition:transform .2s,border-color .2s,box-shadow .2s}.theme-swatch:hover,.theme-swatch.is-active{border-color:var(--viewer-accent);box-shadow:0 0 15px var(--viewer-glow);transform:translateY(-2px)}.theme-swatch b{font-weight:400}.swatch{flex:0 0 26px;width:26px;height:26px;border:1px solid #ffffff45;box-shadow:inset 0 0 12px #ffffff25}.swatch.neon{background:linear-gradient(135deg,#d8ff3e,#06120a 55%,#9aab9c)}.swatch.cyber{background:linear-gradient(135deg,#ff4fd8,#140b26 55%,#9aab9c)}.swatch.violet{background:linear-gradient(135deg,#b69cff,#090617 55%,#9aab9c)}.swatch.ember{background:linear-gradient(135deg,#ff9b54,#160906 55%,#ff4f82)}.swatch.ocean{background:linear-gradient(135deg,#53e7df,#031015 55%,#579bff)}
.theme-prompt{padding:17px;border:1px solid #9cae9630;background:#030805b8;min-width:0}.theme-prompt-hint{margin:0 0 12px;color:#9eae9b;font-size:11px;line-height:1.7}.theme-prompt textarea{display:block;width:100%;min-height:96px;resize:vertical;box-sizing:border-box;padding:13px;background:#050906;border:1px solid color-mix(in srgb,var(--viewer-accent) 35%,transparent);color:#eef5e9;font:12px/1.7 monospace;outline:none}.theme-prompt textarea:focus{border-color:var(--viewer-accent);box-shadow:0 0 18px var(--viewer-glow)}.theme-generate{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:10px;padding:13px 14px;background:var(--viewer-accent);border:0;color:#071008;cursor:pointer;font:10px monospace;letter-spacing:1px}.theme-generate:disabled{opacity:.6;cursor:wait}.theme-status{margin:14px 0 0;color:#9eae9b;font:9px/1.7 monospace;letter-spacing:.6px}.theme-progress{margin-top:16px}.theme-progress-track{height:7px;overflow:hidden;background:#ffffff12;border:1px solid #ffffff15}.theme-progress-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--viewer-secondary),var(--viewer-accent));box-shadow:0 0 14px var(--viewer-accent);transition:width .2s linear}.theme-progress-meta{display:flex;justify-content:space-between;gap:10px;margin-top:8px;color:#aab7a7;font:8px monospace;letter-spacing:1px}.theme-progress-meta b{color:var(--viewer-accent)}
@media(max-width:720px){.viewer-grid{grid-template-columns:1fr}.viewer-console-head{align-items:flex-start;flex-direction:column}.theme-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.viewer-console:before,.viewer-live i{animation:none}.posts-main,.posts-content{transition:none}}
/* TETRIS FIT // hard cache-bust paired with the matching HTML asset versions. */
.posts-content{position:relative}
.posts-list:not(:has(.post-back)){display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:minmax(42px,auto);gap:10px;align-items:stretch}
.posts-list:not(:has(.post-back)) .post-card{display:flex;width:auto;margin:0;min-width:0;position:relative;isolation:isolate;overflow:visible;border:0;background:transparent;box-shadow:none;transform:none;padding:24px;grid-column:span 2;min-height:220px}
.posts-list:not(:has(.post-back)) .post-card:before{content:"";position:absolute;inset:0;z-index:-1;width:auto;height:auto;background:linear-gradient(135deg,var(--viewer-surface),var(--viewer-bg));border:1px solid color-mix(in srgb,var(--viewer-accent) 65%,transparent);box-shadow:inset 0 0 25px var(--viewer-glow),0 0 15px var(--viewer-glow);clip-path:polygon(0 0,calc(100% - 18px) 0,calc(100% - 18px) 18px,100% 18px,100% 100%,18px 100%,18px calc(100% - 18px),0 calc(100% - 18px))}
.posts-list:not(:has(.post-back)) .post-card:after{content:"";position:absolute;left:0;bottom:0;width:18px;height:18px;background:var(--viewer-accent);box-shadow:18px 0 color-mix(in srgb,var(--viewer-accent) 28%,transparent),0 -18px color-mix(in srgb,var(--viewer-accent) 28%,transparent);opacity:.75;pointer-events:none}
.posts-list:not(:has(.post-back)) .post-card:hover{border-color:transparent;box-shadow:none;transform:translateY(-2px)}
.posts-list:not(:has(.post-back)) .post-card:hover:before{filter:brightness(1.25);box-shadow:inset 0 0 35px var(--viewer-glow),0 0 28px var(--viewer-glow)}
.posts-list:not(:has(.post-back)) .post-card h3,.posts-list:not(:has(.post-back)) .post-card p,.posts-list:not(:has(.post-back)) .post-card .post-media,.posts-list:not(:has(.post-back)) .post-card .post-body,.posts-list:not(:has(.post-back)) .post-card .post-card-top{min-width:0;overflow-wrap:anywhere}
.posts-list:not(:has(.post-back)) .post-card.shape-i{grid-column:span 4;min-height:200px}
.posts-list:not(:has(.post-back)) .post-card.shape-l{grid-column:span 2;min-height:300px}
.posts-list:not(:has(.post-back)) .post-card.shape-square{grid-column:span 3;min-height:260px}
.posts-list:not(:has(.post-back)) .post-card.shape-t{grid-column:span 3;min-height:220px}
.posts-list:not(:has(.post-back)) .post-card.shape-z{grid-column:span 3;min-height:240px}
.posts-list:not(:has(.post-back)) .post-card.shape-j{grid-column:span 2;min-height:260px}
.posts-list:not(:has(.post-back)) .post-card.shape-o{grid-column:span 2;min-height:220px}
.posts-list:not(:has(.post-back)) .post-card.shape-i:before{clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) calc(100% - 18px),calc(100% - 18px) 100%,0 100%)}
.posts-list:not(:has(.post-back)) .post-card.shape-l:before{clip-path:polygon(0 0,calc(100% - 18px) 0,calc(100% - 18px) 18px,100% 18px,100% 100%,0 100%)}
.posts-list:not(:has(.post-back)) .post-card.shape-square:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.posts-list:not(:has(.post-back)) .post-card.shape-t:before{clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 18px) 100%,calc(100% - 18px) calc(100% - 18px),18px calc(100% - 18px),18px 100%,0 100%)}
.posts-list:not(:has(.post-back)) .post-card.shape-z:before{clip-path:polygon(0 0,calc(100% - 18px) 0,calc(100% - 18px) 18px,100% 18px,100% 100%,0 100%)}
.posts-list:not(:has(.post-back)) .post-card.shape-j:before{clip-path:polygon(0 0,100% 0,100% 100%,18px 100%,18px calc(100% - 18px),0 calc(100% - 18px))}
.posts-list:not(:has(.post-back)) .post-card.shape-o:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.post-media img,.post-media video{object-fit:contain}
@media(max-width:850px){.posts-list:not(:has(.post-back)){grid-template-columns:repeat(4,minmax(0,1fr))}.posts-list:not(:has(.post-back)) .post-card.shape-i{grid-column:span 4}.posts-list:not(:has(.post-back)) .post-card.shape-square,.posts-list:not(:has(.post-back)) .post-card.shape-t,.posts-list:not(:has(.post-back)) .post-card.shape-z{grid-column:span 2}}
@media(max-width:560px){.posts-list:not(:has(.post-back)){grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.posts-list:not(:has(.post-back)) .post-card,.posts-list:not(:has(.post-back)) .post-card.shape-i,.posts-list:not(:has(.post-back)) .post-card.shape-l,.posts-list:not(:has(.post-back)) .post-card.shape-square,.posts-list:not(:has(.post-back)) .post-card.shape-t,.posts-list:not(:has(.post-back)) .post-card.shape-z,.posts-list:not(:has(.post-back)) .post-card.shape-j,.posts-list:not(:has(.post-back)) .post-card.shape-o{grid-column:span 2;min-height:0;padding:22px}.posts-list:not(:has(.post-back)) .post-card:before{clip-path:polygon(0 0,calc(100% - 16px) 0,calc(100% - 16px) 16px,100% 16px,100% 100%,16px 100%,16px calc(100% - 16px),0 calc(100% - 16px))}}


/* AI THEME STUDIO: the generated design system can redraw the archive's actual components. */
:root{--theme-page:var(--viewer-bg);--theme-surface:var(--viewer-surface);--theme-raised:#122017;--theme-text:#e8f4df;--theme-muted:#aab7a7;--theme-accent:var(--viewer-accent);--theme-secondary:var(--viewer-secondary);--theme-border:#52613e;--theme-glow:#24351b}
.posts-main,.posts-content{background:var(--theme-page)!important;color:var(--theme-text);font-family:var(--theme-body-font,system-ui,sans-serif)}
.posts-hero{background-color:var(--theme-page)!important;background-image:radial-gradient(ellipse at 75% 20%,color-mix(in srgb,var(--theme-glow) 70%,transparent),transparent 55%),linear-gradient(135deg,var(--theme-surface),var(--theme-page) 75%)!important}
.posts-hero h1,.posts-content h2,.posts-note h2,.post-card h3{color:var(--theme-text);font-family:var(--theme-heading-font,system-ui,sans-serif);font-weight:var(--theme-heading-weight,700);letter-spacing:var(--theme-heading-spacing,-.04em)}
.posts-hero h1 em,.posts-content h2 em,.posts-note h2 em{color:var(--theme-accent)!important}
.posts-intro,.post-card p,.post-body,.posts-note p:not(.gd-kicker){color:var(--theme-muted)}
.posts-search input,.posts-filters,.posts-filters select,.theme-prompt,.theme-prompt textarea{background:var(--theme-surface);color:var(--theme-text);border-color:var(--theme-border)}
.post-card{color:var(--theme-text);border-color:var(--theme-border)}
.post-card:before{background:linear-gradient(140deg,var(--theme-raised),var(--theme-surface));border-color:var(--theme-border);box-shadow:inset 0 0 22px color-mix(in srgb,var(--theme-glow) 65%,transparent),0 0 0 1px var(--theme-border)}
.post-card:after{background:var(--theme-accent);box-shadow:18px 0 color-mix(in srgb,var(--theme-accent) 25%,transparent),0 -18px color-mix(in srgb,var(--theme-accent) 25%,transparent)}
.post-card-top,.post-card a,.posts-admin-link,.post-body a,.post-category{color:var(--theme-accent);border-color:var(--theme-border)}
.viewer-console{border-color:var(--theme-border);background:linear-gradient(135deg,var(--theme-surface),var(--theme-page));box-shadow:0 0 32px color-mix(in srgb,var(--theme-glow) 70%,transparent)}
.viewer-console:before{background:conic-gradient(from 90deg,transparent,var(--theme-glow),transparent 32%,color-mix(in srgb,var(--theme-secondary) 15%,transparent),transparent 70%)}
.viewer-label,.viewer-live,.theme-progress-meta b{color:var(--theme-accent)}
.theme-swatch,.theme-prompt-examples button,.theme-result{background:var(--theme-surface);color:var(--theme-text);border-color:var(--theme-border)}
.theme-generate,.theme-result-actions button{background:var(--theme-accent);color:var(--theme-page);border-color:var(--theme-accent)}
.theme-progress-track span{background:linear-gradient(90deg,var(--theme-secondary),var(--theme-accent));box-shadow:0 0 14px var(--theme-glow)}
.posts-note{background:linear-gradient(110deg,var(--theme-surface),var(--theme-page));border-color:var(--theme-border)}
.posts-note-mark{border-color:var(--theme-border);color:var(--theme-accent);box-shadow:0 0 0 12px color-mix(in srgb,var(--theme-glow) 20%,transparent),0 0 0 24px color-mix(in srgb,var(--theme-glow) 12%,transparent)}
/* Typography systems */
:root[data-theme-heading="editorial"]{--theme-heading-font:Georgia,"Times New Roman",serif;--theme-heading-spacing:-.055em}
:root[data-theme-heading="modern"]{--theme-heading-font:Inter,Arial,sans-serif;--theme-heading-spacing:-.045em}
:root[data-theme-heading="mono"]{--theme-heading-font:"Courier New",monospace;--theme-heading-spacing:-.04em}
:root[data-theme-heading="condensed"]{--theme-heading-font:"Arial Narrow","Roboto Condensed",Impact,sans-serif;--theme-heading-spacing:-.055em}
:root[data-theme-heading="display"]{--theme-heading-font:Impact,"Arial Narrow",sans-serif;--theme-heading-spacing:-.035em}
:root[data-theme-body="editorial"]{--theme-body-font:Georgia,"Times New Roman",serif}
:root[data-theme-body="modern"]{--theme-body-font:Inter,Arial,sans-serif}
:root[data-theme-body="mono"]{--theme-body-font:"Courier New",monospace}
:root[data-theme-body="humanist"]{--theme-body-font:"Trebuchet MS",Arial,sans-serif}
:root[data-theme-weight="light"]{--theme-heading-weight:300}
:root[data-theme-weight="regular"]{--theme-heading-weight:400}
:root[data-theme-weight="bold"]{--theme-heading-weight:700}
:root[data-theme-weight="black"]{--theme-heading-weight:900}
:root[data-theme-scale="compact"] .post-card{padding:17px!important;min-height:180px!important}
:root[data-theme-scale="expressive"] .post-card h3{font-size:clamp(28px,3.7vw,42px)}
:root[data-theme-density="airy"] .posts-list{gap:22px!important}
:root[data-theme-density="dense"] .posts-list{gap:7px!important}
:root[data-theme-columns="one"] .posts-list:not(:has(.post-back)){grid-template-columns:minmax(0,1fr)!important}
:root[data-theme-columns="two"] .posts-list:not(:has(.post-back)){grid-template-columns:repeat(2,minmax(0,1fr))!important}
:root[data-theme-columns="masonry"] .posts-list:not(:has(.post-back)){grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:minmax(36px,auto)}
:root[data-theme-columns="mosaic"] .posts-list:not(:has(.post-back)){grid-template-columns:repeat(6,minmax(0,1fr))!important}
:root[data-theme-card="glass"] .post-card:before{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-surface) 72%,transparent),color-mix(in srgb,var(--theme-raised) 52%,transparent));backdrop-filter:blur(14px);border:1px solid color-mix(in srgb,var(--theme-accent) 55%,transparent);box-shadow:inset 0 1px #ffffff30,0 14px 35px #0004}
:root[data-theme-card="paper"] .post-card:before{background:var(--theme-surface);box-shadow:4px 4px 0 color-mix(in srgb,var(--theme-accent) 20%,transparent);border:1px solid var(--theme-border)}
:root[data-theme-card="brutalist"] .post-card:before{background:var(--theme-surface);box-shadow:7px 7px 0 var(--theme-accent);border:2px solid var(--theme-text)}
:root[data-theme-card="pixel"] .post-card:before{background-color:var(--theme-surface);background-image:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent) 12%,transparent) 25%,transparent 25%),linear-gradient(315deg,color-mix(in srgb,var(--theme-secondary) 12%,transparent) 25%,transparent 25%);background-size:16px 16px,24px 24px;box-shadow:inset 0 0 24px var(--theme-glow)}
:root[data-theme-card="soft"] .post-card:before{border-radius:22px;background:var(--theme-surface);box-shadow:0 12px 34px #0003}
:root[data-theme-card="editorial"] .post-card:before{background:var(--theme-surface);box-shadow:none;border:1px solid var(--theme-border);border-top:3px solid var(--theme-accent)}
:root[data-theme-geometry="square"] .post-card:before{clip-path:none!important;border-radius:0!important}
:root[data-theme-geometry="rounded"] .post-card:before{clip-path:none!important;border-radius:18px!important}
:root[data-theme-geometry="organic"] .post-card:before{clip-path:none!important;border-radius:28px 8px 28px 8px!important}
:root[data-theme-geometry="stacked"] .post-card:before{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))!important}
:root[data-theme-geometry="cut-corner"] .post-card:before{clip-path:polygon(0 0,calc(100% - 18px) 0,calc(100% - 18px) 18px,100% 18px,100% 100%,18px 100%,18px calc(100% - 18px),0 calc(100% - 18px))!important}
:root[data-theme-hero="minimal"] .hero-pixel-art{opacity:.18;transform:scale(.72)}
:root[data-theme-hero="editorial"] .posts-hero h1{max-width:850px;font-size:clamp(64px,10vw,124px);line-height:.92;letter-spacing:-.07em}
:root[data-theme-hero="immersive"] .posts-hero{min-height:72vh;display:flex;flex-direction:column;justify-content:center}
:root[data-theme-hero="grid"] .posts-hero:before{opacity:.8}
:root[data-theme-hero="poster"] .posts-hero h1{font-size:clamp(76px,14vw,170px);line-height:.78}
:root[data-theme-pattern="none"] .posts-hero:before{opacity:0}
:root[data-theme-pattern="grid"] .posts-hero:before{opacity:.35}
:root[data-theme-pattern="scanlines"] .posts-hero:before{opacity:.55;background-image:repeating-linear-gradient(0deg,transparent 0 3px,color-mix(in srgb,var(--theme-accent) 10%,transparent) 4px 5px)!important;background-size:auto!important}
:root[data-theme-pattern="blueprint"] .posts-hero:before{opacity:.5;background-image:linear-gradient(color-mix(in srgb,var(--theme-accent) 12%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--theme-accent) 12%,transparent) 1px,transparent 1px)!important;background-size:20px 20px!important}
:root[data-theme-pattern="grain"] .posts-hero:before,:root[data-theme-pattern="paper"] .posts-hero:before{opacity:.28;background-image:radial-gradient(color-mix(in srgb,var(--theme-text) 25%,transparent) .6px,transparent .8px)!important;background-size:5px 5px!important}
:root[data-theme-pattern="botanical"] .posts-hero:before{opacity:.45;background-image:radial-gradient(ellipse at 20% 20%,transparent 0 25px,color-mix(in srgb,var(--theme-accent) 20%,transparent) 26px 27px,transparent 28px),radial-gradient(ellipse at 45% 50%,transparent 0 35px,color-mix(in srgb,var(--theme-secondary) 16%,transparent) 36px 37px,transparent 38px)!important;background-size:90px 110px!important}
:root[data-theme-media="clean"] .post-media{box-shadow:none;border-color:var(--theme-border)}
:root[data-theme-media="film"] .post-media{padding:8px;border:5px solid var(--theme-surface);outline:1px solid var(--theme-border);box-shadow:0 0 0 1px var(--theme-border)}
:root[data-theme-media="framed"] .post-media{padding:8px;border:1px solid var(--theme-border);box-shadow:inset 0 0 0 4px var(--theme-surface),0 8px 22px #0003}
:root[data-theme-media="glow"] .post-media{box-shadow:0 0 28px var(--theme-glow);border-color:var(--theme-accent)}
:root[data-theme-media="polaroid"] .post-media{padding:10px 10px 22px;background:var(--theme-text);border:0;box-shadow:0 8px 24px #0004}
:root[data-theme-buttons="minimal"] .theme-generate,:root[data-theme-buttons="minimal"] .theme-result-actions button{background:transparent;color:var(--theme-accent);border:1px solid transparent}
:root[data-theme-buttons="outlined"] .theme-generate,:root[data-theme-buttons="outlined"] .theme-result-actions button{background:transparent;color:var(--theme-accent);border:1px solid var(--theme-accent)}
:root[data-theme-buttons="pill"] .theme-generate,:root[data-theme-buttons="pill"] .theme-result-actions button{border-radius:999px}
:root[data-theme-buttons="mechanical"] .theme-generate,:root[data-theme-buttons="mechanical"] .theme-result-actions button{border-radius:0;box-shadow:4px 4px 0 color-mix(in srgb,var(--theme-accent) 35%,transparent)}
:root[data-theme-nav="boxed"] .gd-nav nav a{border:1px solid var(--theme-border);padding:8px 10px}
:root[data-theme-nav="underline"] .gd-nav nav a{border-bottom:1px solid transparent}
:root[data-theme-nav="underline"] .gd-nav nav a:hover,:root[data-theme-nav="underline"] .gd-nav nav a.active{border-bottom-color:var(--theme-accent)}
:root[data-theme-nav="minimal"] .gd-nav nav a{border:0;background:transparent}
:root[data-theme-nav="terminal"] .gd-nav nav a{font-family:monospace;letter-spacing:1px}
:root[data-theme-shadows="flat"] .post-card:before{box-shadow:none}
:root[data-theme-shadows="soft"] .post-card:before{box-shadow:0 12px 30px #0003}
:root[data-theme-shadows="hard"] .post-card:before{box-shadow:6px 6px 0 var(--theme-accent)}
:root[data-theme-shadows="glow"] .post-card:before{box-shadow:inset 0 0 25px var(--theme-glow),0 0 18px var(--theme-glow)}
:root[data-theme-motion="none"] *, :root[data-theme-motion="none"] *:before, :root[data-theme-motion="none"] *:after{animation:none!important;transition:none!important}
:root[data-theme-motion="energetic"] .post-card:hover{transform:translateY(-5px) rotate(-.35deg)}
:root[data-theme-density="airy"] .posts-content{padding-top:clamp(75px,9vw,120px);padding-bottom:clamp(85px,10vw,140px)}
.theme-studio-intro{max-width:850px;margin:-8px 0 25px;color:var(--theme-muted);font-size:13px;line-height:1.8}
.theme-studio-layout{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:24px}
.theme-scope{margin-top:26px;padding:16px;border:1px solid var(--theme-border);background:var(--theme-page)}
.theme-scope-list{display:grid;gap:10px;color:var(--theme-muted);font:10px/1.5 monospace}
.theme-scope-list span::first-letter{color:var(--theme-accent)}
.theme-prompt-examples{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.theme-prompt-examples button{padding:7px 8px;border:1px solid var(--theme-border);font:8px monospace;letter-spacing:.6px;cursor:pointer}
.theme-prompt-examples button:hover{border-color:var(--theme-accent);color:var(--theme-accent)}
.theme-result{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-top:16px;padding:16px;border:1px solid var(--theme-border)}
.theme-result strong{font:10px monospace;letter-spacing:1px;color:var(--theme-accent)}
.theme-result p{margin:7px 0 0;color:var(--theme-muted);font-size:11px;line-height:1.7}
.theme-result-actions{display:flex;flex-wrap:wrap;gap:8px}
.theme-result-actions button{padding:10px 12px;border:1px solid var(--theme-accent);cursor:pointer;font:9px monospace;white-space:nowrap}
@media(max-width:850px){:root[data-theme-columns="masonry"] .posts-list:not(:has(.post-back)){grid-template-columns:repeat(2,minmax(0,1fr))!important}:root[data-theme-columns="mosaic"] .posts-list:not(:has(.post-back)){grid-template-columns:repeat(4,minmax(0,1fr))!important}.theme-studio-layout{grid-template-columns:1fr}}
@media(max-width:560px){:root[data-theme-columns="one"] .posts-list:not(:has(.post-back)),:root[data-theme-columns="two"] .posts-list:not(:has(.post-back)),:root[data-theme-columns="mosaic"] .posts-list:not(:has(.post-back)),:root[data-theme-columns="masonry"] .posts-list:not(:has(.post-back)){grid-template-columns:repeat(2,minmax(0,1fr))!important}.theme-result{flex-direction:column}.theme-result-actions{width:100%}.theme-result-actions button{flex:1}}
@media(prefers-reduced-motion:reduce){.theme-studio-layout *{scroll-behavior:auto!important}}


/* Ambient falling tetrominoes: decorative only, never intercepts interaction. */
#falling-tetris-bg{
  position:fixed;inset:0;width:100%;height:100%;z-index:4;
  pointer-events:none;opacity:.42;mix-blend-mode:screen;
}
.gd{position:relative;z-index:3;isolation:isolate}
.gd-nav,.posts-main,.posts-main section,.posts-note,.gd footer{position:relative}
.posts-hero,.posts-content,.posts-note{background-color:transparent}
.posts-main{background:transparent}
.posts-content{background:transparent}
.posts-hero{background-image:radial-gradient(ellipse at 78% 22%,#d8ff3e12,transparent 45%),linear-gradient(135deg,#0b150dba,#050906ba 70%)}
.posts-list,.viewer-console,.posts-heading,.posts-filters,.posts-meta,.posts-intro,.posts-hero h1,.gd-nav,.posts-note>*{position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){#falling-tetris-bg{display:none}}
@media(max-width:640px){#falling-tetris-bg{opacity:.25}}


/* TETROMINO POSTS: every archive transmission is split into four independent content cells. */
.posts-list:not(:has(.post-back)) .post-card.tetris-post{
  grid-column:1/-1!important;display:block;width:100%;margin:0;padding:0;
  border:0;background:transparent!important;background-image:none!important;
  overflow:visible;box-shadow:none!important;transform:none!important;
}
.posts-list:not(:has(.post-back)) .post-card.tetris-post:before,
.posts-list:not(:has(.post-back)) .post-card.tetris-post:after{display:none}
.posts-list:not(:has(.post-back)) .post-blocks{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(170px,auto));gap:8px;align-items:stretch;
}
.posts-list:not(:has(.post-back)) .post-cell{
  min-width:0;min-height:170px;position:relative;overflow:hidden;
  padding:clamp(15px,2.3vw,28px);
  border:1px solid var(--theme-border);color:var(--theme-text);
  background:linear-gradient(145deg,var(--theme-raised),var(--theme-surface));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-accent) 9%,transparent);
}
.posts-list:not(:has(.post-back)) .post-cell:nth-child(even){background:linear-gradient(145deg,var(--theme-surface),var(--theme-page))}
.posts-list:not(:has(.post-back)) .post-cell .post-card-top{font-size:8px;gap:8px;flex-wrap:wrap}
.posts-list:not(:has(.post-back)) .post-cell h3{font-size:clamp(20px,2.6vw,34px);line-height:1.04;margin:18px 0 10px;overflow-wrap:anywhere}
.posts-list:not(:has(.post-back)) .post-cell-content{font-size:12px;line-height:1.75;overflow-wrap:anywhere}
.posts-list:not(:has(.post-back)) .post-cell-content p{font-size:12px;line-height:1.75;margin:0 0 12px;color:var(--theme-muted)}
.posts-list:not(:has(.post-back)) .post-cell-content p:last-child{margin-bottom:0}
.posts-list:not(:has(.post-back)) .post-cell-content h2,.posts-list:not(:has(.post-back)) .post-cell-content h3{font-size:16px;line-height:1.25;margin:0 0 10px}
.posts-list:not(:has(.post-back)) .post-cell-content ul,.posts-list:not(:has(.post-back)) .post-cell-content ol{padding-left:18px}
.posts-list:not(:has(.post-back)) .post-cell-content blockquote{margin:10px 0;padding-left:12px;border-left:2px solid var(--theme-accent)}
.posts-list:not(:has(.post-back)) .post-cell-content .post-media{margin:0;max-width:100%}
.posts-list:not(:has(.post-back)) .post-cell-content .post-media img,
.posts-list:not(:has(.post-back)) .post-cell-content .post-media video{display:block;width:100%;max-height:340px;object-fit:contain}
.posts-list:not(:has(.post-back)) .post-cell-index{position:absolute;right:12px;bottom:8px;font:10px monospace;letter-spacing:2px;color:var(--theme-accent);opacity:.45}
.posts-list:not(:has(.post-back)) .post-open-link{display:inline-block;margin:10px 0 26px 2px;font:9px monospace;letter-spacing:1.4px;color:var(--theme-accent);text-decoration:none}
.posts-list:not(:has(.post-back)) .post-open-link:hover{text-decoration:underline}
/* I: four cells in one straight row. */
.posts-list:not(:has(.post-back)) .shape-i .post-blocks{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(190px,auto)}
/* L: one cell above three; J mirrors it. */
.posts-list:not(:has(.post-back)) .shape-l .post-cell-1{grid-area:1/1}
.posts-list:not(:has(.post-back)) .shape-l .post-cell-2{grid-area:2/1}
.posts-list:not(:has(.post-back)) .shape-l .post-cell-3{grid-area:2/2}
.posts-list:not(:has(.post-back)) .shape-l .post-cell-4{grid-area:2/3}
.posts-list:not(:has(.post-back)) .shape-j .post-cell-1{grid-area:1/3}
.posts-list:not(:has(.post-back)) .shape-j .post-cell-2{grid-area:2/1}
.posts-list:not(:has(.post-back)) .shape-j .post-cell-3{grid-area:2/2}
.posts-list:not(:has(.post-back)) .shape-j .post-cell-4{grid-area:2/3}
/* O: two by two. */
.posts-list:not(:has(.post-back)) .shape-square .post-blocks,
.posts-list:not(:has(.post-back)) .shape-o .post-blocks{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(180px,auto))}
/* T: three across the top, one centered below. */
.posts-list:not(:has(.post-back)) .shape-t .post-cell-1{grid-area:1/1}
.posts-list:not(:has(.post-back)) .shape-t .post-cell-2{grid-area:1/2}
.posts-list:not(:has(.post-back)) .shape-t .post-cell-3{grid-area:1/3}
.posts-list:not(:has(.post-back)) .shape-t .post-cell-4{grid-area:2/2}
/* Z: two blocks on row one; row two shifts one cell to the right. */
.posts-list:not(:has(.post-back)) .shape-z .post-cell-1{grid-area:1/1}
.posts-list:not(:has(.post-back)) .shape-z .post-cell-2{grid-area:1/2}
.posts-list:not(:has(.post-back)) .shape-z .post-cell-3{grid-area:2/2}
.posts-list:not(:has(.post-back)) .shape-z .post-cell-4{grid-area:2/3}
/* S: Z mirrored horizontally. */
.posts-list:not(:has(.post-back)) .shape-s .post-cell-1{grid-area:1/2}
.posts-list:not(:has(.post-back)) .shape-s .post-cell-2{grid-area:1/3}
.posts-list:not(:has(.post-back)) .shape-s .post-cell-3{grid-area:2/1}
.posts-list:not(:has(.post-back)) .shape-s .post-cell-4{grid-area:2/2}
@media(max-width:700px){
  .posts-list:not(:has(.post-back)) .post-card.tetris-post{grid-column:1/-1!important}
  .posts-list:not(:has(.post-back)) .post-blocks{grid-template-rows:repeat(2,minmax(140px,auto));gap:6px}
  .posts-list:not(:has(.post-back)) .post-cell{padding:13px;min-height:140px}
  .posts-list:not(:has(.post-back)) .post-cell .post-card-top{font-size:7px}
  .posts-list:not(:has(.post-back)) .post-cell h3{font-size:clamp(17px,4vw,26px)}
  .posts-list:not(:has(.post-back)) .post-cell-content,.posts-list:not(:has(.post-back)) .post-cell-content p{font-size:11px}
  .posts-list:not(:has(.post-back)) .shape-i .post-blocks{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(140px,auto))}
}
@media(max-width:480px){
  .posts-list:not(:has(.post-back)) .post-blocks{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(130px,auto));gap:5px}
  .posts-list:not(:has(.post-back)) .post-cell{padding:10px;min-height:130px}
  .posts-list:not(:has(.post-back)) .post-cell .post-card-top{display:block}
  .posts-list:not(:has(.post-back)) .post-cell .post-category{display:inline-block;margin-top:5px}
  .posts-list:not(:has(.post-back)) .shape-i .post-blocks{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(130px,auto))}
}


/* Keep falling tetrominoes behind the archive UI, never painted over text or tiles. */
#falling-tetris-bg{z-index:5!important;opacity:.42!important;mix-blend-mode:screen;pointer-events:none}
.gd{position:relative;z-index:2;isolation:isolate}
.gd-nav,.posts-main,.posts-main section,.posts-note,.gd-footer{position:relative;z-index:1}
.posts-list:not(:has(.post-back)){display:flex;flex-direction:column;gap:30px}
.posts-list:not(:has(.post-back)) .post-card.tetris-post{position:relative;isolation:isolate;grid-column:auto!important;width:100%;max-width:100%;margin:0!important;transform:none!important}
.posts-list:not(:has(.post-back)) .post-blocks{position:relative;display:grid;grid-auto-flow:row;gap:10px;align-items:stretch;min-width:0}
.posts-list:not(:has(.post-back)) .post-cell{position:relative;min-width:0;max-width:100%;overflow-wrap:anywhere;overflow:hidden}
.posts-list:not(:has(.post-back)) .post-cell-content{min-width:0;max-width:100%;overflow-wrap:anywhere}
@media(max-width:700px){
 .posts-list:not(:has(.post-back)){gap:22px}
 .posts-list:not(:has(.post-back)) .post-blocks{gap:7px}
}


/* ARCHIVE TETRIS VISIBILITY: the fixed canvas must sit above the opaque .gd shell. */
#falling-tetris-bg{position:fixed!important;inset:0!important;z-index:5!important;opacity:.42!important;visibility:visible!important;display:block!important;pointer-events:none!important}
.gd{z-index:3!important}
@media(max-width:640px){#falling-tetris-bg{opacity:.3!important}}


/* FINAL ARCHIVE LAYERING: canvas is a body-level sibling after the site shell,
   so opaque archive sections cannot cover it. The subtle overlay remains click-through. */
#falling-tetris-bg{
  position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;
  z-index:9999!important;display:block!important;visibility:visible!important;
  opacity:.72!important;mix-blend-mode:screen!important;pointer-events:none!important;
}
.gd{z-index:auto!important;isolation:auto!important}
@media(max-width:640px){#falling-tetris-bg{opacity:.55!important}}
@media(prefers-reduced-motion:reduce){#falling-tetris-bg{display:none!important}}


/* PLAYABLE TETRIS AS THE ARCHIVE BACKGROUND — content stays in the foreground. */
#falling-tetris-bg{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:0!important;display:block!important;visibility:visible!important;opacity:.28!important;mix-blend-mode:screen!important;pointer-events:none!important}
.gd{position:relative!important;z-index:1!important;isolation:auto!important;background:transparent!important}
.posts-main{background:transparent!important}
.posts-hero{background:linear-gradient(90deg,rgba(5,9,6,.88),rgba(5,9,6,.54)),radial-gradient(ellipse at 78% 22%,rgba(182,232,51,.08),transparent 48%)!important}
.posts-content{background:rgba(5,9,6,.76)!important}
.posts-note{background:linear-gradient(110deg,rgba(17,30,18,.86),rgba(7,11,8,.78))!important}
.gd-footer{background:rgba(5,9,6,.82)!important}
.post-card,.viewer-console{background-color:rgba(7,15,9,.84)!important;backdrop-filter:blur(2px)}
.theme-prompt,.posts-filters{background-color:rgba(3,8,5,.84)!important}
@media(max-width:640px){#falling-tetris-bg{opacity:.22!important}.posts-content{background:rgba(5,9,6,.84)!important}}
@media(prefers-reduced-motion:reduce){#falling-tetris-bg{display:block!important}}


/* FULL-SCREEN TETRIS FIELD: broad, bottom-stacking, background-first presentation. */
#falling-tetris-bg{z-index:0!important;opacity:.4!important;mix-blend-mode:screen!important}
.gd{z-index:1!important;background:transparent!important}
.posts-hero{background:linear-gradient(90deg,rgba(5,9,6,.76),rgba(5,9,6,.38)),radial-gradient(ellipse at 78% 22%,rgba(182,232,51,.08),transparent 48%)!important}
.posts-content{background:rgba(5,9,6,.55)!important}
.posts-note{background:linear-gradient(110deg,rgba(17,30,18,.66),rgba(7,11,8,.58))!important}
.gd-footer{background:rgba(5,9,6,.68)!important}
.post-card,.viewer-console{background-color:rgba(7,15,9,.72)!important;backdrop-filter:blur(1px)}
.theme-prompt,.posts-filters{background-color:rgba(3,8,5,.72)!important}
@media(max-width:640px){#falling-tetris-bg{opacity:.3!important}.posts-content{background:rgba(5,9,6,.72)!important}}

/* Full-screen split-screen 1v1 Tetris arena */
#falling-tetris-bg{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:0!important;display:block!important;visibility:visible!important;opacity:.82!important;mix-blend-mode:screen!important;pointer-events:none!important;background:transparent!important}
#tetris-arena-controls{position:fixed;z-index:6;top:8px;left:12px;right:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px;background:rgba(3,8,5,.94);border:1px solid rgba(182,232,51,.35);color:#d8f6b6;font:10px/1.35 monospace;box-shadow:0 0 24px rgba(0,0,0,.35)}
.tetris-arena-brand{font-weight:800;color:#d8ff3e;white-space:nowrap}.tetris-arena-brand span{margin-left:8px;color:#d8f6b6;font-weight:400}
.tetris-mode-label{display:flex;align-items:center;gap:6px;color:#d8ff3e}
#tetris-mode{max-width:180px;background:#0b150d;color:#e8f4df;border:1px solid #52613e;padding:6px;font:10px monospace}
#tetris-status{flex:1;min-width:140px;color:#d8f6b6}
.tetris-actions{display:flex;gap:6px}
.tetris-actions button{background:#d8ff3e;color:#07100b;border:1px solid #d8ff3e;padding:7px 10px;font:bold 10px monospace;cursor:pointer}
.tetris-actions button+button{background:transparent;color:#d8ff3e}
.tetris-controls-help{display:flex;justify-content:space-between;gap:12px;flex-basis:100%;color:#aab7a7}
.tetris-controls-help b{color:#d8ff3e}
.gd{z-index:2!important}
@media(max-width:760px){#tetris-arena-controls{left:6px;right:6px;top:6px;gap:6px;padding:6px}.tetris-arena-brand span{display:none}.tetris-controls-help{font-size:8px;gap:6px;flex-direction:column}.tetris-actions button{padding:6px}.tetris-mode-label{font-size:9px}#tetris-mode{max-width:145px}.tetris-arena-brand{font-size:9px}}

/* Minimal floating, draggable duel HUD; the match begins on page load. */
#tetris-arena-controls{position:fixed!important;z-index:6!important;top:16px!important;left:16px!important;right:auto!important;width:max-content;max-width:calc(100vw - 32px);display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px!important;background:rgba(4,9,6,.78)!important;border:1px solid rgba(182,232,51,.24)!important;border-radius:5px;backdrop-filter:blur(12px);box-shadow:0 8px 28px rgba(0,0,0,.24);font:10px/1.25 ui-monospace,monospace}
#tetris-drag-handle{cursor:grab;user-select:none;touch-action:none;padding:4px 3px;color:#d8ff3e;font-weight:800;letter-spacing:.04em;white-space:nowrap}
#tetris-drag-handle:active{cursor:grabbing}
.tetris-arena-brand span{margin-left:5px;color:#a8b59f;font-weight:400}
.tetris-mode-label{display:flex;align-items:center}
#tetris-mode{max-width:148px;padding:5px 7px;background:rgba(9,19,12,.9);color:#d8f6b6;border:1px solid rgba(182,232,51,.25);border-radius:3px;font:10px ui-monospace,monospace}
#tetris-status{flex:1;min-width:75px;color:#9fb68f;font-size:9px;white-space:nowrap}
.tetris-actions{display:flex;gap:4px}
.tetris-actions button{min-width:28px;padding:5px 8px;background:rgba(182,232,51,.12);color:#c9f68b;border:1px solid rgba(182,232,51,.3);border-radius:3px;font:bold 13px ui-monospace,monospace;cursor:pointer}
.tetris-actions button+button{background:transparent;color:#a8b59f;border-color:rgba(220,240,220,.18)}
.tetris-controls-help{display:flex;flex-basis:100%;justify-content:space-between;gap:14px;color:#859383;font-size:9px}
.tetris-controls-help b{color:#d8ff3e}
@media(max-width:600px){#tetris-arena-controls{top:8px!important;left:8px!important;max-width:calc(100vw - 16px);gap:5px;padding:6px!important}#tetris-mode{max-width:124px;font-size:9px}.tetris-controls-help{font-size:8px;gap:8px}.tetris-arena-brand span{font-size:9px}}


/* TRANSMISSIONS CLEANUP: the playable game belongs only in the Listening Room. */
#falling-tetris-bg,
#tetris-arena-controls,
.tetris-listening-arena{display:none!important;visibility:hidden!important;}


/* LOCAL THEME STUDIO — compact, quiet, and less clustered. */
.viewer-console{
  margin:0 0 22px!important;
  padding:16px 18px!important;
  border:1px solid var(--theme-border)!important;
  border-radius:4px;
  background:var(--theme-surface)!important;
  box-shadow:none!important;
}
.viewer-console:before{display:none!important}
.viewer-console-head{gap:12px!important;margin:0!important;align-items:center!important}
.viewer-console-head h2{font-size:clamp(18px,2vw,24px)!important;line-height:1.15;margin:0!important}
.viewer-console-head .gd-kicker{margin:0 0 4px!important;font-size:8px!important;letter-spacing:1px!important}
.viewer-live{font-size:8px!important;letter-spacing:.6px!important;opacity:.7}
.viewer-live i{width:5px;height:5px;margin-right:5px;box-shadow:none!important;animation:none!important}
.theme-studio-intro{font-size:11px!important;line-height:1.5!important;max-width:680px!important;margin:8px 0 14px!important}
.theme-studio-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:16px!important;align-items:start}
.theme-preset-side{min-width:0}
.theme-preset-side .viewer-label,.theme-prompt .viewer-label{font-size:8px!important;letter-spacing:.8px!important;margin-bottom:7px!important}
.theme-swatches{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
.theme-swatch{padding:6px!important;gap:7px!important;font-size:7px!important;letter-spacing:.2px!important;background:transparent!important;box-shadow:none!important}
.theme-swatch:hover,.theme-swatch.is-active{transform:none!important;box-shadow:none!important}
.swatch{flex-basis:17px!important;width:17px!important;height:17px!important;box-shadow:none!important}
.theme-scope{display:none!important}
.theme-prompt{padding:10px!important;border:1px solid var(--theme-border)!important;background:transparent!important}
.theme-prompt-hint{font-size:10px!important;line-height:1.45!important;margin:0 0 8px!important}
.theme-prompt textarea{min-height:64px!important;padding:9px!important;font-size:11px!important;line-height:1.5!important;background:var(--theme-page)!important;box-shadow:none!important}
.theme-prompt textarea:focus{box-shadow:none!important}
.theme-prompt-examples{gap:5px!important;margin-top:7px!important}
.theme-prompt-examples button{padding:5px 6px!important;font-size:7px!important;letter-spacing:.2px!important;background:transparent!important}
.theme-generate{margin-top:8px!important;padding:9px 10px!important;font-size:9px!important;letter-spacing:.5px!important;box-shadow:none!important}
.theme-status{margin:8px 0 0!important;font-size:8px!important;line-height:1.45!important;letter-spacing:.2px!important}
.theme-progress{margin-top:10px!important}
.theme-progress-track{height:4px!important}
.theme-progress-track span{box-shadow:none!important}
.theme-progress-meta{margin-top:5px!important;font-size:7px!important;letter-spacing:.4px!important}
.theme-result{margin-top:10px!important;padding:10px!important;gap:10px!important}
.theme-result strong{font-size:9px!important}
.theme-result p{font-size:10px!important;line-height:1.45!important}
.theme-result-actions{gap:5px!important}
.theme-result-actions button{padding:7px 8px!important;font-size:8px!important}
@media(max-width:720px){
  .viewer-console{padding:13px!important}
  .viewer-console-head{align-items:flex-start!important}
  .viewer-live{white-space:normal!important;text-align:right}
  .theme-studio-layout{grid-template-columns:1fr!important;gap:12px!important}
  .theme-swatches{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .theme-swatch{flex-direction:column!important;align-items:flex-start!important;gap:4px!important;font-size:6px!important;overflow-wrap:anywhere}
  .swatch{flex-basis:15px!important;width:15px!important;height:15px!important}
}
@media(max-width:420px){
  .viewer-console-head{flex-direction:column!important;align-items:flex-start!important}
  .viewer-live{text-align:left}
  .theme-swatches{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .theme-prompt-examples button{font-size:6px!important}
}


/* Transmissions navigation: discreet fixed return-to-top control. */
.posts-back-top{position:fixed;right:22px;bottom:22px;z-index:50;display:flex;align-items:center;gap:8px;padding:10px 12px;background:rgba(5,9,6,.9);border:1px solid #d8ff3e70;color:#d8ff3e;text-decoration:none;font:10px ui-monospace,monospace;letter-spacing:.8px;backdrop-filter:blur(10px);box-shadow:0 6px 24px #0005}
.posts-back-top:hover{background:#d8ff3e;color:#071008}
.posts-back-top:first-letter{font-size:15px}
@media(max-width:560px){.posts-back-top{right:12px;bottom:12px;padding:9px 10px}.posts-back-top span{font-size:8px}}
/* The CV remains a single full-width panel after Poetry moved into its own archive. */
.gd-lower{grid-template-columns:minmax(0,1fr)!important}


/* Authenticated post-header edit action. */
.post-edit-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  align-self:flex-start;
  border:1px solid var(--viewer-accent,#d8ff3e);
  padding:5px 7px;
  color:var(--viewer-accent,#d8ff3e)!important;
  background:rgba(5,9,6,.8);
  font:700 9px/1.2 ui-monospace,monospace;
  letter-spacing:.8px;
  text-decoration:none;
  white-space:nowrap;
}
.post-edit-button:hover{background:var(--viewer-accent,#d8ff3e);color:#050906!important}
.posts-list:has(.post-back) .post-card-top{align-items:center;flex-wrap:wrap}


/* Direct in-page editor for authenticated post authors. */
.post-edit-button{cursor:pointer;font-family:ui-monospace,monospace}
.post-edit-modal[hidden]{display:none!important}
.post-edit-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(1,5,3,.84);backdrop-filter:blur(9px);overflow:auto}
.post-edit-dialog{width:min(820px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:clamp(18px,3vw,32px);background:#071009;color:#e8f4df;border:1px solid #d8ff3e;box-shadow:0 0 55px #d8ff3e20;font-family:inherit}
.post-edit-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:1px solid #d8ff3e50;padding-bottom:16px;margin-bottom:20px}
.post-edit-dialog-head h2{font-size:clamp(23px,4vw,36px);margin:0}
.post-edit-close{border:1px solid #d8ff3e70;background:transparent;color:#d8ff3e;font-size:28px;line-height:1;width:38px;height:38px;cursor:pointer}
.post-edit-dialog form{display:grid;gap:9px}
.post-edit-dialog label{font:10px ui-monospace,monospace;letter-spacing:1px;color:#d8ff3e;margin-top:8px}
.post-edit-dialog input,.post-edit-dialog select,.post-edit-dialog textarea,.post-edit-body{width:100%;box-sizing:border-box;background:#0c1710;border:1px solid #536746;color:#e8f4df;padding:11px;font:inherit;font-size:14px;line-height:1.6;border-radius:0}
.post-edit-dialog input:focus,.post-edit-dialog select:focus,.post-edit-dialog textarea:focus,.post-edit-body:focus{outline:1px solid #d8ff3e;border-color:#d8ff3e}
.post-edit-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.post-edit-fields>div{display:grid;gap:9px}
.post-edit-toolbar{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.post-edit-toolbar button,.post-edit-actions button{border:1px solid #d8ff3e70;background:#101d13;color:#d8ff3e;padding:9px 11px;font:10px ui-monospace,monospace;cursor:pointer}
.post-edit-toolbar button:hover,.post-edit-actions button:hover{background:#d8ff3e;color:#071009}
.post-edit-body{min-height:260px;max-height:45vh;overflow:auto;white-space:normal}
.post-edit-body:empty:before{content:attr(data-placeholder);color:#8c9b86}
.post-edit-body p{margin:0 0 12px}
.post-edit-message{min-height:20px;margin:4px 0;color:#d8ff3e;font:11px/1.5 ui-monospace,monospace}
.post-edit-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;border-top:1px solid #d8ff3e40;padding-top:16px}
.post-edit-actions #post-edit-save{background:#d8ff3e;color:#071009;font-weight:700}
.post-edit-actions #post-edit-save:disabled{opacity:.55;cursor:wait}
body.post-edit-open{overflow:hidden}
@media(max-width:600px){.post-edit-modal{padding:8px}.post-edit-dialog{max-height:calc(100vh - 16px);padding:16px}.post-edit-fields{grid-template-columns:1fr}.post-edit-body{min-height:200px}}


/* Five Movements category navigation. */
.movement-index{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 28px}
.movement-index a{display:inline-flex;padding:8px 10px;border:1px solid var(--theme-border,#52613e);color:var(--theme-muted,#aab7a7);text-decoration:none;font:9px/1.3 ui-monospace,monospace;letter-spacing:.4px}
.movement-index a:hover,.movement-index a.movement-current{border-color:var(--theme-accent,#d8ff3e);color:var(--theme-accent,#d8ff3e);background:rgba(182,232,51,.07)}
.movement-back{display:inline-block;margin-top:20px;color:var(--theme-accent,#d8ff3e);font:10px ui-monospace,monospace;text-decoration:none}
.movement-hero h1{max-width:900px;font-size:clamp(42px,8vw,104px);line-height:.92}
.movement-hero h1 em{display:block}


/* Shareable post permalinks and social actions */
.post-title-link{color:inherit;text-decoration:none}
.post-title-link:hover,.post-title-link:focus-visible{color:var(--theme-accent,#d8ff3e)}
.post-share{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:16px 0 4px;padding-top:12px;border-top:1px solid var(--theme-border,#52613e)}
.post-share-label{font:8px/1.3 ui-monospace,monospace;letter-spacing:1px;color:var(--theme-muted,#aab7a7);margin-right:3px}
.post-share-action{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:6px 8px;border:1px solid var(--theme-border,#52613e);background:transparent;color:var(--theme-text,#e9f2e8);font:8px/1.2 ui-monospace,monospace;letter-spacing:.4px;text-decoration:none;cursor:pointer}
.post-share-action:hover,.post-share-action:focus-visible{border-color:var(--theme-accent,#d8ff3e);color:var(--theme-accent,#d8ff3e);background:rgba(182,232,51,.07)}
.post-card.tetris-post>.post-share{margin:0 16px 16px}
.post-card:not(.tetris-post)>.post-share{margin-top:20px}
.post-back{margin-top:18px}
@media(max-width:600px){.post-share{gap:5px}.post-share-action{font-size:7px;padding:6px}.post-share-label{width:100%;margin-bottom:2px}}


/* DEFAULT VERSE AFTER HOURS PALETTE — make archive surfaces follow the site theme. */
.posts-main,.posts-content{background:var(--theme-page,#050906)!important;color:var(--theme-text,#e8f4df)}
.posts-hero{background:radial-gradient(ellipse at 78% 22%,color-mix(in srgb,var(--theme-accent,#d8ff3e) 8%,transparent),transparent 48%),linear-gradient(135deg,var(--theme-surface,#080e09),var(--theme-page,#050906) 70%)!important}
.posts-content{background:radial-gradient(ellipse at 15% 30%,color-mix(in srgb,var(--theme-accent,#d8ff3e) 5%,transparent),transparent 50%),var(--theme-page,#050906)!important}
.posts-meta,.posts-filters label,.post-card p,.posts-note p:not(.gd-kicker){color:var(--theme-muted,#9aab9c)}
.posts-filters,.post-card,.viewer-console{border-color:var(--theme-border,#d8ff3e35)}
.posts-filters,.posts-search input,.posts-filters select,.post-body pre,.post-body code{background:var(--theme-surface,#080e09)}
.post-card{background-color:var(--theme-surface,#080e09);background-image:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent,#d8ff3e) 4%,transparent),transparent 48%),linear-gradient(315deg,color-mix(in srgb,var(--theme-secondary,#9aab9c) 5%,transparent) 25%,transparent 25%)}
.post-card h3,.viewer-console-head h2,.post-body h2,.post-body h3{color:var(--theme-text,#e8f4df)}
.posts-intro,.post-card p,.post-body{color:var(--theme-muted,#9aab9c)}
.posts-note{background:linear-gradient(110deg,var(--theme-surface,#080e09),var(--theme-page,#050906));border-color:var(--theme-border,#d8ff3e35)}
.posts-note-mark{border-color:color-mix(in srgb,var(--theme-accent,#d8ff3e) 45%,transparent);color:var(--theme-accent,#d8ff3e)}
.posts-hero:before{background-image:linear-gradient(color-mix(in srgb,var(--theme-accent,#d8ff3e) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--theme-accent,#d8ff3e) 7%,transparent) 1px,transparent 1px)}

/* Inline editor media insertion controls */
.post-edit-toolbar{display:flex;flex-wrap:wrap;gap:6px}
.post-edit-toolbar button{cursor:pointer}
.post-edit-body img,.post-edit-body video{display:block;max-width:100%;height:auto;margin:16px 0}
.post-edit-body audio{display:block;width:100%;max-width:100%;margin:16px 0}
.post-body img,.post-body video{display:block;max-width:100%;height:auto;margin:18px 0}
.post-body audio{display:block;width:100%;max-width:100%;margin:18px 0}


/* VERSE AFTER HOURS — unified editorial / cybernetic typography system.
   Editorial serif for poetry and story titles; clean sans for reading;
   monospace only for interface metadata and signal labels. */
.posts-main,.posts-content,.posts-note,.post-card,.post-edit-dialog{
  font-family:Arial,Helvetica,sans-serif;
}
.posts-hero h1,.posts-content h2,.posts-note h2,
.post-card h3,.post-body h2,.post-body h3,
.posts-list:has(.post-back) .post-card h3{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:500;
  letter-spacing:-.045em;
  line-height:1.04;
  text-transform:none;
}
.posts-hero h1{
  font-size:clamp(48px,8vw,108px);
  line-height:.98;
  letter-spacing:-.055em;
  max-width:1000px;
}
.posts-content h2,.posts-note h2{
  font-size:clamp(30px,4.4vw,52px);
  line-height:1.08;
}
.post-card h3{
  font-size:clamp(22px,2.25vw,31px);
  line-height:1.12;
  margin:20px 0 12px;
}
.posts-intro,.posts-note p:not(.gd-kicker),.post-card p,.post-body{
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  font-weight:400;
  line-height:1.85;
  letter-spacing:0;
}
.posts-intro{max-width:650px}
.post-card p{font-size:13px;line-height:1.8}
.post-body{font-size:15px;line-height:1.95}
.post-body h2{font-size:clamp(27px,4vw,42px);margin:1.4em 0 .55em}
.post-body h3{font-size:clamp(22px,3vw,32px);margin:1.3em 0 .5em}
.posts-meta,.post-card-top,.post-category,.post-card>a,.posts-search input,
.posts-filters,.posts-empty,.gd-kicker,.posts-admin-link,
.post-edit-dialog label,.post-edit-toolbar button,.post-edit-actions button,
.post-edit-message{
  font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
}
.posts-meta{font-size:10px;line-height:1.6;letter-spacing:1.2px}
.post-card-top{font-size:10px;line-height:1.5;letter-spacing:.9px}
.post-category{font-size:9px;line-height:1.4;letter-spacing:.8px}
.post-card>a,.posts-admin-link{font-size:10px;line-height:1.5;letter-spacing:1px}
.posts-search input,.posts-filters{font-size:10px;line-height:1.5}
.posts-empty{font-size:11px;line-height:1.8;letter-spacing:1px}
.gd-kicker{font-size:10px;line-height:1.6;letter-spacing:1.7px}
.post-edit-dialog{font-size:14px;line-height:1.65}
.post-edit-dialog-head h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(25px,4vw,36px);font-weight:500;letter-spacing:-.04em;line-height:1.08}
.post-edit-body{font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.85}
.post-edit-body h2,.post-edit-body h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.035em;line-height:1.15}
@media(max-width:600px){
  .posts-hero h1{font-size:clamp(43px,11vw,72px);line-height:1}
  .posts-content h2,.posts-note h2{font-size:clamp(29px,8vw,40px)}
  .post-card h3{font-size:clamp(23px,6.5vw,30px)}
  .posts-intro,.posts-note p:not(.gd-kicker){font-size:14px;line-height:1.8}
  .post-body{font-size:15px;line-height:1.9}
  .posts-meta{font-size:9px}
}


/* COMMUNITY UPLINK — a quieter editorial submission desk within the nocturnal archive. */
.transmit-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,6vw,84px);padding:clamp(38px,7vw,92px) 8vw;background:radial-gradient(ellipse at 15% 15%,#b6e8330d,transparent 48%),linear-gradient(135deg,#0b150e,#050906 78%);border-top:1px solid #b6e83335;border-bottom:1px solid #b6e83335;position:relative;isolation:isolate}
.transmit-copy h2{font:clamp(30px,5vw,58px)/.98 Georgia,"Times New Roman",serif;letter-spacing:-.045em;margin:12px 0 22px;color:#e8f4df}
.transmit-copy h2 em{font-style:italic;color:#d8ff3e}
.transmit-copy>p:not(.gd-kicker){max-width:460px;color:#b4c1b1;font-size:13px;line-height:1.9}
.transmit-copy .transmit-note{margin-top:24px;padding:14px 0 0;border-top:1px solid #b6e83335;color:#899a8a!important;font:10px/1.8 ui-monospace,monospace}
.transmit-form{padding:clamp(18px,3vw,32px);border:1px solid #b6e83342;background:linear-gradient(145deg,#0d160fdd,#060a07f2);box-shadow:0 18px 60px #0005;min-width:0}
.transmit-form>label,.transmit-form .transmit-upload>label,.transmit-two-col label{display:flex;justify-content:space-between;gap:12px;margin:0 0 9px;color:#d8ff3e;font:10px/1.5 ui-monospace,monospace;letter-spacing:.08em}
.transmit-form label span{color:#819080;font-size:8px}
.transmit-form input:not([type=checkbox]):not([type=file]),.transmit-form textarea,.transmit-form select{box-sizing:border-box;width:100%;min-width:0;margin:0 0 22px;padding:13px 14px;background:#050906;border:1px solid #a5bb9b38;border-radius:2px;color:#e8f4df;font:13px/1.65 Georgia,"Times New Roman",serif}
.transmit-form textarea{resize:vertical;min-height:130px}
.transmit-form input:focus,.transmit-form textarea:focus,.transmit-form select:focus{outline:1px solid #d8ff3e;outline-offset:2px;border-color:#d8ff3e}
.transmit-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.transmit-upload{padding:16px;border:1px dashed #b6e83345;margin:0 0 20px;background:#05090670}
.transmit-upload input[type=file]{display:block;max-width:100%;color:#aebbad;font:10px ui-monospace,monospace}
.transmit-upload p{font-size:10px;line-height:1.7;color:#819080;margin:12px 0 0}
.transmit-consent{display:flex!important;align-items:flex-start;justify-content:flex-start!important;gap:11px!important;color:#aebbad!important;font:11px/1.7 Arial,Helvetica,sans-serif!important;letter-spacing:0!important;margin:0 0 20px!important}
.transmit-consent input{margin:3px 0 0;accent-color:#d8ff3e;flex:0 0 auto}
.transmit-submit{width:100%;padding:15px 18px;border:1px solid #d8ff3e;background:#d8ff3e;color:#071007;font:700 10px ui-monospace,monospace;letter-spacing:.1em;cursor:pointer;transition:background .2s,color .2s}
.transmit-submit:hover{background:transparent;color:#d8ff3e}.transmit-submit:disabled{opacity:.55;cursor:wait}
.transmit-status{margin:13px 0 0;color:#8fa08c;font:9px/1.8 ui-monospace,monospace;letter-spacing:.05em}.transmit-status.error{color:#ff9a85}.transmit-status.success{color:#d8ff3e}
.transmit-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
@media(max-width:760px){.transmit-panel{grid-template-columns:1fr;padding:48px 6vw;gap:22px}.transmit-copy h2{font-size:clamp(32px,9vw,48px)}.transmit-two-col{grid-template-columns:1fr;gap:0}.transmit-form{padding:18px}}


/* Suno lyric / style explainer editorial spread */
.suno-post-layout,.plain-post-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,54px);align-items:start;width:100%;max-width:100%;margin:clamp(20px,4vw,48px) 0}
.suno-lyrics,.plain-copy{min-width:0;padding:clamp(16px,2.4vw,30px);border-left:1px solid #d8ff3e7a;background:linear-gradient(145deg,#0b130d,#060906)}
.suno-notes,.plain-response{min-width:0;padding:clamp(16px,2.4vw,30px);border-top:1px solid #42f5e533;background:linear-gradient(145deg,#07120f,#080c09)}
.suno-label{margin:0 0 18px!important;color:#d8ff3e!important;font:9px/1.7 ui-monospace,monospace!important;letter-spacing:.12em;text-transform:uppercase}
.suno-lyrics pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#e8f4df;font:clamp(13px,1.4vw,16px)/1.95 Georgia,"Times New Roman",serif}
.suno-notes p,.plain-copy p,.suno-learned p{color:#b8c8b7;font-size:13px;line-height:1.9;overflow-wrap:anywhere}
.suno-notes h2,.plain-response h2{font:italic clamp(26px,4vw,42px)/1.15 Georgia,"Times New Roman",serif;color:#d8ff3e;margin:0 0 18px}
.suno-learned{margin-top:32px;padding-top:20px;border-top:1px dashed #d8ff3e50}
.post-media{width:100%;max-width:100%;overflow:hidden}
.post-media img,.post-media video,.post-media audio{width:var(--post-media-width,100%);max-width:100%;height:auto}
.post-media img,.post-media video{width:var(--post-media-width,100%);max-width:100%;object-fit:contain}
@media(max-width:700px){.suno-post-layout,.plain-post-layout{grid-template-columns:1fr;gap:14px}.suno-lyrics,.plain-copy,.suno-notes,.plain-response{padding:18px}}


/* Preserve the Suno-style editorial split in both archive cards and individual transmissions. */
.post-media{width:min(var(--post-media-width,100%),100%);max-width:100%;box-sizing:border-box}
.post-media img,.post-media video{max-width:100%}
.posts-list:has(.post-back) .post-card .post-body,
.posts-list:not(:has(.post-back)) .post-archive-composition .post-body{min-width:0;max-width:100%;overflow-wrap:anywhere}
.posts-list:not(:has(.post-back)) .post-archive-composition{display:block!important;padding:clamp(20px,3vw,34px)!important;min-height:0!important;overflow:hidden}
.posts-list:not(:has(.post-back)) .post-archive-composition:before{clip-path:polygon(0 0,calc(100% - 18px) 0,calc(100% - 18px) 18px,100% 18px,100% 100%,18px 100%,18px calc(100% - 18px),0 calc(100% - 18px))}
.posts-list:not(:has(.post-back)) .post-archive-composition .post-media{margin:14px 0 20px}
.posts-list:not(:has(.post-back)) .post-archive-composition .suno-post-layout,
.posts-list:not(:has(.post-back)) .post-archive-composition .plain-post-layout{margin:18px 0 22px;gap:clamp(12px,2vw,28px)}
.posts-list:not(:has(.post-back)) .post-archive-composition .suno-lyrics,
.posts-list:not(:has(.post-back)) .post-archive-composition .plain-copy,
.posts-list:not(:has(.post-back)) .post-archive-composition .suno-notes,
.posts-list:not(:has(.post-back)) .post-archive-composition .plain-response{padding:clamp(12px,2vw,24px)}
.posts-list:not(:has(.post-back)) .post-archive-composition .suno-lyrics pre{font-size:clamp(12px,1.15vw,15px)}
.posts-list:not(:has(.post-back)) .post-archive-composition .post-open-link{margin-bottom:12px}
@media(max-width:700px){
 .posts-list:not(:has(.post-back)) .post-archive-composition .suno-post-layout,
 .posts-list:not(:has(.post-back)) .post-archive-composition .plain-post-layout{grid-template-columns:minmax(0,1fr)}
}


/* Transmission detail: readable copy left, its media column right. */
.posts-list:has(.post-back) .post-detail-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);gap:clamp(20px,4vw,48px);align-items:start;margin-top:18px}
.posts-list:has(.post-back) .post-detail-copy{min-width:0;overflow-wrap:anywhere}
.posts-list:has(.post-back) .post-detail-copy>.post-excerpt{font-size:clamp(14px,1.25vw,17px);line-height:1.9;color:var(--theme-text);margin:0 0 20px}
.posts-list:has(.post-back) .post-detail-copy .post-body{padding-top:0;min-width:0}
.posts-list:has(.post-back) .post-detail-media{min-width:0;position:sticky;top:24px;padding:12px;border:1px solid var(--theme-border);background:linear-gradient(145deg,var(--theme-surface),var(--theme-bg));box-shadow:0 0 24px var(--theme-glow)}
.posts-list:has(.post-back) .post-detail-media .post-media{width:100%;max-width:100%;margin:0;border:0;box-shadow:none}
.posts-list:has(.post-back) .post-detail-media .post-media img,
.posts-list:has(.post-back) .post-detail-media .post-media video{display:block;width:100%;max-width:100%;height:auto;max-height:70vh;object-fit:contain}
.posts-list:has(.post-back) .post-detail-media .post-media audio{display:block;width:100%;max-width:100%;padding:0;box-sizing:border-box}
.post-media-caption{margin:12px 0 0!important;font:9px/1.6 ui-monospace,monospace!important;letter-spacing:.1em;color:var(--theme-accent)!important}
.posts-list:has(.post-back) .post-detail-grid.text-only{grid-template-columns:minmax(0,1fr)}
.posts-list:has(.post-back) .post-detail-grid.text-only .post-detail-copy{max-width:900px}
@media(max-width:760px){.posts-list:has(.post-back) .post-detail-grid{grid-template-columns:minmax(0,1fr);gap:20px}.posts-list:has(.post-back) .post-detail-media{position:static;grid-row:1}.posts-list:has(.post-back) .post-detail-grid.text-only .post-detail-media{display:none}}


/* Lyrics start collapsed; the heading is the disclosure control. */
.suno-lyrics{min-width:0}
.suno-lyrics>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;user-select:none}
.suno-lyrics>summary::-webkit-details-marker{display:none}
.suno-lyrics>summary:after{content:'+';flex:0 0 auto;color:#d8ff3e;font:18px/1 ui-monospace,monospace}
.suno-lyrics[open]>summary:after{content:'−'}
.suno-lyrics .suno-collapse-hint{font:8px/1.5 ui-monospace,monospace;letter-spacing:.08em;color:#9aab9c}
.suno-lyrics>pre{padding-top:14px}


/* Three-column Suno post composition: text/media, lyrics, style. */
.suno-three-column{overflow:hidden}
.suno-three-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(14px,2vw,28px);align-items:start;margin-top:18px}
.suno-column{min-width:0;overflow-wrap:anywhere}
.suno-column h3{margin-top:0}
.suno-column .post-media{width:100%;max-width:100%;margin:14px 0}
.suno-column .post-media img,.suno-column .post-media video,.suno-column .post-media audio{display:block;width:100%;max-width:100%;height:auto}
.suno-column-copy{line-height:1.75}
.suno-column-lyrics>details{border:1px solid rgba(216,255,62,.22);padding:12px}
.suno-column-lyrics .suno-lyrics>summary{display:flex;justify-content:space-between;gap:10px;cursor:pointer;list-style:none}
.suno-column-lyrics .suno-lyrics>summary::-webkit-details-marker{display:none}
.suno-column-lyrics .suno-lyrics>summary:after{content:'+';color:#d8ff3e}
.suno-column-lyrics .suno-lyrics[open]>summary:after{content:'−'}
.suno-column-lyrics .suno-lyrics pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.75}
.suno-column-style .suno-label,.suno-column-lyrics .suno-label,.suno-column-text .suno-label{font:9px/1.5 ui-monospace,monospace;letter-spacing:.1em;color:#d8ff3e}
.suno-column-style .suno-learned{margin-top:22px;padding-top:14px;border-top:1px solid rgba(216,255,62,.18)}
@media(max-width:900px){.suno-three-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.suno-column-text{grid-column:1/-1}.suno-column-text .post-media{max-width:680px}}
@media(max-width:560px){.suno-three-grid{grid-template-columns:minmax(0,1fr);gap:22px}.suno-column-text{grid-column:auto}}