:root{--card-bg: #fff;--card-radius: .5rem;--card-shadow: rgba(0, 0, 0, .05);--card-shadow-hover: rgba(0, 0, 0, .12);--accent: #5156c1;--text-muted: #555;--transition-fast: .2s ease}.post-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.post-card{background:var(--card-bg);border-radius:var(--card-radius);box-shadow:0 2px 6px var(--card-shadow);display:flex;flex-direction:column;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer}.post-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px var(--card-shadow-hover)}.post-card-link{flex:1;display:flex;flex-direction:column;padding:1rem;text-decoration:none;color:inherit;position:relative}.post-card-link:after{content:"→";position:absolute;top:1rem;right:1rem;opacity:0;transition:opacity var(--transition-fast);font-size:1.2rem;color:#888}.post-card:hover .post-card-link:after{opacity:.7;color:#fff}.post-card-title{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.post-card-meta{font-size:.9rem;color:var(--text-muted);margin-bottom:.5rem}.post-card-desc{font-size:.95rem;line-height:1.4;color:var(--text-muted);margin-bottom:1rem;flex:none}.read-post{margin-top:auto;font-size:.9rem;font-weight:600;text-align:right;color:var(--accent);opacity:.6;transition:opacity var(--transition-fast)}.post-card:hover .read-post{opacity:1}.card-buttons{display:flex;gap:.5rem;padding:.75rem 1rem 1rem}.card-btn{flex:1;padding:.5rem;text-align:center;background:var(--accent);color:#fff;border-radius:4px;text-decoration:none;transition:background var(--transition-fast),transform .1s}.card-btn:hover{background:darken(var(--accent),10%);transform:translateY(-1px)}.post-card--p5{--p5-bg-1: #0b0f18;--p5-bg-2: #0a0e19;--p5-accent: #8ab4ff;--p5-ring: #ffd9a1;--p5-text: #e5e7eb;--p5-muted: #94a3b8;background:radial-gradient(120% 140% at 60% -20%,#ffffff0f,#fff0 45%),radial-gradient(100% 120% at 30% 0%,#ffd9a11a,#ffd9a100 60%),linear-gradient(180deg,var(--p5-bg-1),var(--p5-bg-2));color:var(--p5-text);border:1px solid rgba(255,255,255,.06);box-shadow:0 10px 30px #00000040,inset 0 1px #ffffff0a;position:relative;isolation:isolate}.post-card--p5:before{content:"";position:absolute;inset:-20% -10% auto;height:60%;background:radial-gradient(60% 120% at 50% 50%,#ffd9a12e,#ffd9a100 70%),conic-gradient(from 20deg at 50% 50%,#ffffff1a,#fff0 25% 75%,#ffffff1a);filter:blur(16px) saturate(1.1);opacity:.9;z-index:0;pointer-events:none;transform:rotate(-6deg)}.post-card--p5:after{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.2) 50%,transparent 51%),radial-gradient(1px 1px at 70% 60%,rgba(255,255,255,.16) 50%,transparent 51%),radial-gradient(1px 1px at 45% 80%,rgba(255,255,255,.14) 50%,transparent 51%),radial-gradient(1px 1px at 85% 25%,rgba(255,255,255,.18) 50%,transparent 51%);background-repeat:no-repeat;z-index:0;pointer-events:none}.post-card--p5 .post-card-link,.post-card--p5 .card-buttons{position:relative;z-index:1}.post-card--p5:hover{box-shadow:0 18px 40px #00000059,0 0 0 1px #8ab4ff2e inset,0 0 30px #8ab4ff1a}.p5-badge{position:absolute;top:.85rem;left:.85rem;padding:.2rem .45rem;border-radius:.4rem;font-size:.72rem;font-weight:700;letter-spacing:.2px;background:#8ab4ff26;color:var(--p5-accent);border:1px solid rgba(138,180,255,.25);backdrop-filter:blur(4px)}.post-card--p5 .card-btn{--btn-bg: color-mix(in oklab, var(--p5-accent) 88%, #000);background:var(--btn-bg);border:1px solid rgba(255,255,255,.1)}@media (prefers-reduced-motion: reduce){.post-card--p5,.post-card--p5 .post-card-link:after{transition:none!important}}@media (forced-colors: active){.post-card--p5{border:1px solid CanvasText;box-shadow:none}.p5-badge{border:1px solid CanvasText}}.post-card .post-card-footer .p5-badge{position:static;inset:auto;padding:.25rem .5rem;border-radius:.4rem;font-size:.72rem;font-weight:700;letter-spacing:.2px;line-height:1;background:#8ab4ff26;color:#8ab4ff;border:1px solid rgba(138,180,255,.25);backdrop-filter:blur(4px)}.post-card--p5 .read-post{color:#8ab4ff}.post-card--p5 .post-card-link:after{content:"▶"}.post-card .post-card-footer .p5-badge,.post-card .post-card-footer .review-badge{position:static;inset:auto;padding:.25rem .5rem;border-radius:.4rem;font-size:.72rem;font-weight:700;letter-spacing:.2px;line-height:1;backdrop-filter:blur(4px)}.post-card--review{--rev-accent: #f59e0b;--rev-accent-2: #fde68a;--rev-text: #111;--rev-muted: #6b7280;background:radial-gradient(140% 180% at 100% -40%,#fde68a33,#fde68a00 60%),linear-gradient(180deg,#fff,#f9fafb);border:1px solid rgba(0,0,0,.06);box-shadow:0 8px 28px #00000014,inset 0 1px #fff9;color:var(--rev-text)}.post-card--review:hover{box-shadow:0 14px 38px #0000001f,0 0 0 1px #f59e0b2e inset}.post-card--review .post-card-title{color:#0f172a}.review-badge{background:#f59e0b1f;color:var(--rev-accent);border:1px solid rgba(245,158,11,.25)}.p5-badge{background:#8ab4ff26;color:#8ab4ff;border:1px solid rgba(138,180,255,.25)}@media (prefers-reduced-motion: reduce){.post-card--review{transition:none!important}}.post-card--info{--info-accent: #14b8a6;--info-accent-2: #99f6e4;--info-text: #0f172a;--info-muted: #475569;background:radial-gradient(130% 170% at 90% -30%,#14b8a61f,#14b8a600 60%),linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(0,0,0,.06);box-shadow:0 8px 28px #0000000f,inset 0 1px #fff9;color:var(--info-text);position:relative;overflow:hidden}.post-card--info:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(2,6,23,.05) 0 1px,transparent 1px 22px),repeating-linear-gradient(90deg,rgba(2,6,23,.05) 0 1px,transparent 1px 22px);pointer-events:none;mix-blend-mode:multiply}.post-card--info .post-card-title{color:#0b1220}.info-badge{padding:.25rem .5rem;border-radius:.4rem;font-size:.72rem;font-weight:700;letter-spacing:.2px;line-height:1;background:#14b8a61f;color:var(--info-accent);border:1px solid rgba(20,184,166,.25);backdrop-filter:blur(4px)}.post-card-footer{margin-top:auto;display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.post-card-footer.has-badge{justify-content:space-between}.post-card-badges{display:flex;gap:.4rem;align-items:center}.post-card--info:hover{box-shadow:0 14px 38px #0000001f,0 0 0 1px #14b8a629 inset}.post-card--p5{--p5-bg-1: #0c0f15;--p5-bg-2: #0a0d14;--p5-accent: #a9b4ff;--p5-ring: #ffd9a1;--p5-text: #e4e4e4;--p5-muted: #aab2c2;background:radial-gradient(120% 140% at 60% -20%,#ffffff0d,#fff0 45%),radial-gradient(100% 120% at 30% 0%,#ffd9a114,#ffd9a100 60%),linear-gradient(180deg,var(--p5-bg-1),var(--p5-bg-2));color:var(--p5-text);border:1px solid rgba(255,255,255,.06);box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff0a;position:relative;isolation:isolate}.post-card--p5:before{content:"";position:absolute;inset:-20% -10% auto;height:60%;background:radial-gradient(60% 120% at 50% 50%,#ffd9a124,#ffd9a100 70%),conic-gradient(from 20deg at 50% 50%,#ffffff14,#fff0 25% 75%,#ffffff14);filter:blur(16px) saturate(1.05);opacity:.85;z-index:0;pointer-events:none;transform:rotate(-6deg)}.post-card--p5:after{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.18) 50%,transparent 51%),radial-gradient(1px 1px at 70% 60%,rgba(255,255,255,.14) 50%,transparent 51%),radial-gradient(1px 1px at 45% 80%,rgba(255,255,255,.12) 50%,transparent 51%),radial-gradient(1px 1px at 85% 25%,rgba(255,255,255,.16) 50%,transparent 51%);background-repeat:no-repeat;z-index:0;pointer-events:none}.post-card--p5 .post-card-title{color:#fff}.post-card--p5 .post-card-meta,.post-card--p5 .post-card-desc{color:var(--p5-muted)}.post-card--p5 .read-post{color:var(--p5-accent)}.post-card--p5:hover{box-shadow:0 18px 40px #00000073,0 0 0 1px #a9b4ff2e inset,0 0 30px #a9b4ff1a}.post-card--p5 .post-card-link:after{content:"▶";opacity:0;font-size:1.1rem;color:var(--p5-accent);top:1rem;right:1rem}.post-card--p5:hover .post-card-link:after{opacity:1}.p5-badge{position:absolute;top:.85rem;left:.85rem;padding:.2rem .45rem;border-radius:.4rem;font-size:.72rem;font-weight:700;letter-spacing:.2px;background:#a9b4ff26;color:var(--p5-accent);border:1px solid rgba(169,180,255,.25);backdrop-filter:blur(4px)}.post-card--p5 .card-btn{--btn-bg: color-mix(in oklab, var(--p5-accent) 88%, #000);background:var(--btn-bg);border:1px solid rgba(255,255,255,.1);color:#0b0b0b}.post-card--p5 .card-btn:hover{background:color-mix(in oklab,var(--p5-accent) 100%,#000);transform:translateY(-1px)}.post-card--review{--rev-accent: #f59e0b;--rev-accent-2: #fde68a;--rev-text: #e4e4e4;--rev-muted: #b3bac4;background:radial-gradient(140% 180% at 100% -40%,#fde68a1a,#fde68a00 60%),linear-gradient(180deg,#1b1b1b,#151515);border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 28px #00000059,inset 0 1px #ffffff0d;color:var(--rev-text)}.post-card--review:hover{box-shadow:0 14px 38px #00000080,0 0 0 1px #f59e0b2e inset}.post-card--review:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--rev-accent),var(--rev-accent-2));opacity:.75}.post-card--review .post-card-title{color:#fff}.post-card--review .post-card-meta,.post-card--review .post-card-desc{color:var(--rev-muted)}.post-card--review .read-post{color:var(--rev-accent)}.review-badge{background:#f59e0b24;color:var(--rev-accent);border:1px solid rgba(245,158,11,.32);backdrop-filter:blur(4px)}.post-card--review .card-btn{background:color-mix(in oklab,var(--rev-accent) 92%,#000);color:#0c0c0c;border:1px solid rgba(255,255,255,.08)}.post-card--review .card-btn:hover{background:color-mix(in oklab,var(--rev-accent) 100%,#000)}.post-card--info{--info-accent: #14b8a6;--info-accent-2: #99f6e4;--info-text: #e4e4e4;--info-muted: #a7b3bf;background:radial-gradient(130% 170% at 90% -30%,#14b8a61a,#14b8a600 60%),linear-gradient(180deg,#1a1f23,#121519);border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 28px #00000052,inset 0 1px #ffffff0d;color:var(--info-text);position:relative;overflow:hidden}.post-card--info:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 22px),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 22px);pointer-events:none;mix-blend-mode:normal}.post-card--info:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--info-accent),var(--info-accent-2));opacity:.9}.post-card--info .post-card-title{color:#fff}.post-card--info .post-card-meta,.post-card--info .post-card-desc{color:var(--info-muted)}.post-card--info .read-post{color:var(--info-accent)}.info-badge{padding:.25rem .5rem;border-radius:.4rem;font-size:.72rem;font-weight:700;letter-spacing:.2px;line-height:1;background:#14b8a624;color:var(--info-accent);border:1px solid rgba(20,184,166,.3);backdrop-filter:blur(4px)}.post-card-footer,.post-card-footer.has-badge,.post-card-badges{color:inherit}.post-card--nasa{--nasa-bg-1: #0a0d16;--nasa-bg-2: #05070d;--nasa-accent: #1d4ed8;--nasa-accent-light: #60a5fa;--nasa-text: #e6eaf2;--nasa-muted: #9ca3af;background:radial-gradient(140% 180% at 70% -40%,#60a5fa1a,#60a5fa00 70%),linear-gradient(180deg,var(--nasa-bg-1),var(--nasa-bg-2));color:var(--nasa-text);border:1px solid rgba(255,255,255,.06);box-shadow:0 12px 28px #00000059,inset 0 1px #ffffff0d;position:relative;overflow:hidden;isolation:isolate}.post-card--nasa:after{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 20% 20%,rgba(255,255,255,.2) 50%,transparent 51%),radial-gradient(1px 1px at 65% 45%,rgba(255,255,255,.15) 50%,transparent 51%),radial-gradient(1px 1px at 30% 70%,rgba(255,255,255,.12) 50%,transparent 51%),radial-gradient(1px 1px at 80% 30%,rgba(255,255,255,.18) 50%,transparent 51%);background-repeat:no-repeat;z-index:0;pointer-events:none}.post-card--nasa .post-card-title{color:#fff}.post-card--nasa .post-card-meta,.post-card--nasa .post-card-desc{color:var(--nasa-muted)}.post-card--nasa .read-post{color:var(--nasa-accent-light)}.post-card--nasa:hover{box-shadow:0 18px 42px #00000080,0 0 0 1px #60a5fa40 inset,0 0 36px #60a5fa26;transform:translateY(-4px)}.post-card--nasa .post-card-link:after{content:"🚀";opacity:0;font-size:1.1rem;color:var(--nasa-accent-light);top:1rem;right:1rem}.post-card--nasa:hover .post-card-link:after{opacity:1}.nasa-badge{position:absolute;bottom:.85rem;left:.85rem;padding:.25rem .55rem;border-radius:.4rem;font-size:.72rem;font-weight:700;letter-spacing:.2px;background:#1d4ed833;color:var(--nasa-accent-light);border:1px solid rgba(29,78,216,.3);backdrop-filter:blur(4px)}.post-card--nasa .card-btn{background:var(--nasa-accent);border:1px solid rgba(255,255,255,.08);color:#fff}.post-card--nasa .card-btn:hover{background:var(--nasa-accent-light);transform:translateY(-1px)}.post-card--nasa .post-card-badges .nasa-badge,.post-card--nasa .post-card-badges .latest-reel-badge{position:static}.latest-reel-badge{padding:.25rem .55rem;border-radius:.4rem;font-size:.72rem;font-weight:700;letter-spacing:.2px;background:#282828b3;backdrop-filter:blur(3px);border:1px solid transparent;background-image:linear-gradient(#28282800,#28282800),linear-gradient(90deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);background-origin:border-box;background-clip:padding-box,border-box;color:transparent;background-clip:text,border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent}