.posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:2rem;padding:1rem 0}.post-image{width:100%;aspect-ratio:16/9;background-color:#eee;border-radius:4px;overflow:hidden}.post-image img{width:100%;height:100%;object-fit:contain;animation:fadeIn .5s ease-in}.post-card{display:flex;flex-direction:column}.post-card a{text-decoration:none;color:inherit;display:block}.post-title{font-size:1.1rem;margin:1rem 0 .2rem;line-height:1.3;font-weight:500}.post-date{font-size:.85rem;color:#666}@keyframes fadeIn{from{opacity:0}to{opacity:1}}pre[class*=language-],code[class*=language-]{background:#fff!important;color:#111;text-shadow:none}.highlight pre,.highlight code{background:#fff!important;color:#111}pre[class*=language-]{border:1px solid #001a4b}.nav-list-top{display:flex;flex-wrap:wrap}.patterns{overflow:auto;margin-top:0;min-width:max-content}.theme-toggle__icon{width:2.25rem;height:2.25rem;place-items:center;border-radius:999px}:root[data-theme=dark] .theme-toggle__icon{border-color:rgba(255,255,255,.16)}.theme-toggle__icon svg{width:1.25rem;height:1.25rem;margin-top:.25rem}[for=themer]{border-radius:.33em;color:#000;cursor:pointer}:root[data-theme=dark] [for=themer]{color:#fff}:root{--bg-color:#ffffff;--bg-gradient:#f3f3f3;--earth-base:#111111;--earth-detail:#2c2c2c;--earth-atmosphere:rgba(0, 0, 0, 0.1);--rocket-body:#e8e8e8;--rocket-shadow:#999999;--rocket-dark:#333333;--rocket-window-rim:#666666;--rocket-window-glass:#1a1a1a;--rocket-flame:#666666;--star-color:#000000;--sprinkle-color:#000000;--sprinkle-shadow:rgba(0, 0, 0, 0.25)}html[data-theme=dark]{--bg-color:#21242c;--bg-gradient:#353942;--earth-base:#090d17;--earth-detail:#2c2c2c;--earth-atmosphere:rgba(255, 255, 255, 0.06);--rocket-body:#e6e6e6;--rocket-shadow:#999999;--rocket-dark:#151515;--rocket-window-rim:#777777;--rocket-window-glass:#0f0f0f;--rocket-flame:#ffffff;--star-color:#ffffff;--sprinkle-color:#ffffff;--sprinkle-shadow:rgba(255, 255, 255, 0.35)}.rocket-scene{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:var(--bg-color);background-image:radial-gradient(circle at 50% 80%,var(--bg-gradient) 0%,var(--bg-color) 70%);font-family:sans-serif;color:#333}.scene{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d}.star-bg{position:absolute;background:var(--star-color);border-radius:50%;opacity:.1;animation:twinkle var(--duration)infinite ease-in-out;z-index:0}@keyframes twinkle{0%,100%{opacity:.05;transform:scale(1)}50%{opacity:.3;transform:scale(1.3)}}.earth{position:absolute;top:85%;left:50%;transform:translateX(-50%);width:140vw;height:250vw;border-radius:50%;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.2) 0%,transparent 40%),radial-gradient(circle at 30% 30%,var(--earth-detail) 0%,transparent 20%),radial-gradient(circle at 70% 40%,var(--earth-detail) 0%,transparent 25%),var(--earth-base);box-shadow:0 -10px 60px var(--earth-atmosphere);z-index:1}.rocket-container{position:absolute;top:25%;animation:float 4s ease-in-out infinite;z-index:10;display:flex;flex-direction:column;align-items:center;transform-style:preserve-3d}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.rocket-body{position:relative;width:60px;height:160px;background:linear-gradient(to right,var(--rocket-body) 40%,var(--rocket-shadow));border-radius:50% 50% 10% 10%;z-index:5;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.5)}.window{position:absolute;top:40px;left:50%;transform:translateX(-50%);width:35px;height:35px;background:var(--rocket-window-glass);border:3px solid var(--rocket-window-rim);border-radius:50%}.fin{position:absolute;bottom:20px;width:30px;height:50px;background:var(--rocket-dark);z-index:4}.fin.left{left:-25px;border-radius:80% 0 0 100%;transform:rotate(-10deg)}.fin.right{right:-25px;border-radius:0 80% 100% 0;transform:rotate(10deg)}.fin-center{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:4px;height:50px;background:var(--rocket-dark);z-index:6}.exhaust-visuals{position:absolute;top:155px;width:60px;z-index:1;display:flex;justify-content:center;pointer-events:none}.flame-core{position:absolute;top:0;width:18px;height:300px;background:linear-gradient(to bottom,var(--rocket-flame),rgba(255,255,255,0));border-radius:0 0 50% 50%;filter:blur(4px);animation:burn .1s infinite alternate;transition:height .4s ease-out}.flame-outer{position:absolute;top:0;width:40px;height:380px;background:linear-gradient(to bottom,#b3b3b3,transparent);border-radius:0 0 50% 50%;filter:blur(8px);opacity:.8;animation:burn .15s infinite alternate-reverse;transition:height .4s ease-out}@keyframes burn{0%{transform:scaleX(1);opacity:1}100%{transform:scaleX(.95);opacity:.9}}.exhaust-trigger{position:absolute;top:150px;width:80px;height:600px;z-index:20;background:0 0;cursor:pointer}.exhaust-trigger:hover~.exhaust-visuals .flame-core{height:500px}.exhaust-trigger:hover~.exhaust-visuals .flame-outer{height:600px}.sprinkle{position:absolute;width:8px;height:8px;box-shadow:0 0 6px var(--sprinkle-shadow);background:var(--sprinkle-color);z-index:100;pointer-events:none;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}@keyframes tumbleFall{0%{transform:translate(0,0)rotate(0)scale(1);opacity:1}100%{transform:translate(var(--tx),var(--ty))rotate(var(--rot))scale(.5);opacity:0}}@media(max-width:720px){.intro-and-nav .left-rocket-only{display:block;width:100%}.intro-and-nav .left-rocket-only .rocket-scene{display:block;width:100%;height:80vw;position:relative;overflow:hidden}.intro-and-nav .left-rocket-only .rocket-scene .scene{width:100%;height:100%}.rocket-scene .rocket-container{top:18%;transform:scale(.9);transform-origin:top center}.earth{top:80%;width:250vw;height:400vw}.theme-toggle{padding:.7rem}}