-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
1 lines (1 loc) · 697 KB
/
index.html
File metadata and controls
1 lines (1 loc) · 697 KB
1
<!DOCTYPE html><html class="dark" lang="en"><head><meta charset="utf-8"><link href="/favicon.ico" rel="icon"><link href="/favicon.svg" rel="icon" type="image/svg+xml"><meta content="width=device-width,initial-scale=1" name="viewport"><meta content="#000000" name="theme-color"><link href="/rss.xml" rel="alternate" type="application/rss+xml" title="Fezcodex RSS Feed"><meta content="codex by fezcode..." name="description"><meta content="website" property="og:type"><meta content="https://fezcode.com/" property="og:url"><meta content="Fezcodex - Personal Blog and Projects" property="og:title"><meta content="Discover logs, posts, projects, and stories from Fezcode." property="og:description"><meta content="/images/asset/ogtitle.png" property="og:image"><meta content="summary_large_image" name="twitter:card"><meta content="https://fezcode.com/" name="twitter:url"><meta content="Fezcodex - Personal Blog and Projects" name="twitter:title"><meta content="Discover logs, posts, projects, and stories from Fezcode." name="twitter:description"><meta content="/images/asset/ogtitle.png" name="twitter:image"><link href="/logo192.png" rel="apple-touch-icon"><link href="/manifest.json" rel="manifest"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin=""><link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Arvo&family=Inter&family=Playfair+Display:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=Outfit:wght@300;400;500;600&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap" rel="stylesheet"><title>Logs | Fezcodex</title><title>fezcodex</title><script defer src="/static/js/main.87f8d95f.js"></script><link href="/static/css/main.c666da2c.css" rel="stylesheet"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect"><meta content="A collection of logs, thoughts, and other miscellaneous writings." name="description"><meta content="Fezcodex, logs, thoughts, writing" name="keywords"><meta content="Logs | Fezcodex" property="og:title"><meta content="A collection of logs, thoughts, and other miscellaneous writings." property="og:description"><meta content="https://fezcode.com/images/asset/ogtitle.png" property="og:image"><meta content="https://fezcode.com/logs/" property="og:url"><meta content="website" property="og:type"><meta content="Fezcodex" property="og:site_name"><meta content="https://fezcode.com/images/asset/ogtitle.png" property="og:image:secure_url"><meta content="summary_large_image" name="twitter:card"><meta content="Logs | Fezcodex" name="twitter:title"><meta content="A collection of logs, thoughts, and other miscellaneous writings." name="twitter:description"><meta content="https://fezcode.com/images/asset/ogtitle.png" name="twitter:image"><meta content="https://fezcode.com/logs/" name="twitter:url"><link href="https://fezcode.com/logs/" rel="canonical"><link href="https://github.com" rel="preconnect"><link href="https://release-assets.githubusercontent.com" rel="preconnect"></head><body class="bg-slate-950" style="cursor:default;user-select:auto"><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"><div class="bg-emerald-600 text-white relative z-[100] border-b-2 border-black selection:bg-white selection:text-black" style="height:auto;opacity:1"><div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between gap-4"><div class="flex items-center gap-3 flex-1"><span class="shrink-0"><svg viewBox="0 0 256 256" height="20" width="20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M108,84a16,16,0,1,1,16,16A16,16,0,0,1,108,84Zm128,44A108,108,0,1,1,128,20,108.12,108.12,0,0,1,236,128Zm-24,0a84,84,0,1,0-84,84A84.09,84.09,0,0,0,212,128Zm-72,36.68V132a20,20,0,0,0-20-20,12,12,0,0,0-4,23.32V168a20,20,0,0,0,20,20,12,12,0,0,0,4-23.32Z"></path></svg></span><p class="font-mono text-xs md:text-sm font-black uppercase tracking-widest leading-tight">CLIMB THE TALL BUILDING 0 IS ONLINE: BUILD YOUR DECK AND CLIMB. ACCESS AT /CLIMB-THE-TALL-BUILDING-0.</p><a class="shrink-0 inline-flex items-center gap-1 bg-black/20 hover:bg-black/40 px-3 py-1 rounded-sm border border-white/20 transition-all font-bold text-[10px] uppercase" href="https://fezcode.com/climb-the-tall-building-0/">Play Climb the Tall Building 0<svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></a></div><button class="p-1 hover:bg-black/20 rounded-sm transition-colors shrink-0" aria-label="Dismiss"><svg viewBox="0 0 256 256" height="20" width="20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z"></path></svg></button></div><div class="h-0.5 w-full bg-black/10"></div></div><div class="bg-[#050505] min-h-screen font-sans flex"><div class="fixed inset-0 bg-black/80 backdrop-blur-sm z-40 md:hidden transition-opacity opacity-0 pointer-events-none"></div><aside class="fixed top-0 left-0 h-screen w-72 bg-[#060608] z-50 flex flex-col border-r border-white/10 shadow-2xl" style="transform:translateX(-100%)"><div class="p-8 border-b border-white/10 flex flex-col gap-2 bg-black/50 relative"><div class="absolute top-0 left-0 w-full h-[2px] bg-gradient-to-r from-emerald-500/60 via-amber-500/30 to-transparent"></div><a class="flex items-center gap-3 group" href="/" data-discover="true"><span class="text-xl font-black uppercase tracking-tighter text-white">Fez<span class="text-emerald-500">codex</span></span></a><span class="font-arvo text-[10px] text-gray-500 uppercase tracking-widest font-medium">Digital Archive Kernel // v0.20.1 // Neural_Nexus</span></div><div class="relative flex-grow overflow-hidden"><div class="h-full overflow-y-auto scrollbar-hide no-scrollbar"><button class="flex items-center justify-between w-full px-6 py-4 border-b border-white/10 transition-all duration-300 text-gray-600 hover:text-gray-400 border-l-2 border-transparent"><span class="font-arvo text-[11px] uppercase tracking-[0.2em]">// Main</span><span class="transform transition-transform duration-300 rotate-180">↓</span></button><nav class="flex flex-col"><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/" data-discover="true"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M222.14,105.85l-80-80a20,20,0,0,0-28.28,0l-80,80A19.86,19.86,0,0,0,28,120v96a12,12,0,0,0,12,12h64a12,12,0,0,0,12-12V164h24v52a12,12,0,0,0,12,12h64a12,12,0,0,0,12-12V120A19.86,19.86,0,0,0,222.14,105.85ZM204,204H164V152a12,12,0,0,0-12-12H104a12,12,0,0,0-12,12v52H52V121.65l76-76,76,76Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Home</span></div><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/terminal" data-discover="true"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M72.5,150.63,100.79,128,72.5,105.37a12,12,0,1,1,15-18.74l40,32a12,12,0,0,1,0,18.74l-40,32a12,12,0,0,1-15-18.74ZM144,172h32a12,12,0,0,0,0-24H144a12,12,0,0,0,0,24ZM236,56V200a20,20,0,0,1-20,20H40a20,20,0,0,1-20-20V56A20,20,0,0,1,40,36H216A20,20,0,0,1,236,56Zm-24,4H44V196H212Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Terminal</span></div><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/about" data-discover="true"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M234.38,210a123.36,123.36,0,0,0-60.78-53.23,76,76,0,1,0-91.2,0A123.36,123.36,0,0,0,21.62,210a12,12,0,1,0,20.77,12c18.12-31.32,50.12-50,85.61-50s67.49,18.69,85.61,50a12,12,0,0,0,20.77-12ZM76,96a52,52,0,1,1,52,52A52.06,52.06,0,0,1,76,96Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">About</span></div><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/achievements" data-discover="true"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M232,60H212V48a12,12,0,0,0-12-12H56A12,12,0,0,0,44,48V60H24A20,20,0,0,0,4,80V96a44.05,44.05,0,0,0,44,44h.77A84.18,84.18,0,0,0,116,195.15V212H96a12,12,0,0,0,0,24h64a12,12,0,0,0,0-24H140V195.11c30.94-4.51,56.53-26.2,67-55.11h1a44.05,44.05,0,0,0,44-44V80A20,20,0,0,0,232,60ZM28,96V84H44v28c0,1.21,0,2.41.09,3.61A20,20,0,0,1,28,96Zm160,15.1c0,33.33-26.71,60.65-59.54,60.9A60,60,0,0,1,68,112V60H188ZM228,96a20,20,0,0,1-16.12,19.62c.08-1.5.12-3,.12-4.52V84h16Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Achievements</span></div><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a></nav><button class="flex items-center justify-between w-full px-6 py-4 border-b border-white/10 transition-all duration-300 bg-emerald-500/5 text-emerald-400 border-l-2 border-emerald-500"><span class="font-arvo text-[11px] uppercase tracking-[0.2em]">// Feed</span><span class="transform transition-transform duration-300 rotate-180">↓</span></button><nav class="flex flex-col"><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/blog" data-discover="true"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M232,44H160a43.86,43.86,0,0,0-32,13.85A43.86,43.86,0,0,0,96,44H24A12,12,0,0,0,12,56V200a12,12,0,0,0,12,12H96a20,20,0,0,1,20,20,12,12,0,0,0,24,0,20,20,0,0,1,20-20h72a12,12,0,0,0,12-12V56A12,12,0,0,0,232,44ZM96,188H36V68H96a20,20,0,0,1,20,20V192.81A43.79,43.79,0,0,0,96,188Zm124,0H160a43.71,43.71,0,0,0-20,4.83V88a20,20,0,0,1,20-20h60Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Blogposts</span></div><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/projects" data-discover="true"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M230.47,67.5a12,12,0,0,0-19.26-4.32L172.43,99l-12.68-2.72L157,83.57l35.79-38.78a12,12,0,0,0-4.32-19.26A76.07,76.07,0,0,0,88.41,121.64L30.92,174.18a4.68,4.68,0,0,0-.39.38,36,36,0,0,0,50.91,50.91l.38-.39,52.54-57.49A76.05,76.05,0,0,0,230.47,67.5ZM160,148a51.5,51.5,0,0,1-23.35-5.52,12,12,0,0,0-14.26,2.62L64.31,208.66a12,12,0,0,1-17-17l63.55-58.07a12,12,0,0,0,2.62-14.26A51.5,51.5,0,0,1,108,96a52.06,52.06,0,0,1,52-52h.89L135.17,71.87a12,12,0,0,0-2.91,10.65l5.66,26.35a12,12,0,0,0,9.21,9.21l26.35,5.66a12,12,0,0,0,10.65-2.91L212,95.12c0,.3,0,.59,0,.89A52.06,52.06,0,0,1,160,148Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Projects</span></div><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 bg-emerald-500/10 text-white" href="/logs" data-discover="true" aria-current="page"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M216,36H40A20,20,0,0,0,20,56V200a20,20,0,0,0,20,20H216a20,20,0,0,0,20-20V56A20,20,0,0,0,216,36Zm-4,160H44V60H212ZM68,92A12,12,0,0,1,80,80h96a12,12,0,0,1,0,24H80A12,12,0,0,1,68,92Zm0,36a12,12,0,0,1,12-12h96a12,12,0,0,1,0,24H80A12,12,0,0,1,68,128Zm0,36a12,12,0,0,1,12-12h96a12,12,0,0,1,0,24H80A12,12,0,0,1,68,164Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Discovery Logs</span></div><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/vocab" data-discover="true"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,20H72A36,36,0,0,0,36,56V224a12,12,0,0,0,12,12H192a12,12,0,0,0,0-24H60v-4a12,12,0,0,1,12-12H208a12,12,0,0,0,12-12V32A12,12,0,0,0,208,20ZM120,44h36v59l-10.51-8.41a12,12,0,0,0-15,0L120,103Zm76,128H72a35.59,35.59,0,0,0-12,2.06V56A12,12,0,0,1,72,44H96v84a12,12,0,0,0,19.5,9.37l22.49-18,22.51,18A12,12,0,0,0,180,128V44h16Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Glossary</span></div><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/the-vague" data-discover="true"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,164v8h12a12,12,0,0,1,0,24H200v12a12,12,0,0,1-24,0V152a12,12,0,0,1,12-12h32a12,12,0,0,1,0,24ZM92,172a32,32,0,0,1-32,32H56v4a12,12,0,0,1-24,0V152a12,12,0,0,1,12-12H60A32,32,0,0,1,92,172Zm-24,0a8,8,0,0,0-8-8H56v16h4A8,8,0,0,0,68,172Zm100,8a40,40,0,0,1-40,40H112a12,12,0,0,1-12-12V152a12,12,0,0,1,12-12h16A40,40,0,0,1,168,180Zm-24,0a16,16,0,0,0-16-16h-4v32h4A16,16,0,0,0,144,180ZM36,108V40A20,20,0,0,1,56,20h96a12,12,0,0,1,8.49,3.52l56,56A12,12,0,0,1,220,88v20a12,12,0,0,1-24,0v-4H148a12,12,0,0,1-12-12V44H60v64a12,12,0,0,1-24,0ZM160,57V80h23Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">The Vague</span></div><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a></nav><button class="flex items-center justify-between w-full px-6 py-4 border-b border-white/10 transition-all duration-300 text-gray-600 hover:text-gray-400 border-l-2 border-transparent"><span class="font-arvo text-[11px] uppercase tracking-[0.2em]">// Applications</span><span class="transform transition-transform duration-300 rotate-180">↓</span></button><nav class="flex flex-col"><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="https://fezcode.com/castarook/"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M252,80a32,32,0,1,0-60,15.45l-20.86,25.66L150.82,74.4a32,32,0,1,0-45.64,0L84.87,121.11,64,95.45a32,32,0,1,0-35,15.78l14,84.06A19.94,19.94,0,0,0,62.78,212H193.22A19.94,19.94,0,0,0,213,195.29l14-84.06A32.05,32.05,0,0,0,252,80Zm-32-8a8,8,0,1,1-8,8A8,8,0,0,1,220,72ZM128,44a8,8,0,1,1-8,8A8,8,0,0,1,128,44ZM36,72a8,8,0,1,1-8,8A8,8,0,0,1,36,72ZM189.83,188H66.17L55.29,122.78l23.4,28.79A12,12,0,0,0,88,156a12.87,12.87,0,0,0,1.63-.11,12,12,0,0,0,9.37-7.1L127.18,84l.82,0,.82,0L157,148.79a12,12,0,0,0,9.37,7.1A12.87,12.87,0,0,0,168,156a12,12,0,0,0,9.31-4.43l23.4-28.79Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Castarook</span></div><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="https://fezcode.com/Swat-Tactics/"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,36H48A20,20,0,0,0,28,56v56c0,54.29,26.32,87.22,48.4,105.29,23.71,19.39,47.44,26,48.44,26.29a12.1,12.1,0,0,0,6.32,0c1-.28,24.73-6.9,48.44-26.29,22.08-18.07,48.4-51,48.4-105.29V56A20,20,0,0,0,208,36Zm-4,76c0,35.71-13.09,64.69-38.91,86.15A126.28,126.28,0,0,1,128,219.38a126.14,126.14,0,0,1-37.09-21.23C65.09,176.69,52,147.71,52,112V60H204ZM79.51,144.49a12,12,0,1,1,17-17L112,143l47.51-47.52a12,12,0,0,1,17,17l-56,56a12,12,0,0,1-17,0Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Swat Tactics</span></div><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="https://fezcode.com/climb-the-tall-building-0/"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M216,28H152a12,12,0,0,0-9.33,4.45L79.5,110.51l-4.66-4.65a20,20,0,0,0-28.29,0L29.86,122.55a20,20,0,0,0,0,28.29h0L45,166,23.86,187.17a20,20,0,0,0,0,28.28l16.69,16.69a20,20,0,0,0,28.28,0L90,211l15.17,15.16a20,20,0,0,0,28.29,0l16.69-16.69a20,20,0,0,0,0-28.3l-4.65-4.65,78.06-63.17A12,12,0,0,0,228,104V40A12,12,0,0,0,216,28ZM54.69,212.34l-11-11L62,183l11,11Zm64.61-6L49.65,136.7l11.05-11,69.65,69.65ZM204,98.27l-75.58,61.17L121,152l47.51-47.5a12,12,0,0,0-17-17L104,135l-7.45-7.44L157.73,52H204Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">CTTB-0</span></div><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="https://fezcode.com/net_run/"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M225.6,62.64l-88-48.17a19.91,19.91,0,0,0-19.2,0l-88,48.17A20,20,0,0,0,20,80.19v95.62a20,20,0,0,0,10.4,17.55l88,48.17a19.89,19.89,0,0,0,19.2,0l88-48.17A20,20,0,0,0,236,175.81V80.19A20,20,0,0,0,225.6,62.64ZM128,36.57,200,76,128,115.4,56,76ZM44,96.79l72,39.4v76.67L44,173.44Zm96,116.07V136.19l72-39.4v76.65Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Net Run</span></div><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a></nav><button class="flex items-center justify-between w-full px-6 py-4 border-b border-white/10 transition-all duration-300 text-gray-600 hover:text-gray-400 border-l-2 border-transparent"><span class="font-arvo text-[11px] uppercase tracking-[0.2em]">// Utilities</span><span class="transform transition-transform duration-300 rotate-180">↓</span></button><nav class="flex flex-col"><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/pinned-apps" data-discover="true"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M238.15,78.54,177.46,17.86a20,20,0,0,0-28.3,0L97.2,70c-12.43-3.33-36.68-5.72-61.74,14.5a20,20,0,0,0-1.6,29.73l45.46,45.47-39.8,39.8a12,12,0,0,0,17,17l39.8-39.81,45.47,45.46A20,20,0,0,0,155.91,228c.46,0,.93,0,1.4-.05A20,20,0,0,0,171.87,220c4.69-6.23,11-16.13,14.44-28s3.45-22.88.16-33.4l51.7-51.87A20,20,0,0,0,238.15,78.54Zm-74.26,68.79a12,12,0,0,0-2.23,13.84c3.43,6.86,6.9,21-6.28,40.65L54.08,100.53c21.09-14.59,39.53-6.64,41-6a11.67,11.67,0,0,0,13.81-2.29l54.43-54.61,55,55Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Favorites</span></div><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/apps" data-discover="true"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M100,36H56A20,20,0,0,0,36,56v44a20,20,0,0,0,20,20h44a20,20,0,0,0,20-20V56A20,20,0,0,0,100,36ZM96,96H60V60H96ZM200,36H156a20,20,0,0,0-20,20v44a20,20,0,0,0,20,20h44a20,20,0,0,0,20-20V56A20,20,0,0,0,200,36Zm-4,60H160V60h36Zm-96,40H56a20,20,0,0,0-20,20v44a20,20,0,0,0,20,20h44a20,20,0,0,0,20-20V156A20,20,0,0,0,100,136Zm-4,60H60V160H96Zm104-60H156a20,20,0,0,0-20,20v44a20,20,0,0,0,20,20h44a20,20,0,0,0,20-20V156A20,20,0,0,0,200,136Zm-4,60H160V160h36Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">App Center</span></div><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/commands" data-discover="true"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Manuals</span></div><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a></nav><button class="flex items-center justify-between w-full px-6 py-4 border-b border-white/10 transition-all duration-300 text-gray-600 hover:text-gray-400 border-l-2 border-transparent"><span class="font-arvo text-[11px] uppercase tracking-[0.2em]">// System</span><span class="transform transition-transform duration-300">↓</span></button><button class="flex items-center justify-between w-full px-6 py-4 border-b border-white/10 transition-all duration-300 text-gray-600 hover:text-gray-400 border-l-2 border-transparent"><span class="font-arvo text-[11px] uppercase tracking-[0.2em]">// External Nodes</span><span class="transform transition-transform duration-300">↓</span></button></div></div><div class="p-4 border-t border-white/10 bg-black/50"><div class="grid grid-cols-4 gap-2 mb-4"><button class="group flex flex-col items-center justify-center p-2 border border-white/[0.08] bg-white/[0.03] hover:bg-emerald-400 hover:border-emerald-400 transition-all aspect-square" title="COMMANDS"><div class="text-white group-hover:text-black transition-all"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M232.49,215.51,185,168a92.12,92.12,0,1,0-17,17l47.53,47.54a12,12,0,0,0,17-17ZM44,112a68,68,0,1,1,68,68A68.07,68.07,0,0,1,44,112Z"></path></svg></div></button><button class="group flex flex-col items-center justify-center p-2 border border-white/[0.08] bg-white/[0.03] hover:bg-emerald-400 hover:border-emerald-400 transition-all aspect-square" title="SETTINGS"><div class="text-white group-hover:text-black transition-all"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M128,76a52,52,0,1,0,52,52A52.06,52.06,0,0,0,128,76Zm0,80a28,28,0,1,1,28-28A28,28,0,0,1,128,156Zm113.86-49.57A12,12,0,0,0,236,98.34L208.21,82.49l-.11-31.31a12,12,0,0,0-4.25-9.12,116,116,0,0,0-38-21.41,12,12,0,0,0-9.68.89L128,37.27,99.83,21.53a12,12,0,0,0-9.7-.9,116.06,116.06,0,0,0-38,21.47,12,12,0,0,0-4.24,9.1l-.14,31.34L20,98.35a12,12,0,0,0-5.85,8.11,110.7,110.7,0,0,0,0,43.11A12,12,0,0,0,20,157.66l27.82,15.85.11,31.31a12,12,0,0,0,4.25,9.12,116,116,0,0,0,38,21.41,12,12,0,0,0,9.68-.89L128,218.73l28.14,15.74a12,12,0,0,0,9.7.9,116.06,116.06,0,0,0,38-21.47,12,12,0,0,0,4.24-9.1l.14-31.34,27.81-15.81a12,12,0,0,0,5.85-8.11A110.7,110.7,0,0,0,241.86,106.43Zm-22.63,33.18-26.88,15.28a11.94,11.94,0,0,0-4.55,4.59c-.54,1-1.11,1.93-1.7,2.88a12,12,0,0,0-1.83,6.31L184.13,199a91.83,91.83,0,0,1-21.07,11.87l-27.15-15.19a12,12,0,0,0-5.86-1.53h-.29c-1.14,0-2.3,0-3.44,0a12.08,12.08,0,0,0-6.14,1.51L93,210.82A92.27,92.27,0,0,1,71.88,199l-.11-30.24a12,12,0,0,0-1.83-6.32c-.58-.94-1.16-1.91-1.7-2.88A11.92,11.92,0,0,0,63.7,155L36.8,139.63a86.53,86.53,0,0,1,0-23.24l26.88-15.28a12,12,0,0,0,4.55-4.58c.54-1,1.11-1.94,1.7-2.89a12,12,0,0,0,1.83-6.31L71.87,57A91.83,91.83,0,0,1,92.94,45.17l27.15,15.19a11.92,11.92,0,0,0,6.15,1.52c1.14,0,2.3,0,3.44,0a12.08,12.08,0,0,0,6.14-1.51L163,45.18A92.27,92.27,0,0,1,184.12,57l.11,30.24a12,12,0,0,0,1.83,6.32c.58.94,1.16,1.91,1.7,2.88A11.92,11.92,0,0,0,192.3,101l26.9,15.33A86.53,86.53,0,0,1,219.23,139.61Z"></path></svg></div></button><button class="group flex flex-col items-center justify-center p-2 border border-white/[0.08] bg-white/[0.03] hover:bg-emerald-400 hover:border-emerald-400 transition-all aspect-square" title="RANDOM"><div class="text-white group-hover:text-black transition-all"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M240.49,175.51a12,12,0,0,1,0,17l-24,24a12,12,0,0,1-17-17L203,196h-2.09a76.17,76.17,0,0,1-61.85-31.83L97.38,105.78A52.1,52.1,0,0,0,55.06,84H32a12,12,0,0,1,0-24H55.06a76.17,76.17,0,0,1,61.85,31.83l41.71,58.39A52.1,52.1,0,0,0,200.94,172H203l-3.52-3.51a12,12,0,0,1,17-17Zm-95.62-72.62a12,12,0,0,0,16.93-1.13A52,52,0,0,1,200.94,84H203l-3.52,3.51a12,12,0,0,0,17,17l24-24a12,12,0,0,0,0-17l-24-24a12,12,0,0,0-17,17L203,60h-2.09a76,76,0,0,0-57.2,26A12,12,0,0,0,144.87,102.89Zm-33.74,50.22a12,12,0,0,0-16.93,1.13A52,52,0,0,1,55.06,172H32a12,12,0,0,0,0,24H55.06a76,76,0,0,0,57.2-26A12,12,0,0,0,111.13,153.11Z"></path></svg></div></button><button class="group flex flex-col items-center justify-center p-2 border border-white/[0.08] bg-white/[0.03] hover:bg-emerald-400 hover:border-emerald-400 transition-all aspect-square" title="CONTACT"><div class="text-white group-hover:text-black transition-all"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M224,44H32A12,12,0,0,0,20,56V192a20,20,0,0,0,20,20H216a20,20,0,0,0,20-20V56A12,12,0,0,0,224,44ZM193.15,68,128,127.72,62.85,68ZM44,188V83.28l75.89,69.57a12,12,0,0,0,16.22,0L212,83.28V188Z"></path></svg></div></button></div><div class="text-center"><p class="font-arvo text-[10px] text-gray-600 uppercase tracking-widest font-medium">© 2026 Fezcode // Theme: Brutalist</p></div></div></aside><div class="flex-1 flex flex-col transition-all duration-300 md:ml-0"><header class="bg-[#050505]/80 backdrop-blur-md sticky top-0 z-[60] transition-all border-b border-transparent py-4 relative"><button class="absolute top-1/2 -translate-y-1/2 left-6 text-gray-400 hover:text-emerald-500 transition-colors hidden md:block focus:outline-none" aria-label="Toggle Sidebar"><svg viewBox="0 0 256 256" height="24" width="24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M228,128a12,12,0,0,1-12,12H40a12,12,0,0,1,0-24H216A12,12,0,0,1,228,128ZM40,76H216a12,12,0,0,0,0-24H40a12,12,0,0,0,0,24ZM216,180H40a12,12,0,0,0,0,24H216a12,12,0,0,0,0-24Z"></path></svg></button><div class="mx-auto max-w-7xl px-6 flex justify-between items-center text-white"><div class="md:hidden flex items-center gap-4"><button class="text-gray-400 hover:text-white transition-colors focus:outline-none"><svg viewBox="0 0 256 256" height="24" width="24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M228,128a12,12,0,0,1-12,12H40a12,12,0,0,1,0-24H216A12,12,0,0,1,228,128ZM40,76H216a12,12,0,0,0,0-24H40a12,12,0,0,0,0,24ZM216,180H40a12,12,0,0,0,0,24H216a12,12,0,0,0,0-24Z"></path></svg></button><a class="flex items-center gap-2" href="/" data-discover="true"><svg viewBox="0 0 100 100" height="40" width="40" xmlns="http://www.w3.org/2000/svg" class="text-white" style="transform:rotate(-30deg)"><g transform="translate(0, -2)"><path d="M 20 40 C 20 30, 80 30, 80 40 L 85 70 C 85 75, 15 75, 15 70 Z" fill="white" stroke="white" stroke-width="2"></path><path d="M 50 25 Q 60 15, 70 25" fill="none" stroke="white" stroke-width="2"></path></g></svg><span class="text-xl font-black tracking-tighter uppercase font-mono">Fez<span class="text-emerald-500">codex</span></span></a></div><div class="hidden md:flex items-center gap-2 ml-12"><a class="flex items-center gap-2 group" href="/" data-discover="true"><svg viewBox="0 0 100 100" height="40" width="40" xmlns="http://www.w3.org/2000/svg" class="text-white" style="transform:rotate(-30deg)"><g transform="translate(0, -2)"><path d="M 20 40 C 20 30, 80 30, 80 40 L 85 70 C 85 75, 15 75, 15 70 Z" fill="white" stroke="white" stroke-width="2"></path><path d="M 50 25 Q 60 15, 70 25" fill="none" stroke="white" stroke-width="2"></path></g></svg><span class="text-2xl font-black tracking-tighter uppercase font-mono transition-colors group-hover:text-emerald-500">Fez<span class="text-emerald-500 group-hover:text-white">codex</span></span></a></div><div class="flex items-center gap-2 md:gap-4"><a class="group flex items-center gap-2 px-3 py-2 text-gray-400 hover:text-white hover:bg-white/5 rounded-sm transition-all" href="/about" data-discover="true"><svg viewBox="0 0 256 256" height="20" width="20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M234.38,210a123.36,123.36,0,0,0-60.78-53.23,76,76,0,1,0-91.2,0A123.36,123.36,0,0,0,21.62,210a12,12,0,1,0,20.77,12c18.12-31.32,50.12-50,85.61-50s67.49,18.69,85.61,50a12,12,0,0,0,20.77-12ZM76,96a52,52,0,1,1,52,52A52.06,52.06,0,0,1,76,96Z"></path></svg><span class="hidden md:inline text-[10px] font-mono font-bold uppercase tracking-widest">About</span></a><button class="group flex items-center gap-2 px-3 py-2 text-gray-400 hover:text-white hover:bg-white/5 rounded-sm transition-all" aria-label="Toggle Search"><svg viewBox="0 0 256 256" height="20" width="20" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="group-hover:text-emerald-500 transition-colors"><path d="M232.49,215.51,185,168a92.12,92.12,0,1,0-17,17l47.53,47.54a12,12,0,0,0,17-17ZM44,112a68,68,0,1,1,68,68A68.07,68.07,0,0,1,44,112Z"></path></svg><span class="hidden md:inline text-[10px] font-mono font-bold uppercase tracking-widest group-hover:text-emerald-500 transition-colors">Search</span></button></div></div></header><main class="flex-grow"><div style="opacity:1"><div class="min-h-screen bg-[#050505] text-white selection:bg-emerald-500/30 font-sans"><div class="mx-auto max-w-5xl px-6 py-24 md:px-12"><header class="mb-20"><a class="mb-8 inline-flex items-center gap-2 text-xs font-mono text-gray-500 hover:text-white transition-colors uppercase tracking-widest" href="/" data-discover="true"><svg viewBox="0 0 256 256" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M228,128a12,12,0,0,1-12,12H69l51.52,51.51a12,12,0,0,1-17,17l-72-72a12,12,0,0,1,0-17l72-72a12,12,0,0,1,17,17L69,116H216A12,12,0,0,1,228,128Z"></path></svg><span>Home</span></a><div class="flex flex-col md:flex-row md:items-end justify-between gap-8"><div><h1 class="text-6xl md:text-8xl font-black tracking-tighter text-white mb-4 leading-none">LOGS</h1><p class="text-gray-400 font-mono text-sm max-w-sm uppercase tracking-widest">Total Entries: 143</p></div><div class="flex items-center gap-6"><div class="flex bg-white/5 p-1 rounded-sm border border-white/10"><button class="p-2 transition-all bg-white text-black" title="Grid View"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M120,56v48a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V56A16,16,0,0,1,56,40h48A16,16,0,0,1,120,56Zm80-16H152a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm-96,96H56a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V152A16,16,0,0,0,104,136Zm96,0H152a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V152A16,16,0,0,0,200,136Z"></path></svg></button><button class="p-2 transition-all text-gray-500 hover:text-white" title="List View"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z"></path></svg></button></div><a class="flex items-center gap-2 px-4 py-2 bg-amber-500/10 border border-amber-500/50 text-amber-500 hover:bg-amber-500 hover:text-black transition-all font-mono text-xs uppercase tracking-widest font-bold rounded-sm" href="/reading" data-discover="true"><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,20H72A36,36,0,0,0,36,56V224a12,12,0,0,0,12,12H192a12,12,0,0,0,0-24H60v-4a12,12,0,0,1,12-12H208a12,12,0,0,0,12-12V32A12,12,0,0,0,208,20ZM120,44h36v59l-10.51-8.41a12,12,0,0,0-15,0L120,103Zm76,128H72a35.59,35.59,0,0,0-12,2.06V56A12,12,0,0,1,72,44H96v84a12,12,0,0,0,19.5,9.37l22.49-18,22.51,18A12,12,0,0,0,180,128V44h16Z"></path></svg><span>Reading</span></a><button class="text-gray-500 hover:text-emerald-400 transition-colors font-mono text-xs uppercase tracking-widest flex items-center gap-2"><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z"></path></svg><span>Rating System</span></button></div></div></header><div class="sticky top-0 z-30 bg-[#050505]/95 backdrop-blur-sm border-b border-white/10 pb-6 pt-2 mb-12"><div class="mb-6"><input class="w-full bg-transparent border-b border-gray-800 text-xl md:text-2xl font-light text-white placeholder-gray-700 focus:border-emerald-500 focus:outline-none py-2 transition-colors font-mono" placeholder="Search logs..." type="text" value=""></div><div class="flex flex-wrap items-center gap-3"><div class="flex items-center gap-2 mr-2 text-gray-600 font-mono text-xs uppercase tracking-widest"><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M227.81,66.76l-.08.09L160,139.17v55.49A16,16,0,0,1,152.87,208l-32,21.34A16,16,0,0,1,96,216V139.17L28.27,66.85l-.08-.09A16,16,0,0,1,40,40H216a16,16,0,0,1,11.84,26.76Z"></path></svg><span>Filter By</span></div><button class="px-3 py-1 rounded-sm text-xs font-bold uppercase tracking-widest border transition-all duration-200 bg-transparent text-gray-500 border-gray-800 hover:border-gray-600 hover:text-gray-300">Book</button><button class="px-3 py-1 rounded-sm text-xs font-bold uppercase tracking-widest border transition-all duration-200 bg-transparent text-gray-500 border-gray-800 hover:border-gray-600 hover:text-gray-300">Movie</button><button class="px-3 py-1 rounded-sm text-xs font-bold uppercase tracking-widest border transition-all duration-200 bg-transparent text-gray-500 border-gray-800 hover:border-gray-600 hover:text-gray-300">Video</button><button class="px-3 py-1 rounded-sm text-xs font-bold uppercase tracking-widest border transition-all duration-200 bg-transparent text-gray-500 border-gray-800 hover:border-gray-600 hover:text-gray-300">Game</button><button class="px-3 py-1 rounded-sm text-xs font-bold uppercase tracking-widest border transition-all duration-200 bg-transparent text-gray-500 border-gray-800 hover:border-gray-600 hover:text-gray-300">Article</button><button class="px-3 py-1 rounded-sm text-xs font-bold uppercase tracking-widest border transition-all duration-200 bg-transparent text-gray-500 border-gray-800 hover:border-gray-600 hover:text-gray-300">Music</button><button class="px-3 py-1 rounded-sm text-xs font-bold uppercase tracking-widest border transition-all duration-200 bg-transparent text-gray-500 border-gray-800 hover:border-gray-600 hover:text-gray-300">Series</button><button class="px-3 py-1 rounded-sm text-xs font-bold uppercase tracking-widest border transition-all duration-200 bg-transparent text-gray-500 border-gray-800 hover:border-gray-600 hover:text-gray-300">Food</button><button class="px-3 py-1 rounded-sm text-xs font-bold uppercase tracking-widest border transition-all duration-200 bg-transparent text-gray-500 border-gray-800 hover:border-gray-600 hover:text-gray-300">Websites</button><button class="px-3 py-1 rounded-sm text-xs font-bold uppercase tracking-widest border transition-all duration-200 bg-transparent text-gray-500 border-gray-800 hover:border-gray-600 hover:text-gray-300">Tools</button><button class="px-3 py-1 rounded-sm text-xs font-bold uppercase tracking-widest border transition-all duration-200 bg-transparent text-gray-500 border-gray-800 hover:border-gray-600 hover:text-gray-300">Event</button></div></div><div class="pb-32"><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6" style="transform:none;transform-origin:50% 50% 0"><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/movie/vanilla-sky" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-vanilla-skymovie" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-vanilla-skymovie)" height="100" width="100"></rect><g transform="translate(0, 40) rotate(0, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(200, 70%, 60%)" stroke-width="1.5"></circle></g><g transform="translate(0, 60) rotate(90, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(20, 60%, 50%)" stroke-width="1.5"></polygon></g><g transform="translate(20, 0) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(20, 60%, 50%)" stroke-width="1.5"></circle></g><g transform="translate(20, 20) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(20, 60%, 50%)" opacity="0.9"></path></g><g transform="translate(20, 40) rotate(90, 10, 10)"><polygon fill="hsl(20, 60%, 50%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(20, 60%, 50%)" stroke-width="0"></polygon></g><g transform="translate(20, 80) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(200, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(40, 0) rotate(180, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(20, 60%, 50%)" opacity="0.9"></path></g><g transform="translate(40, 20) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(290, 80%, 60%)" opacity="0.9"></path></g><g transform="translate(40, 60) rotate(180, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(200, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(40, 80) rotate(270, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(20, 60%, 50%)" stroke-width="1.5"></rect></g><g transform="translate(80, 0) rotate(180, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(20, 60%, 50%)" opacity="0.9"></path></g><g transform="translate(80, 20) rotate(180, 10, 10)"><polygon fill="#ffffff" opacity="0.9" points="2,18 10,2 18,18" stroke="#ffffff" stroke-width="0"></polygon></g><g transform="translate(80, 60) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(200, 70%, 60%)" opacity="0.9"></path></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#dc143c;background-color:rgba(220,20,60,.063);border-color:rgba(220,20,60,.125)">Movie</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">3</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-03-22</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#143</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#e84f6d">Vanilla Sky</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Cameron Crowe</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/series/only-murders-in-the-building" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-only-murders-in-the-buildingseries" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-only-murders-in-the-buildingseries)" height="100" width="100"></rect><rect fill="hsl(91, 70%, 60%)" height="33.99748518131673" width="0.7356268934672698" opacity="0.5390565425157547" x="30" y="90"></rect><circle cx="30" cy="90" fill="hsl(181, 80%, 60%)" opacity="0.8" r="1.4712537869345397"></circle><rect fill="hsl(91, 70%, 60%)" height="0.5770279131829739" width="23.250204855576158" opacity="0.8920871811918915" x="30" y="10"></rect><rect fill="hsl(91, 70%, 60%)" height="51.03412148077041" width="1.1019161025760695" opacity="0.7458244005218149" x="30" y="0"></rect><rect fill="hsl(91, 70%, 60%)" height="29.895619270391762" width="1.7480705262860283" opacity="0.9236804130952805" x="20" y="20"></rect><circle cx="20" cy="20" fill="hsl(181, 80%, 60%)" opacity="0.8" r="3.4961410525720567"></circle><rect fill="hsl(91, 70%, 60%)" height="1.861402494716458" width="63.7963277194649" opacity="0.4218347277026624" x="60" y="10"></rect><circle cx="60" cy="10" fill="hsl(181, 80%, 60%)" opacity="0.8" r="3.722804989432916"></circle><rect fill="#ffffff" height="1.0754211616003886" width="37.1427708491683" opacity="0.8895855217240751" x="40" y="50"></rect><circle cx="40" cy="50" fill="hsl(181, 80%, 60%)" opacity="0.8" r="2.150842323200777"></circle><rect fill="hsl(91, 70%, 60%)" height="40.535789714194834" width="1.7338898150483146" opacity="0.9904853481333703" x="0" y="10"></rect><circle cx="0" cy="10" fill="hsl(181, 80%, 60%)" opacity="0.8" r="3.4677796300966293"></circle><rect fill="#ffffff" height="0.7599456199677661" width="48.83768384810537" opacity="0.43625669986940924" x="40" y="50"></rect><circle cx="40" cy="50" fill="hsl(181, 80%, 60%)" opacity="0.8" r="1.5198912399355322"></circle><rect fill="hsl(91, 70%, 60%)" height="32.68513672053814" width="1.177296839072369" opacity="0.7752049664501102" x="20" y="50"></rect><rect fill="hsl(91, 70%, 60%)" height="1.2337225581286475" width="51.04405175894499" opacity="0.6464818212203681" x="50" y="90"></rect><rect fill="hsl(91, 70%, 60%)" height="74.33111098594964" width="1.382085271528922" opacity="0.767163519281894" x="90" y="70"></rect><circle cx="90" cy="70" fill="hsl(181, 80%, 60%)" opacity="0.8" r="2.764170543057844"></circle><rect fill="#ffffff" height="1.1646537149790674" width="69.67743707820773" opacity="0.6969089756719768" x="20" y="80"></rect><rect fill="hsl(91, 70%, 60%)" height="1.2736724143614992" width="47.429826254956424" opacity="0.9760409894399344" x="30" y="80"></rect><rect fill="hsl(91, 70%, 60%)" height="1.2908054264262319" width="51.908868895843625" opacity="0.5315860281232745" x="0" y="80"></rect><circle cx="0" cy="80" fill="hsl(181, 80%, 60%)" opacity="0.8" r="2.5816108528524637"></circle><rect fill="#ffffff" height="1.345061999047175" width="32.81913647428155" opacity="0.5364829361438751" x="50" y="70"></rect></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#edc531;background-color:rgba(237,197,49,.063);border-color:rgba(237,197,49,.125)">Series</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-03-18</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#142</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#f5e080">Only Murders in the Building</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Steve Martin, John Hoffman</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/food/mushroom-saute-tomato-paste" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Mushroom Saute with Tomato Paste" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/logs/food/mushroom.webp"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#f4a259;background-color:rgba(244,162,89,.063);border-color:rgba(244,162,89,.125)">Food</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-03-14</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#141</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#ffc780">Mushroom Saute with Tomato Paste</h3><div class="mb-4"></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/movie/die-hard" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-die-hardmovie" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-die-hardmovie)" height="100" width="100"></rect><rect fill="hsl(19, 70%, 60%)" height="54.852911117486656" width="0.826934956596233" opacity="0.8971295947209" x="0" y="20"></rect><circle cx="0" cy="20" fill="hsl(109, 80%, 60%)" opacity="0.8" r="1.653869913192466"></circle><rect fill="hsl(19, 70%, 60%)" height="68.83961397223175" width="1.84638549934607" opacity="0.7242974353488535" x="60" y="30"></rect><circle cx="60" cy="30" fill="hsl(109, 80%, 60%)" opacity="0.8" r="3.69277099869214"></circle><rect fill="hsl(19, 70%, 60%)" height="1.8649787894682959" width="45.6859843339771" opacity="0.7369189902208746" x="90" y="90"></rect><rect fill="hsl(19, 70%, 60%)" height="1.9427765228319913" width="60.21710920613259" opacity="0.8280641669873148" x="70" y="0"></rect><rect fill="#ffffff" height="1.9561619395390153" width="76.53954731300473" opacity="0.5154189319815486" x="70" y="70"></rect><circle cx="70" cy="70" fill="hsl(109, 80%, 60%)" opacity="0.8" r="3.9123238790780306"></circle><rect fill="hsl(19, 70%, 60%)" height="0.9985110197449103" width="31.96248938795179" opacity="0.8334793993271887" x="70" y="50"></rect><circle cx="70" cy="50" fill="hsl(109, 80%, 60%)" opacity="0.8" r="1.9970220394898206"></circle><rect fill="hsl(19, 70%, 60%)" height="44.39073505345732" width="0.8790280206594616" opacity="0.41701434869319204" x="30" y="50"></rect><circle cx="30" cy="50" fill="hsl(109, 80%, 60%)" opacity="0.8" r="1.7580560413189232"></circle><rect fill="hsl(19, 70%, 60%)" height="1.6574912808137015" width="29.226405913941562" opacity="0.9353239733725787" x="0" y="90"></rect><circle cx="0" cy="90" fill="hsl(109, 80%, 60%)" opacity="0.8" r="3.314982561627403"></circle><rect fill="hsl(19, 70%, 60%)" height="1.7856575201731175" width="54.857532074674964" opacity="0.7178887707646937" x="40" y="0"></rect><rect fill="hsl(19, 70%, 60%)" height="45.54696664214134" width="0.8522857520729303" opacity="0.5360818947665393" x="0" y="70"></rect><circle cx="0" cy="70" fill="hsl(109, 80%, 60%)" opacity="0.8" r="1.7045715041458607"></circle><rect fill="#ffffff" height="0.6830207993043587" width="77.43065370246768" opacity="0.6984581905417144" x="60" y="40"></rect><rect fill="hsl(19, 70%, 60%)" height="43.62533202394843" width="1.6682060757884756" opacity="0.7842562695033848" x="70" y="70"></rect><circle cx="70" cy="70" fill="hsl(109, 80%, 60%)" opacity="0.8" r="3.336412151576951"></circle><rect fill="#ffffff" height="35.98816453944892" width="1.6628871365683153" opacity="0.47938452493399386" x="40" y="70"></rect><rect fill="hsl(19, 70%, 60%)" height="1.7210825484944507" width="59.844424477778375" opacity="0.5805764270015061" x="70" y="10"></rect><rect fill="#ffffff" height="78.46888231579214" width="1.9694251763867214" opacity="0.5267397087998689" x="70" y="40"></rect><circle cx="70" cy="40" fill="hsl(109, 80%, 60%)" opacity="0.8" r="3.938850352773443"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#dc143c;background-color:rgba(220,20,60,.063);border-color:rgba(220,20,60,.125)">Movie</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-03-11</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#140</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#e84f6d">Die Hard</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By John McTiernan</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/movie/the-hunt-for-red-october" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-the-hunt-for-red-octobermovie" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-the-hunt-for-red-octobermovie)" height="100" width="100"></rect><circle cx="8.538797916844487" cy="54.94080411735922" fill="hsl(103, 70%, 60%)" opacity="0.32844214655924586" r="39.51467684470117" style="mix-blend-mode:screen"></circle><circle cx="30.25048323906958" cy="32.840059977024794" fill="hsl(283, 60%, 50%)" opacity="0.5424349645385518" r="46.97780465707183" style="mix-blend-mode:screen"></circle><circle cx="69.72900731489062" cy="84.65855470858514" fill="hsl(103, 70%, 60%)" opacity="0.41847742383833975" r="29.487966867163777" style="mix-blend-mode:screen"></circle><circle cx="32.23961261101067" cy="86.47664031013846" fill="hsl(283, 60%, 50%)" opacity="0.44091288701165465" r="15.024073533713818" style="mix-blend-mode:screen"></circle><circle cx="55.13825030066073" cy="67.74208268616349" fill="hsl(103, 70%, 60%)" opacity="0.339041786827147" r="45.68028676323593" style="mix-blend-mode:screen"></circle><circle cx="16.39267965219915" cy="63.20166760124266" fill="hsl(283, 60%, 50%)" opacity="0.3182802530704066" r="43.078627875074744" style="mix-blend-mode:screen"></circle><circle cx="85.96059314440936" cy="27.29408962186426" fill="hsl(103, 70%, 60%)" opacity="0.5349745164625346" r="45.87322204373777" style="mix-blend-mode:screen"></circle><circle cx="31.934180459938943" cy="83.05360930971801" fill="hsl(283, 60%, 50%)" opacity="0.4715441371779889" r="35.82865085452795" style="mix-blend-mode:screen"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#dc143c;background-color:rgba(220,20,60,.063);border-color:rgba(220,20,60,.125)">Movie</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-03-11</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#139</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#e84f6d">The Hunt for Red October</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By John McTiernan</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/music/rococco-kansai-midnight-club-ii" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-rococcomusic" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-rococcomusic)" height="100" width="100"></rect><circle cx="70.82376680336893" cy="85.35598879680037" fill="hsl(110, 70%, 60%)" opacity="0.39755362824071194" r="49.17121781036258" style="mix-blend-mode:screen"></circle><circle cx="99.9403556343168" cy="72.01937909703702" fill="hsl(290, 60%, 50%)" opacity="0.586459254543297" r="10.480876946821809" style="mix-blend-mode:screen"></circle><circle cx="74.67530912254006" cy="98.01930307876319" fill="hsl(110, 70%, 60%)" opacity="0.36087180131580676" r="49.338620798662305" style="mix-blend-mode:screen"></circle><circle cx="1.3538152910768986" cy="22.48608977533877" fill="hsl(290, 60%, 50%)" opacity="0.45297850251663474" r="13.571803215891123" style="mix-blend-mode:screen"></circle><circle cx="80.30634857714176" cy="26.409189379774034" fill="hsl(110, 70%, 60%)" opacity="0.5900187877938151" r="41.77965142764151" style="mix-blend-mode:screen"></circle><circle cx="9.651515958830714" cy="87.74060781579465" fill="hsl(290, 60%, 50%)" opacity="0.5657111742999404" r="18.04033162072301" style="mix-blend-mode:screen"></circle><circle cx="36.339115211740136" cy="29.239297471940517" fill="hsl(110, 70%, 60%)" opacity="0.5533161778002977" r="13.691310621798038" style="mix-blend-mode:screen"></circle><circle cx="8.070368273183703" cy="43.91238514799625" fill="hsl(290, 60%, 50%)" opacity="0.5984682390466332" r="49.66121450997889" style="mix-blend-mode:screen"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#f3e5ab;background-color:rgba(243,229,171,.063);border-color:rgba(243,229,171,.125)">Music</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-03-08</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#138</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#fcf2cf">Rococco</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Kansai</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/music/born-to-die-lana-del-rey" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-born-to-die--album-music" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-born-to-die--album-music)" height="100" width="100"></rect><circle cx="80.11595422867686" cy="30.91800131369382" fill="hsl(334, 70%, 60%)" opacity="0.5342483488144353" r="26.254520025104284" style="mix-blend-mode:screen"></circle><circle cx="73.77746473066509" cy="62.07063759211451" fill="hsl(154, 60%, 50%)" opacity="0.4715710169635713" r="14.172633634880185" style="mix-blend-mode:screen"></circle><circle cx="30.232963943853974" cy="50.62244127038866" fill="hsl(334, 70%, 60%)" opacity="0.5090224632527679" r="13.111744001507759" style="mix-blend-mode:screen"></circle><circle cx="95.03072802908719" cy="14.383417926728725" fill="hsl(154, 60%, 50%)" opacity="0.33080737008713185" r="38.50232191383839" style="mix-blend-mode:screen"></circle><circle cx="72.26700987666845" cy="89.69178206752986" fill="hsl(334, 70%, 60%)" opacity="0.4593606138601899" r="32.72999510169029" style="mix-blend-mode:screen"></circle><circle cx="25.4997142823413" cy="21.94750679191202" fill="hsl(154, 60%, 50%)" opacity="0.3365690706996247" r="10.017238156870008" style="mix-blend-mode:screen"></circle><circle cx="0.32008381094783545" cy="16.003103810362518" fill="hsl(334, 70%, 60%)" opacity="0.5681466527050361" r="19.189034244045615" style="mix-blend-mode:screen"></circle><circle cx="81.2509362353012" cy="36.816687136888504" fill="hsl(154, 60%, 50%)" opacity="0.4082222543656826" r="48.390310844406486" style="mix-blend-mode:screen"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#f3e5ab;background-color:rgba(243,229,171,.063);border-color:rgba(243,229,171,.125)">Music</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-03-08</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#137</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#fcf2cf">Born To Die (Album)</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Lana Del Rey</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/series/ted-2024-series" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-tedseries" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-tedseries)" height="100" width="100"></rect><g transform="translate(0, 0) rotate(0, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(174, 70%, 60%)" stroke-width="1.5"></polygon></g><g transform="translate(0, 40) rotate(180, 10, 10)"><rect fill="hsl(264, 80%, 60%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(264, 80%, 60%)" stroke-width="0"></rect></g><g transform="translate(0, 60) rotate(90, 10, 10)"><circle cx="10" cy="10" fill="hsl(354, 60%, 50%)" opacity="0.9" r="8" stroke="hsl(354, 60%, 50%)" stroke-width="0"></circle></g><g transform="translate(0, 80) rotate(0, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(174, 70%, 60%)" stroke-width="1.5"></rect></g><g transform="translate(20, 40) rotate(90, 10, 10)"><rect fill="hsl(354, 60%, 50%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(354, 60%, 50%)" stroke-width="0"></rect></g><g transform="translate(40, 20) rotate(0, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(354, 60%, 50%)" opacity="0.9"></path></g><g transform="translate(40, 60) rotate(180, 10, 10)"><rect fill="hsl(264, 80%, 60%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(264, 80%, 60%)" stroke-width="0"></rect></g><g transform="translate(40, 80) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(174, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(60, 0) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="hsl(174, 70%, 60%)" opacity="0.9" r="8" stroke="hsl(174, 70%, 60%)" stroke-width="0"></circle></g><g transform="translate(60, 20) rotate(180, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(174, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(60, 40) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="#ffffff" opacity="0.9"></path></g><g transform="translate(60, 60) rotate(180, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(354, 60%, 50%)" stroke-width="1.5"></polygon></g><g transform="translate(80, 0) rotate(0, 10, 10)"><circle cx="10" cy="10" fill="hsl(354, 60%, 50%)" opacity="0.9" r="8" stroke="hsl(354, 60%, 50%)" stroke-width="0"></circle></g><g transform="translate(80, 40) rotate(90, 10, 10)"><rect fill="hsl(174, 70%, 60%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(174, 70%, 60%)" stroke-width="0"></rect></g><g transform="translate(80, 80) rotate(180, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(354, 60%, 50%)" stroke-width="1.5"></rect></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#edc531;background-color:rgba(237,197,49,.063);border-color:rgba(237,197,49,.125)">Series</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-03-08</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#136</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#f5e080">Ted</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Seth MacFarlane</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/movie/twinless-2025" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-twinlessmovie" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-twinlessmovie)" height="100" width="100"></rect><circle cx="86.78393990267068" cy="52.95221162959933" fill="hsl(243, 70%, 60%)" opacity="0.3440001450944692" r="46.91767902113497" style="mix-blend-mode:screen"></circle><circle cx="54.47039511054754" cy="79.37979716807604" fill="hsl(63, 60%, 50%)" opacity="0.324058575485833" r="12.285965345799923" style="mix-blend-mode:screen"></circle><circle cx="9.67949538026005" cy="1.4406997943297029" fill="hsl(243, 70%, 60%)" opacity="0.5503436893690377" r="16.696172142401338" style="mix-blend-mode:screen"></circle><circle cx="65.35790676716715" cy="23.345920233987272" fill="hsl(63, 60%, 50%)" opacity="0.518582190060988" r="49.67876569367945" style="mix-blend-mode:screen"></circle><circle cx="30.79736717045307" cy="35.80226222984493" fill="hsl(243, 70%, 60%)" opacity="0.5917688817484303" r="17.027469351887703" style="mix-blend-mode:screen"></circle><circle cx="57.08516773302108" cy="14.951790613122284" fill="hsl(63, 60%, 50%)" opacity="0.5815512797562405" r="31.134802969172597" style="mix-blend-mode:screen"></circle><circle cx="6.173632992431521" cy="6.564906262792647" fill="hsl(243, 70%, 60%)" opacity="0.5077313820132986" r="10.88065848685801" style="mix-blend-mode:screen"></circle><circle cx="14.75297468714416" cy="52.57865418680012" fill="hsl(63, 60%, 50%)" opacity="0.35590800871141254" r="46.10945655964315" style="mix-blend-mode:screen"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#dc143c;background-color:rgba(220,20,60,.063);border-color:rgba(220,20,60,.125)">Movie</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-03-03</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#135</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#e84f6d">Twinless</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By James Sweeney</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/websites/soundjay" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-soundjaywebsites" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-soundjaywebsites)" height="100" width="100"></rect><g transform="translate(0, 0) rotate(0, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(186, 60%, 50%)" stroke-width="1.5"></circle></g><g transform="translate(0, 20) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(6, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(0, 60) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(6, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(20, 40) rotate(0, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(6, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(20, 60) rotate(270, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(186, 60%, 50%)" stroke-width="1.5"></polygon></g><g transform="translate(40, 0) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(6, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(60, 0) rotate(0, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(96, 80%, 60%)" stroke-width="1.5"></circle></g><g transform="translate(60, 20) rotate(90, 10, 10)"><rect fill="hsl(6, 70%, 60%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(6, 70%, 60%)" stroke-width="0"></rect></g><g transform="translate(60, 60) rotate(270, 10, 10)"><circle cx="10" cy="10" fill="#ffffff" opacity="0.9" r="8" stroke="#ffffff" stroke-width="0"></circle></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00ff7f;background-color:rgba(0,255,127,.063);border-color:rgba(0,255,127,.125)">Websites</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-03-01</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#134</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#4dff99">SoundJay</h3><div class="mb-4"></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/series/11-22-63" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-11-22-63series" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-11-22-63series)" height="100" width="100"></rect><circle cx="56.521864561364055" cy="80.83347911015153" fill="hsl(290, 70%, 60%)" opacity="0.35138929076492786" r="13.949451521039009" style="mix-blend-mode:screen"></circle><circle cx="1.0947408387437463" cy="48.47751117777079" fill="hsl(110, 60%, 50%)" opacity="0.4250171608524397" r="15.43326960876584" style="mix-blend-mode:screen"></circle><circle cx="30.196406645700336" cy="37.63928092084825" fill="hsl(290, 70%, 60%)" opacity="0.554261937411502" r="10.949464617297053" style="mix-blend-mode:screen"></circle><circle cx="59.00228072423488" cy="35.45140870846808" fill="hsl(110, 60%, 50%)" opacity="0.3529466318897903" r="36.687465189024806" style="mix-blend-mode:screen"></circle><circle cx="26.34741230867803" cy="37.54862311761826" fill="hsl(290, 70%, 60%)" opacity="0.3565915526356548" r="37.78035250492394" style="mix-blend-mode:screen"></circle><circle cx="29.539086553268135" cy="38.752158149145544" fill="hsl(110, 60%, 50%)" opacity="0.416369533049874" r="38.50682709366083" style="mix-blend-mode:screen"></circle><circle cx="40.04301631357521" cy="79.64253267273307" fill="hsl(290, 70%, 60%)" opacity="0.47215083288028836" r="27.893672343343496" style="mix-blend-mode:screen"></circle><circle cx="42.82749658450484" cy="3.612399660050869" fill="hsl(110, 60%, 50%)" opacity="0.5161476048873738" r="46.80830652825534" style="mix-blend-mode:screen"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#edc531;background-color:rgba(237,197,49,.063);border-color:rgba(237,197,49,.125)">Series</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-02-23</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#133</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#f5e080">11.22.63</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Bridget Carpenter</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/music/dying-light-ost" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-dying-light-original-soundtrackmusic" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-dying-light-original-soundtrackmusic)" height="100" width="100"></rect><circle cx="21.76241974812001" cy="2.6720118476077914" fill="hsl(128, 70%, 60%)" opacity="0.30524753420613704" r="25.30947188846767" style="mix-blend-mode:screen"></circle><circle cx="31.423835270106792" cy="65.3005912899971" fill="hsl(308, 60%, 50%)" opacity="0.37628283023368564" r="15.510066663846374" style="mix-blend-mode:screen"></circle><circle cx="32.89883220568299" cy="67.73743021767586" fill="hsl(128, 70%, 60%)" opacity="0.3915772386593744" r="42.450160486623645" style="mix-blend-mode:screen"></circle><circle cx="51.930501125752926" cy="92.4163163639605" fill="hsl(308, 60%, 50%)" opacity="0.4392111717956141" r="31.279592802748084" style="mix-blend-mode:screen"></circle><circle cx="81.07193037867546" cy="27.910131495445967" fill="hsl(128, 70%, 60%)" opacity="0.4737983910832554" r="40.160722779110074" style="mix-blend-mode:screen"></circle><circle cx="33.22551739402115" cy="33.62647744361311" fill="hsl(308, 60%, 50%)" opacity="0.599589872569777" r="23.39645796455443" style="mix-blend-mode:screen"></circle><circle cx="10.532139078713953" cy="80.5901607265696" fill="hsl(128, 70%, 60%)" opacity="0.5644208534387871" r="45.805831560865045" style="mix-blend-mode:screen"></circle><circle cx="0.7043114164844155" cy="73.62018891144544" fill="hsl(308, 60%, 50%)" opacity="0.4087617760291323" r="43.144054217264056" style="mix-blend-mode:screen"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#f3e5ab;background-color:rgba(243,229,171,.063);border-color:rgba(243,229,171,.125)">Music</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-02-21</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#132</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#fcf2cf">Dying Light Original Soundtrack</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Pawel Blaszczak</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/movie/balkanski-spijun-1984" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-balkanski--pijun--1984-movie" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-balkanski--pijun--1984-movie)" height="100" width="100"></rect><circle cx="43.85646595619619" cy="73.15354775637388" fill="hsl(27, 70%, 60%)" opacity="0.5527261073235422" r="34.235757077112794" style="mix-blend-mode:screen"></circle><circle cx="59.440130344592035" cy="65.63782352022827" fill="hsl(207, 60%, 50%)" opacity="0.47057612640783186" r="15.205618804320693" style="mix-blend-mode:screen"></circle><circle cx="89.50429048854858" cy="84.8745156545192" fill="hsl(27, 70%, 60%)" opacity="0.35335993207991123" r="42.19649912789464" style="mix-blend-mode:screen"></circle><circle cx="96.43903935793787" cy="63.490475388243794" fill="hsl(207, 60%, 50%)" opacity="0.37977295937016603" r="41.4970969222486" style="mix-blend-mode:screen"></circle><circle cx="34.07132811844349" cy="89.43874684628099" fill="hsl(27, 70%, 60%)" opacity="0.4366087885340676" r="23.669393165037036" style="mix-blend-mode:screen"></circle><circle cx="25.837963889352977" cy="58.054331480525434" fill="hsl(207, 60%, 50%)" opacity="0.4626115993363783" r="39.05811398290098" style="mix-blend-mode:screen"></circle><circle cx="51.42150507308543" cy="91.60865251906216" fill="hsl(27, 70%, 60%)" opacity="0.41410845913924277" r="33.68197362869978" style="mix-blend-mode:screen"></circle><circle cx="93.65033702924848" cy="76.99904325418174" fill="hsl(207, 60%, 50%)" opacity="0.4579227108741179" r="37.56029180251062" style="mix-blend-mode:screen"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#dc143c;background-color:rgba(220,20,60,.063);border-color:rgba(220,20,60,.125)">Movie</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">3</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-02-18</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#131</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#e84f6d">Balkanski špijun (1984)</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Dušan Kovačević, Božidar Nikolić</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/event/galatasaray-juventus-2026" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-galatasaray---juventus--17-02-2026-event" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-galatasaray---juventus--17-02-2026-event)" height="100" width="100"></rect><g transform="translate(0, 0) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(104, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(0, 20) rotate(0, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(284, 60%, 50%)" stroke-width="1.5"></circle></g><g transform="translate(20, 40) rotate(0, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="#ffffff" stroke-width="1.5"></circle></g><g transform="translate(20, 80) rotate(0, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(284, 60%, 50%)" opacity="0.9"></path></g><g transform="translate(40, 0) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(104, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(40, 40) rotate(180, 10, 10)"><polygon fill="hsl(284, 60%, 50%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(284, 60%, 50%)" stroke-width="0"></polygon></g><g transform="translate(60, 60) rotate(90, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(104, 70%, 60%)" stroke-width="1.5"></circle></g><g transform="translate(80, 0) rotate(0, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(284, 60%, 50%)" opacity="0.9"></path></g><g transform="translate(80, 60) rotate(0, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(104, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(80, 80) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(284, 60%, 50%)" opacity="0.9"></path></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#10b981;background-color:rgba(16,185,129,.063);border-color:rgba(16,185,129,.125)">Event</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-02-17</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#130</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#34d399">Galatasaray - Juventus (17.02.2026)</h3><div class="mb-4"></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/video/wu-tang-financial" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-chappelle-s-show---wu-tang-financial--ft--rza-and-gza----uncensoredvideo" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-chappelle-s-show---wu-tang-financial--ft--rza-and-gza----uncensoredvideo)" height="100" width="100"></rect><g transform="translate(0, 0) rotate(180, 10, 10)"><rect fill="hsl(253, 70%, 60%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(253, 70%, 60%)" stroke-width="0"></rect></g><g transform="translate(0, 40) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="hsl(253, 70%, 60%)" opacity="0.9" r="8" stroke="hsl(253, 70%, 60%)" stroke-width="0"></circle></g><g transform="translate(0, 60) rotate(270, 10, 10)"><rect fill="hsl(73, 60%, 50%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(73, 60%, 50%)" stroke-width="0"></rect></g><g transform="translate(20, 0) rotate(90, 10, 10)"><rect fill="hsl(73, 60%, 50%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(73, 60%, 50%)" stroke-width="0"></rect></g><g transform="translate(40, 0) rotate(270, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(73, 60%, 50%)" stroke-width="1.5"></rect></g><g transform="translate(40, 20) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="hsl(253, 70%, 60%)" opacity="0.9" r="8" stroke="hsl(253, 70%, 60%)" stroke-width="0"></circle></g><g transform="translate(40, 60) rotate(0, 10, 10)"><rect fill="hsl(73, 60%, 50%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(73, 60%, 50%)" stroke-width="0"></rect></g><g transform="translate(60, 0) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(343, 80%, 60%)" opacity="0.9"></path></g><g transform="translate(60, 20) rotate(270, 10, 10)"><circle cx="10" cy="10" fill="#ffffff" opacity="0.9" r="8" stroke="#ffffff" stroke-width="0"></circle></g><g transform="translate(60, 60) rotate(270, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(73, 60%, 50%)" stroke-width="1.5"></rect></g><g transform="translate(60, 80) rotate(0, 10, 10)"><rect fill="hsl(73, 60%, 50%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(73, 60%, 50%)" stroke-width="0"></rect></g><g transform="translate(80, 0) rotate(0, 10, 10)"><polygon fill="hsl(343, 80%, 60%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(343, 80%, 60%)" stroke-width="0"></polygon></g><g transform="translate(80, 80) rotate(0, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(73, 60%, 50%)" opacity="0.9"></path></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#8a2be2;background-color:rgba(138,43,226,.063);border-color:rgba(138,43,226,.125)">Video</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-02-07</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#129</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#a050f0">Chappelle's Show - Wu-Tang Financial (ft. RZA and GZA) - Uncensored</h3><div class="mb-4"></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/video/most-iconic-hip-hop-samples" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-sample-breakdown--the-most-iconic-hip-hop-sample-of-every-year--1973-2023-video" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-sample-breakdown--the-most-iconic-hip-hop-sample-of-every-year--1973-2023-video)" height="100" width="100"></rect><g transform="translate(0, 40) rotate(0, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(162, 60%, 50%)" opacity="0.9"></path></g><g transform="translate(0, 80) rotate(0, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(342, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(20, 60) rotate(270, 10, 10)"><polygon fill="hsl(342, 70%, 60%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(342, 70%, 60%)" stroke-width="0"></polygon></g><g transform="translate(40, 0) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="#ffffff" opacity="0.9" r="8" stroke="#ffffff" stroke-width="0"></circle></g><g transform="translate(40, 20) rotate(90, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(162, 60%, 50%)" stroke-width="1.5"></circle></g><g transform="translate(40, 60) rotate(0, 10, 10)"><polygon fill="hsl(342, 70%, 60%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(342, 70%, 60%)" stroke-width="0"></polygon></g><g transform="translate(60, 0) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(162, 60%, 50%)" stroke-width="1.5"></circle></g><g transform="translate(60, 20) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="hsl(72, 80%, 60%)" opacity="0.9" r="8" stroke="hsl(72, 80%, 60%)" stroke-width="0"></circle></g><g transform="translate(60, 40) rotate(180, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(162, 60%, 50%)" stroke-width="1.5"></polygon></g><g transform="translate(80, 20) rotate(90, 10, 10)"><polygon fill="#ffffff" opacity="0.9" points="2,18 10,2 18,18" stroke="#ffffff" stroke-width="0"></polygon></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#8a2be2;background-color:rgba(138,43,226,.063);border-color:rgba(138,43,226,.125)">Video</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-02-07</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#128</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#a050f0">Sample Breakdown: The Most Iconic Hip-Hop Sample of Every Year (1973-2023)</h3><div class="mb-4"></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/tools/maptoposter" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-maptopostertools" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-maptopostertools)" height="100" width="100"></rect><g transform="translate(0, 20) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="#ffffff" stroke-width="1.5"></circle></g><g transform="translate(0, 80) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(71, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(20, 0) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(71, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(20, 20) rotate(90, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(251, 60%, 50%)" stroke-width="1.5"></polygon></g><g transform="translate(20, 40) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(251, 60%, 50%)" opacity="0.9"></path></g><g transform="translate(40, 0) rotate(180, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(161, 80%, 60%)" opacity="0.9"></path></g><g transform="translate(40, 60) rotate(270, 10, 10)"><circle cx="10" cy="10" fill="hsl(251, 60%, 50%)" opacity="0.9" r="8" stroke="hsl(251, 60%, 50%)" stroke-width="0"></circle></g><g transform="translate(40, 80) rotate(0, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(251, 60%, 50%)" stroke-width="1.5"></rect></g><g transform="translate(60, 0) rotate(270, 10, 10)"><polygon fill="hsl(251, 60%, 50%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(251, 60%, 50%)" stroke-width="0"></polygon></g><g transform="translate(60, 20) rotate(90, 10, 10)"><circle cx="10" cy="10" fill="hsl(251, 60%, 50%)" opacity="0.9" r="8" stroke="hsl(251, 60%, 50%)" stroke-width="0"></circle></g><g transform="translate(60, 40) rotate(0, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(251, 60%, 50%)" opacity="0.9"></path></g><g transform="translate(60, 60) rotate(0, 10, 10)"><circle cx="10" cy="10" fill="hsl(71, 70%, 60%)" opacity="0.9" r="8" stroke="hsl(71, 70%, 60%)" stroke-width="0"></circle></g><g transform="translate(60, 80) rotate(0, 10, 10)"><rect fill="hsl(251, 60%, 50%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(251, 60%, 50%)" stroke-width="0"></rect></g><g transform="translate(80, 20) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(71, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(80, 40) rotate(180, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(161, 80%, 60%)" stroke-width="1.5"></polygon></g><g transform="translate(80, 80) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(251, 60%, 50%)" opacity="0.9"></path></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#e0aaff;background-color:rgba(224,170,255,.063);border-color:rgba(224,170,255,.125)">Tools</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-02-07</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#127</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#f0dfff">MapToPoster</h3><div class="mb-4"></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/movie/the-big-lebowski" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-the-big-lebowski--1998-movie" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-the-big-lebowski--1998-movie)" height="100" width="100"></rect><g transform="translate(0, 0) rotate(0, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(100, 60%, 50%)" stroke-width="1.5"></rect></g><g transform="translate(0, 20) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(100, 60%, 50%)" opacity="0.9"></path></g><g transform="translate(0, 40) rotate(90, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(100, 60%, 50%)" stroke-width="1.5"></rect></g><g transform="translate(20, 0) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="hsl(280, 70%, 60%)" opacity="0.9" r="8" stroke="hsl(280, 70%, 60%)" stroke-width="0"></circle></g><g transform="translate(20, 20) rotate(90, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="#ffffff" stroke-width="1.5"></circle></g><g transform="translate(40, 20) rotate(270, 10, 10)"><circle cx="10" cy="10" fill="hsl(100, 60%, 50%)" opacity="0.9" r="8" stroke="hsl(100, 60%, 50%)" stroke-width="0"></circle></g><g transform="translate(40, 40) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="#ffffff" opacity="0.9"></path></g><g transform="translate(40, 60) rotate(0, 10, 10)"><rect fill="hsl(10, 80%, 60%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(10, 80%, 60%)" stroke-width="0"></rect></g><g transform="translate(40, 80) rotate(270, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(100, 60%, 50%)" stroke-width="1.5"></circle></g><g transform="translate(60, 0) rotate(0, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(100, 60%, 50%)" opacity="0.9"></path></g><g transform="translate(60, 20) rotate(180, 10, 10)"><polygon fill="hsl(100, 60%, 50%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(100, 60%, 50%)" stroke-width="0"></polygon></g><g transform="translate(60, 40) rotate(180, 10, 10)"><polygon fill="hsl(280, 70%, 60%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(280, 70%, 60%)" stroke-width="0"></polygon></g><g transform="translate(80, 0) rotate(180, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(280, 70%, 60%)" stroke-width="1.5"></rect></g><g transform="translate(80, 40) rotate(90, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(280, 70%, 60%)" stroke-width="1.5"></rect></g><g transform="translate(80, 60) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(280, 70%, 60%)" stroke-width="1.5"></circle></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#dc143c;background-color:rgba(220,20,60,.063);border-color:rgba(220,20,60,.125)">Movie</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">3</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-02-06</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#126</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#e84f6d">The Big Lebowski (1998)</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Joel Coen, Ethan Coen</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/video/white-and-nerdy" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid--weird-al--yankovic---white---nerdyvideo" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid--weird-al--yankovic---white---nerdyvideo)" height="100" width="100"></rect><circle cx="56.145008001476526" cy="78.10385681223124" fill="hsl(100, 70%, 60%)" opacity="0.5240544330328702" r="17.41126482374966" style="mix-blend-mode:screen"></circle><circle cx="70.34188602119684" cy="82.45028872042894" fill="hsl(280, 60%, 50%)" opacity="0.4666261353995651" r="25.849524466320872" style="mix-blend-mode:screen"></circle><circle cx="88.60913906246424" cy="39.32514002081007" fill="hsl(100, 70%, 60%)" opacity="0.4072495400905609" r="32.973912907764316" style="mix-blend-mode:screen"></circle><circle cx="14.536509709432721" cy="0.24503078311681747" fill="hsl(280, 60%, 50%)" opacity="0.4976410270901397" r="36.462459694594145" style="mix-blend-mode:screen"></circle><circle cx="65.83610828965902" cy="78.42128071933985" fill="hsl(100, 70%, 60%)" opacity="0.4290455901296809" r="10.686890501528978" style="mix-blend-mode:screen"></circle><circle cx="58.236116310581565" cy="64.15330215822905" fill="hsl(280, 60%, 50%)" opacity="0.576647682627663" r="48.01222036592662" style="mix-blend-mode:screen"></circle><circle cx="15.753771387971938" cy="48.28049596399069" fill="hsl(100, 70%, 60%)" opacity="0.3312122790841386" r="13.65600498393178" style="mix-blend-mode:screen"></circle><circle cx="49.21948863193393" cy="7.64887745026499" fill="hsl(280, 60%, 50%)" opacity="0.5251512872055173" r="18.46386916935444" style="mix-blend-mode:screen"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#8a2be2;background-color:rgba(138,43,226,.063);border-color:rgba(138,43,226,.125)">Video</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-02-06</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#125</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#a050f0">"Weird Al" Yankovic - White & Nerdy</h3><div class="mb-4"></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/movie/eternal-sunshine-of-the-spotless-mind-2004" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-eternal-sunshine-of-the-spotless-mind--2004-movie" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-eternal-sunshine-of-the-spotless-mind--2004-movie)" height="100" width="100"></rect><g transform="translate(0, 20) rotate(90, 10, 10)"><circle cx="10" cy="10" fill="hsl(262, 60%, 50%)" opacity="0.9" r="8" stroke="hsl(262, 60%, 50%)" stroke-width="0"></circle></g><g transform="translate(20, 40) rotate(270, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(82, 70%, 60%)" stroke-width="1.5"></polygon></g><g transform="translate(20, 80) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(262, 60%, 50%)" opacity="0.9"></path></g><g transform="translate(40, 0) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(262, 60%, 50%)" opacity="0.9"></path></g><g transform="translate(40, 40) rotate(90, 10, 10)"><circle cx="10" cy="10" fill="hsl(82, 70%, 60%)" opacity="0.9" r="8" stroke="hsl(82, 70%, 60%)" stroke-width="0"></circle></g><g transform="translate(40, 60) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="#ffffff" opacity="0.9"></path></g><g transform="translate(60, 0) rotate(90, 10, 10)"><polygon fill="hsl(82, 70%, 60%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(82, 70%, 60%)" stroke-width="0"></polygon></g><g transform="translate(60, 60) rotate(90, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(262, 60%, 50%)" stroke-width="1.5"></rect></g><g transform="translate(80, 0) rotate(0, 10, 10)"><rect fill="hsl(82, 70%, 60%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(82, 70%, 60%)" stroke-width="0"></rect></g><g transform="translate(80, 20) rotate(0, 10, 10)"><rect fill="hsl(172, 80%, 60%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(172, 80%, 60%)" stroke-width="0"></rect></g><g transform="translate(80, 40) rotate(90, 10, 10)"><circle cx="10" cy="10" fill="hsl(82, 70%, 60%)" opacity="0.9" r="8" stroke="hsl(82, 70%, 60%)" stroke-width="0"></circle></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#dc143c;background-color:rgba(220,20,60,.063);border-color:rgba(220,20,60,.125)">Movie</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-02-05</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#124</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#e84f6d">Eternal Sunshine of the Spotless Mind (2004)</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Michel Gondry</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/movie/crash-2004" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-crash--2004-movie" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-crash--2004-movie)" height="100" width="100"></rect><rect fill="hsl(103, 70%, 60%)" height="63.3562592510134" width="0.6754446317208931" opacity="0.5672758125234395" x="70" y="90"></rect><circle cx="70" cy="90" fill="hsl(193, 80%, 60%)" opacity="0.8" r="1.3508892634417862"></circle><rect fill="hsl(103, 70%, 60%)" height="68.28274245373905" width="0.7178962394827977" opacity="0.6047000521328301" x="0" y="80"></rect><rect fill="hsl(103, 70%, 60%)" height="0.7485402305610478" width="42.323984880931675" opacity="0.9721884620841592" x="0" y="80"></rect><rect fill="hsl(103, 70%, 60%)" height="34.37852085568011" width="0.6468457988230512" opacity="0.9328611131757498" x="30" y="80"></rect><circle cx="30" cy="80" fill="hsl(193, 80%, 60%)" opacity="0.8" r="1.2936915976461023"></circle><rect fill="hsl(103, 70%, 60%)" height="0.7131380670471117" width="48.04295807145536" opacity="0.8047940847463906" x="30" y="70"></rect><circle cx="30" cy="70" fill="hsl(193, 80%, 60%)" opacity="0.8" r="1.4262761340942234"></circle><rect fill="hsl(103, 70%, 60%)" height="1.7262409805553034" width="64.07336826901883" opacity="0.7859913956839591" x="90" y="50"></rect><rect fill="hsl(103, 70%, 60%)" height="0.8696286553749815" width="41.35541070718318" opacity="0.8965067465323955" x="30" y="60"></rect><circle cx="30" cy="60" fill="hsl(193, 80%, 60%)" opacity="0.8" r="1.739257310749963"></circle><rect fill="hsl(103, 70%, 60%)" height="48.78541069570929" width="1.7971709746634588" opacity="0.7880236168857664" x="0" y="40"></rect><circle cx="0" cy="40" fill="hsl(193, 80%, 60%)" opacity="0.8" r="3.5943419493269175"></circle><rect fill="hsl(103, 70%, 60%)" height="0.682462849537842" width="25.941404746845365" opacity="0.9686377301812172" x="0" y="30"></rect><rect fill="hsl(103, 70%, 60%)" height="72.38552681170404" width="1.3520034784451127" opacity="0.5974814319517463" x="40" y="50"></rect><rect fill="hsl(103, 70%, 60%)" height="1.3953498927876353" width="73.25609288644046" opacity="0.6949810680933297" x="90" y="20"></rect><rect fill="hsl(103, 70%, 60%)" height="24.55973562784493" width="1.8857635875465348" opacity="0.670502644404769" x="30" y="10"></rect><circle cx="30" cy="10" fill="hsl(193, 80%, 60%)" opacity="0.8" r="3.7715271750930697"></circle><rect fill="hsl(103, 70%, 60%)" height="44.66621121857315" width="1.2197386117186397" opacity="0.7931757609825582" x="70" y="60"></rect><circle cx="70" cy="60" fill="hsl(193, 80%, 60%)" opacity="0.8" r="2.4394772234372795"></circle><rect fill="hsl(103, 70%, 60%)" height="1.4526519656646997" width="35.300631150603294" opacity="0.48648177222348754" x="70" y="20"></rect><rect fill="hsl(103, 70%, 60%)" height="78.85718335397542" width="1.8255270686931908" opacity="0.6055540554691106" x="80" y="20"></rect></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#dc143c;background-color:rgba(220,20,60,.063);border-color:rgba(220,20,60,.125)">Movie</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-02-05</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#123</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#e84f6d">Crash (2004)</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Paul Haggis</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/movie/children-of-men-2006" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-children-of-men--2006-movie" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-children-of-men--2006-movie)" height="100" width="100"></rect><g transform="translate(0, 20) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(204, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(0, 40) rotate(180, 10, 10)"><rect fill="hsl(204, 70%, 60%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(204, 70%, 60%)" stroke-width="0"></rect></g><g transform="translate(0, 60) rotate(180, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="#ffffff" stroke-width="1.5"></polygon></g><g transform="translate(20, 0) rotate(90, 10, 10)"><polygon fill="hsl(24, 60%, 50%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(24, 60%, 50%)" stroke-width="0"></polygon></g><g transform="translate(20, 40) rotate(0, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(204, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(20, 60) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="#ffffff" opacity="0.9"></path></g><g transform="translate(40, 40) rotate(270, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(204, 70%, 60%)" stroke-width="1.5"></polygon></g><g transform="translate(40, 60) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="#ffffff" opacity="0.9" r="8" stroke="#ffffff" stroke-width="0"></circle></g><g transform="translate(60, 0) rotate(0, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(204, 70%, 60%)" stroke-width="1.5"></rect></g><g transform="translate(60, 60) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(204, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(80, 0) rotate(90, 10, 10)"><rect fill="hsl(294, 80%, 60%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(294, 80%, 60%)" stroke-width="0"></rect></g><g transform="translate(80, 40) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(294, 80%, 60%)" opacity="0.9"></path></g><g transform="translate(80, 80) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(24, 60%, 50%)" opacity="0.9"></path></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#dc143c;background-color:rgba(220,20,60,.063);border-color:rgba(220,20,60,.125)">Movie</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-01-30</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#122</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#e84f6d">Children of Men (2006)</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Alfonso Cuarón</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/video/had-to-be-me-mordin-solus" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-had-to-be-me--someone-else-might-have-gotten-it-wrong---mordin-solusvideo" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-had-to-be-me--someone-else-might-have-gotten-it-wrong---mordin-solusvideo)" height="100" width="100"></rect><rect fill="#ffffff" height="0.7453047157032415" width="64.29906407371163" opacity="0.5106596074532718" x="20" y="30"></rect><rect fill="hsl(68, 70%, 60%)" height="1.0684987363638356" width="31.614955328404903" opacity="0.4512179526500404" x="80" y="90"></rect><rect fill="hsl(68, 70%, 60%)" height="21.188116292469203" width="0.6177925211377442" opacity="0.6978341278154403" x="50" y="70"></rect><circle cx="50" cy="70" fill="hsl(158, 80%, 60%)" opacity="0.8" r="1.2355850422754884"></circle><rect fill="hsl(68, 70%, 60%)" height="36.774888350628316" width="1.8423773486865684" opacity="0.49288166053593163" x="40" y="90"></rect><rect fill="hsl(68, 70%, 60%)" height="0.9010437221731991" width="49.255394246429205" opacity="0.7877390874549747" x="0" y="50"></rect><rect fill="#ffffff" height="39.685386503115296" width="1.9856071969261393" opacity="0.523739334475249" x="40" y="70"></rect><rect fill="hsl(68, 70%, 60%)" height="1.532837922917679" width="48.59073163475841" opacity="0.6467449865769594" x="80" y="50"></rect><circle cx="80" cy="50" fill="hsl(158, 80%, 60%)" opacity="0.8" r="3.065675845835358"></circle><rect fill="#ffffff" height="27.873258511535823" width="1.8782449138816446" opacity="0.8347419855184853" x="30" y="90"></rect><rect fill="#ffffff" height="1.2299983908887953" width="61.02135084569454" opacity="0.7914262401405723" x="30" y="90"></rect><rect fill="hsl(68, 70%, 60%)" height="1.1529243831755593" width="73.00487529020756" opacity="0.5840243545826524" x="10" y="20"></rect><circle cx="10" cy="20" fill="hsl(158, 80%, 60%)" opacity="0.8" r="2.3058487663511187"></circle><rect fill="#ffffff" height="69.8264859104529" width="1.7389165495987982" opacity="0.5655064253136516" x="10" y="40"></rect><circle cx="10" cy="40" fill="hsl(158, 80%, 60%)" opacity="0.8" r="3.4778330991975963"></circle><rect fill="#ffffff" height="1.8103532667737454" width="73.71266934555024" opacity="0.429030560143292" x="40" y="90"></rect><circle cx="40" cy="90" fill="hsl(158, 80%, 60%)" opacity="0.8" r="3.620706533547491"></circle><rect fill="#ffffff" height="1.942963333800435" width="27.475236295722425" opacity="0.8744600743055344" x="50" y="30"></rect><circle cx="50" cy="30" fill="hsl(158, 80%, 60%)" opacity="0.8" r="3.88592666760087"></circle><rect fill="hsl(68, 70%, 60%)" height="1.394700872595422" width="44.76258333772421" opacity="0.6455698831472546" x="70" y="50"></rect><circle cx="70" cy="50" fill="hsl(158, 80%, 60%)" opacity="0.8" r="2.789401745190844"></circle><rect fill="hsl(68, 70%, 60%)" height="0.8030309890164062" width="60.772937554866076" opacity="0.4626234245486558" x="10" y="60"></rect><circle cx="10" cy="60" fill="hsl(158, 80%, 60%)" opacity="0.8" r="1.6060619780328125"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#8a2be2;background-color:rgba(138,43,226,.063);border-color:rgba(138,43,226,.125)">Video</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-01-28</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#121</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#a050f0">Had to be me. Someone else might have gotten it wrong - Mordin Solus</h3><div class="mb-4"></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/video/what-sam-altman-doesnt-want-you-to-know" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-what-sam-altman-doesn-t-want-you-to-knowvideo" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-what-sam-altman-doesn-t-want-you-to-knowvideo)" height="100" width="100"></rect><rect fill="hsl(158, 70%, 60%)" height="71.24013039749116" width="1.3562076552771032" opacity="0.4223567822482437" x="80" y="40"></rect><rect fill="#ffffff" height="1.3936061073327437" width="35.152361961081624" opacity="0.8049555954989046" x="40" y="70"></rect><circle cx="40" cy="70" fill="hsl(248, 80%, 60%)" opacity="0.8" r="2.7872122146654874"></circle><rect fill="hsl(158, 70%, 60%)" height="47.37315089907497" width="0.6250561460619792" opacity="0.8623106769286096" x="0" y="30"></rect><rect fill="#ffffff" height="0.5882233537267894" width="78.26496902387589" opacity="0.4417100894264877" x="80" y="20"></rect><circle cx="80" cy="20" fill="hsl(248, 80%, 60%)" opacity="0.8" r="1.1764467074535787"></circle><rect fill="hsl(158, 70%, 60%)" height="1.4881264950381592" width="45.284390142187476" opacity="0.8157887193374336" x="30" y="70"></rect><rect fill="hsl(158, 70%, 60%)" height="25.297379288822412" width="0.5588934239931405" opacity="0.6124864877201617" x="50" y="90"></rect><rect fill="hsl(158, 70%, 60%)" height="0.8589534851489589" width="60.08058982435614" opacity="0.8916232273448259" x="30" y="70"></rect><circle cx="30" cy="70" fill="hsl(248, 80%, 60%)" opacity="0.8" r="1.7179069702979177"></circle><rect fill="hsl(158, 70%, 60%)" height="42.563511650078" width="1.1091259223176166" opacity="0.8442485541570932" x="0" y="10"></rect><rect fill="hsl(158, 70%, 60%)" height="74.37139343470335" width="1.4013185077346861" opacity="0.6125012194737792" x="50" y="80"></rect><rect fill="#ffffff" height="58.69317745324224" width="1.3618950280360878" opacity="0.8995882852002979" x="60" y="0"></rect><circle cx="60" cy="0" fill="hsl(248, 80%, 60%)" opacity="0.8" r="2.7237900560721755"></circle><rect fill="#ffffff" height="1.9592695109313354" width="42.56619225256145" opacity="0.43954216786660255" x="70" y="10"></rect><circle cx="70" cy="10" fill="hsl(248, 80%, 60%)" opacity="0.8" r="3.918539021862671"></circle><rect fill="hsl(158, 70%, 60%)" height="49.67986249830574" width="0.9267978286370635" opacity="0.44443695638328795" x="70" y="90"></rect><rect fill="hsl(158, 70%, 60%)" height="0.5834731556242332" width="64.69261353835464" opacity="0.5275726248044521" x="10" y="0"></rect><circle cx="10" cy="0" fill="hsl(248, 80%, 60%)" opacity="0.8" r="1.1669463112484664"></circle><rect fill="hsl(158, 70%, 60%)" height="1.9376119181979448" width="61.64896036032587" opacity="0.8073096256237478" x="10" y="30"></rect><circle cx="10" cy="30" fill="hsl(248, 80%, 60%)" opacity="0.8" r="3.8752238363958895"></circle><rect fill="hsl(158, 70%, 60%)" height="0.751701999688521" width="52.87317307665944" opacity="0.8145552284084261" x="60" y="80"></rect><circle cx="60" cy="80" fill="hsl(248, 80%, 60%)" opacity="0.8" r="1.503403999377042"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#8a2be2;background-color:rgba(138,43,226,.063);border-color:rgba(138,43,226,.125)">Video</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-01-28</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#120</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#a050f0">What Sam Altman Doesn't Want You To Know</h3><div class="mb-4"></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/series/splinter-cell-deathwatch" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-splinter-cell--deathwatchseries" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-splinter-cell--deathwatchseries)" height="100" width="100"></rect><rect fill="hsl(114, 70%, 60%)" height="1.5360207365592942" width="63.270983514375985" opacity="0.8510209139902145" x="40" y="50"></rect><circle cx="40" cy="50" fill="hsl(204, 80%, 60%)" opacity="0.8" r="3.0720414731185883"></circle><rect fill="#ffffff" height="50.01925352495164" width="1.0329019509954378" opacity="0.5246567734517157" x="50" y="70"></rect><circle cx="50" cy="70" fill="hsl(204, 80%, 60%)" opacity="0.8" r="2.0658039019908756"></circle><rect fill="hsl(114, 70%, 60%)" height="29.119985597208142" width="1.0974470342043787" opacity="0.513702803524211" x="10" y="20"></rect><rect fill="hsl(114, 70%, 60%)" height="0.8129791140090674" width="32.193325464613736" opacity="0.7261019339319319" x="90" y="20"></rect><rect fill="#ffffff" height="76.09395128674805" width="0.522780544590205" opacity="0.5103190799243749" x="40" y="20"></rect><rect fill="hsl(114, 70%, 60%)" height="56.8317917175591" width="1.9292577776359394" opacity="0.8076206038706004" x="0" y="90"></rect><rect fill="hsl(114, 70%, 60%)" height="33.72984661255032" width="1.4832659690873697" opacity="0.41307147908955816" x="90" y="60"></rect><rect fill="hsl(114, 70%, 60%)" height="0.5243435750016943" width="52.69843269139528" opacity="0.6198097671382129" x="50" y="60"></rect><rect fill="hsl(114, 70%, 60%)" height="62.68278154544532" width="0.626418057596311" opacity="0.6189388375263661" x="70" y="90"></rect><rect fill="hsl(114, 70%, 60%)" height="61.856593624688685" width="0.5948083214461803" opacity="0.7747744435444475" x="90" y="0"></rect><rect fill="#ffffff" height="1.1621080202749" width="38.88290254864842" opacity="0.691492327908054" x="10" y="90"></rect><circle cx="10" cy="90" fill="hsl(204, 80%, 60%)" opacity="0.8" r="2.3242160405498"></circle><rect fill="hsl(114, 70%, 60%)" height="1.8713149260729551" width="47.40233802702278" opacity="0.7052170728333295" x="30" y="0"></rect><circle cx="30" cy="0" fill="hsl(204, 80%, 60%)" opacity="0.8" r="3.7426298521459103"></circle><rect fill="hsl(114, 70%, 60%)" height="63.363657062873244" width="1.8977315255906433" opacity="0.8335639433935285" x="10" y="80"></rect><rect fill="hsl(114, 70%, 60%)" height="1.4953058765968308" width="48.098036060109735" opacity="0.6671421378385276" x="0" y="30"></rect><circle cx="0" cy="30" fill="hsl(204, 80%, 60%)" opacity="0.8" r="2.9906117531936616"></circle><rect fill="hsl(114, 70%, 60%)" height="44.749388503842056" width="0.6819807668216527" opacity="0.4483907175716013" x="50" y="50"></rect><circle cx="50" cy="50" fill="hsl(204, 80%, 60%)" opacity="0.8" r="1.3639615336433053"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#edc531;background-color:rgba(237,197,49,.063);border-color:rgba(237,197,49,.125)">Series</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">3</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-01-28</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#119</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#f5e080">Splinter Cell: Deathwatch</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On Netflix</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/game/mafia-2" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-mafia-iigame" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-mafia-iigame)" height="100" width="100"></rect><g transform="translate(0, 0) rotate(90, 10, 10)"><polygon fill="hsl(177, 60%, 50%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(177, 60%, 50%)" stroke-width="0"></polygon></g><g transform="translate(0, 80) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="#ffffff" opacity="0.9"></path></g><g transform="translate(20, 40) rotate(180, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(357, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(20, 80) rotate(270, 10, 10)"><circle cx="10" cy="10" fill="hsl(357, 70%, 60%)" opacity="0.9" r="8" stroke="hsl(357, 70%, 60%)" stroke-width="0"></circle></g><g transform="translate(40, 0) rotate(0, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="#ffffff" opacity="0.9"></path></g><g transform="translate(60, 20) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="hsl(177, 60%, 50%)" opacity="0.9" r="8" stroke="hsl(177, 60%, 50%)" stroke-width="0"></circle></g><g transform="translate(60, 40) rotate(180, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(177, 60%, 50%)" opacity="0.9"></path></g><g transform="translate(60, 60) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(357, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(80, 0) rotate(0, 10, 10)"><rect fill="hsl(357, 70%, 60%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(357, 70%, 60%)" stroke-width="0"></rect></g><g transform="translate(80, 40) rotate(90, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(357, 70%, 60%)" stroke-width="1.5"></polygon></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00c9a7;background-color:rgba(0,201,167,.063);border-color:rgba(0,201,167,.125)">Game</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-01-21</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#118</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#00e6bf">Mafia II</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On PC, PS3, Xbox 360, PS4, Xbox One</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/game/swat-god" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-swat-godgame" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-swat-godgame)" height="100" width="100"></rect><g transform="translate(20, 0) rotate(0, 10, 10)"><circle cx="10" cy="10" fill="hsl(26, 70%, 60%)" opacity="0.9" r="8" stroke="hsl(26, 70%, 60%)" stroke-width="0"></circle></g><g transform="translate(20, 20) rotate(180, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(26, 70%, 60%)" stroke-width="1.5"></rect></g><g transform="translate(20, 60) rotate(0, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(206, 60%, 50%)" opacity="0.9"></path></g><g transform="translate(40, 20) rotate(180, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(206, 60%, 50%)" stroke-width="1.5"></rect></g><g transform="translate(60, 40) rotate(180, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(206, 60%, 50%)" stroke-width="1.5"></rect></g><g transform="translate(60, 60) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(26, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(60, 80) rotate(0, 10, 10)"><polygon fill="hsl(116, 80%, 60%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(116, 80%, 60%)" stroke-width="0"></polygon></g><g transform="translate(80, 60) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(26, 70%, 60%)" opacity="0.9"></path></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00c9a7;background-color:rgba(0,201,167,.063);border-color:rgba(0,201,167,.125)">Game</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-01-21</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#117</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#00e6bf">Swat God</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On PC (Itch.io)</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/game/downwell" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-downwellgame" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-downwellgame)" height="100" width="100"></rect><rect fill="hsl(205, 70%, 60%)" height="30.34737694542855" width="1.650116185308434" opacity="0.5480582354590297" x="20" y="0"></rect><circle cx="20" cy="0" fill="hsl(295, 80%, 60%)" opacity="0.8" r="3.300232370616868"></circle><rect fill="hsl(205, 70%, 60%)" height="24.177923761308193" width="1.2354212031932548" opacity="0.6987184929195791" x="90" y="0"></rect><circle cx="90" cy="0" fill="hsl(295, 80%, 60%)" opacity="0.8" r="2.4708424063865095"></circle><rect fill="hsl(205, 70%, 60%)" height="67.23227047827095" width="1.5922209516866133" opacity="0.9236320666968822" x="0" y="40"></rect><circle cx="0" cy="40" fill="hsl(295, 80%, 60%)" opacity="0.8" r="3.1844419033732265"></circle><rect fill="hsl(205, 70%, 60%)" height="0.9294800271745771" width="60.586362117901444" opacity="0.5072470382321627" x="60" y="80"></rect><circle cx="60" cy="80" fill="hsl(295, 80%, 60%)" opacity="0.8" r="1.8589600543491542"></circle><rect fill="hsl(205, 70%, 60%)" height="62.37630418501794" width="1.8074190799379721" opacity="0.4835454307496548" x="60" y="20"></rect><circle cx="60" cy="20" fill="hsl(295, 80%, 60%)" opacity="0.8" r="3.6148381598759443"></circle><rect fill="hsl(205, 70%, 60%)" height="78.19789921399206" width="0.8464649474481121" opacity="0.9667632473167032" x="80" y="10"></rect><rect fill="hsl(205, 70%, 60%)" height="1.927418036852032" width="74.92244418244809" opacity="0.8851458203978837" x="30" y="10"></rect><circle cx="30" cy="10" fill="hsl(295, 80%, 60%)" opacity="0.8" r="3.854836073704064"></circle><rect fill="#ffffff" height="44.0565609652549" width="1.4478160444414243" opacity="0.8696657892782241" x="50" y="70"></rect><circle cx="50" cy="70" fill="hsl(295, 80%, 60%)" opacity="0.8" r="2.8956320888828486"></circle><rect fill="#ffffff" height="23.91511545982212" width="0.5015829493058845" opacity="0.5689414203166961" x="50" y="0"></rect><rect fill="hsl(205, 70%, 60%)" height="71.65599716827273" width="0.6357412121724337" opacity="0.7570824858732521" x="40" y="60"></rect><circle cx="40" cy="60" fill="hsl(295, 80%, 60%)" opacity="0.8" r="1.2714824243448675"></circle><rect fill="hsl(205, 70%, 60%)" height="44.019838981330395" width="1.4427166098030284" opacity="0.8294445532839745" x="40" y="40"></rect><circle cx="40" cy="40" fill="hsl(295, 80%, 60%)" opacity="0.8" r="2.885433219606057"></circle><rect fill="hsl(205, 70%, 60%)" height="0.9534803080605343" width="69.47672996204346" opacity="0.8573859632015228" x="10" y="50"></rect><circle cx="10" cy="50" fill="hsl(295, 80%, 60%)" opacity="0.8" r="1.9069606161210686"></circle><rect fill="hsl(205, 70%, 60%)" height="27.49501160811633" width="0.7095037290127948" opacity="0.7775128030683846" x="40" y="80"></rect><circle cx="40" cy="80" fill="hsl(295, 80%, 60%)" opacity="0.8" r="1.4190074580255896"></circle><rect fill="hsl(205, 70%, 60%)" height="49.52641186770052" width="1.280892719165422" opacity="0.6521611616015435" x="90" y="50"></rect><rect fill="#ffffff" height="57.057267762720585" width="1.7902628915617242" opacity="0.5390216838568449" x="10" y="50"></rect><circle cx="10" cy="50" fill="hsl(295, 80%, 60%)" opacity="0.8" r="3.5805257831234485"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00c9a7;background-color:rgba(0,201,167,.063);border-color:rgba(0,201,167,.125)">Game</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-01-21</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#116</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#00e6bf">Downwell</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On PC, iOS, Android, PS4, Switch</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/game/saints-row-the-third" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-saints-row--the-thirdgame" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-saints-row--the-thirdgame)" height="100" width="100"></rect><rect fill="hsl(302, 70%, 60%)" height="0.7859874059213325" width="53.095387876965106" opacity="0.8509934086352586" x="60" y="50"></rect><circle cx="60" cy="50" fill="hsl(32, 80%, 60%)" opacity="0.8" r="1.571974811842665"></circle><rect fill="hsl(302, 70%, 60%)" height="34.03579221107066" width="0.9391745042521507" opacity="0.5420997571665793" x="70" y="10"></rect><circle cx="70" cy="10" fill="hsl(32, 80%, 60%)" opacity="0.8" r="1.8783490085043013"></circle><rect fill="hsl(302, 70%, 60%)" height="1.8753867055056617" width="23.481991509906948" opacity="0.6112688117660582" x="50" y="0"></rect><rect fill="hsl(302, 70%, 60%)" height="61.90947677008808" width="1.640961469616741" opacity="0.8890709013678133" x="60" y="40"></rect><circle cx="60" cy="40" fill="hsl(32, 80%, 60%)" opacity="0.8" r="3.281922939233482"></circle><rect fill="hsl(302, 70%, 60%)" height="25.73045076802373" width="1.155865841312334" opacity="0.564326200960204" x="40" y="70"></rect><rect fill="hsl(302, 70%, 60%)" height="1.380092105246149" width="29.47097385302186" opacity="0.9881998734548688" x="20" y="40"></rect><rect fill="hsl(302, 70%, 60%)" height="1.6382991836871952" width="58.69664067402482" opacity="0.9081773772835732" x="0" y="80"></rect><rect fill="hsl(302, 70%, 60%)" height="0.5263250796124339" width="47.51127988565713" opacity="0.6533303643111139" x="10" y="50"></rect><circle cx="10" cy="50" fill="hsl(32, 80%, 60%)" opacity="0.8" r="1.0526501592248678"></circle><rect fill="hsl(302, 70%, 60%)" height="0.5003936731955037" width="60.12848832178861" opacity="0.5951161304023117" x="0" y="60"></rect><rect fill="hsl(302, 70%, 60%)" height="1.1832223588135093" width="65.60962243936956" opacity="0.7503741222899407" x="50" y="80"></rect><circle cx="50" cy="80" fill="hsl(32, 80%, 60%)" opacity="0.8" r="2.3664447176270187"></circle><rect fill="hsl(302, 70%, 60%)" height="39.42533009219915" width="1.8157277839491144" opacity="0.962426002183929" x="20" y="50"></rect><circle cx="20" cy="50" fill="hsl(32, 80%, 60%)" opacity="0.8" r="3.6314555678982288"></circle><rect fill="hsl(302, 70%, 60%)" height="79.01001452002674" width="0.5101703554391861" opacity="0.5657035848591476" x="70" y="70"></rect><circle cx="70" cy="70" fill="hsl(32, 80%, 60%)" opacity="0.8" r="1.0203407108783722"></circle><rect fill="#ffffff" height="78.34264634177089" width="1.864611858385615" opacity="0.41437986162491147" x="80" y="30"></rect><circle cx="80" cy="30" fill="hsl(32, 80%, 60%)" opacity="0.8" r="3.72922371677123"></circle><rect fill="hsl(302, 70%, 60%)" height="1.7031735660275444" width="55.55883083958179" opacity="0.6922549148555845" x="90" y="0"></rect><circle cx="90" cy="0" fill="hsl(32, 80%, 60%)" opacity="0.8" r="3.406347132055089"></circle><rect fill="hsl(302, 70%, 60%)" height="0.6325511150062084" width="54.9212732212618" opacity="0.9361841237172485" x="90" y="90"></rect></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00c9a7;background-color:rgba(0,201,167,.063);border-color:rgba(0,201,167,.125)">Game</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-01-21</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#115</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#00e6bf">Saints Row: The Third</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On PC, PS4, Xbox One, Nintendo Switch</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/game/mirrors-edge-catalyst" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-mirror-s-edge-catalystgame" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-mirror-s-edge-catalystgame)" height="100" width="100"></rect><rect fill="hsl(170, 70%, 60%)" height="1.4231407461920753" width="43.359235054813325" opacity="0.6615039875265212" x="50" y="40"></rect><circle cx="50" cy="40" fill="hsl(260, 80%, 60%)" opacity="0.8" r="2.8462814923841506"></circle><rect fill="#ffffff" height="24.147265944629908" width="0.5399250541813672" opacity="0.5274525861721486" x="40" y="80"></rect><circle cx="40" cy="80" fill="hsl(260, 80%, 60%)" opacity="0.8" r="1.0798501083627343"></circle><rect fill="#ffffff" height="42.47925946954638" width="0.9068656150484458" opacity="0.8567861676216125" x="30" y="70"></rect><rect fill="hsl(170, 70%, 60%)" height="40.04396573174745" width="1.841857123421505" opacity="0.9559125411789864" x="10" y="40"></rect><rect fill="hsl(170, 70%, 60%)" height="65.55605270434171" width="0.5615547854686156" opacity="0.9730154030490666" x="20" y="80"></rect><rect fill="hsl(170, 70%, 60%)" height="43.08254757896066" width="1.748814838938415" opacity="0.5241866081953048" x="10" y="70"></rect><rect fill="#ffffff" height="31.74339132849127" width="1.7263201811583713" opacity="0.7867378146387637" x="40" y="40"></rect><rect fill="#ffffff" height="77.21877440344542" width="1.3047710293903947" opacity="0.4553328559268266" x="20" y="60"></rect><rect fill="hsl(170, 70%, 60%)" height="0.6685884706676006" width="35.09805974550545" opacity="0.5443415473215282" x="10" y="0"></rect><rect fill="hsl(170, 70%, 60%)" height="50.056096599437296" width="0.8008888026233763" opacity="0.8845027348026633" x="80" y="70"></rect><circle cx="80" cy="70" fill="hsl(260, 80%, 60%)" opacity="0.8" r="1.6017776052467525"></circle><rect fill="#ffffff" height="1.0877039536135271" width="33.86764909606427" opacity="0.4439649342559278" x="80" y="50"></rect><rect fill="hsl(170, 70%, 60%)" height="1.9030931279994547" width="53.13286959659308" opacity="0.933105320064351" x="0" y="50"></rect><circle cx="0" cy="50" fill="hsl(260, 80%, 60%)" opacity="0.8" r="3.8061862559989095"></circle><rect fill="#ffffff" height="1.6587635695468634" width="26.418391154147685" opacity="0.6794735657051205" x="60" y="0"></rect><rect fill="#ffffff" height="1.5547304562060162" width="38.05975569412112" opacity="0.6283813889604062" x="0" y="40"></rect><rect fill="hsl(170, 70%, 60%)" height="1.3940311697078869" width="37.70173537079245" opacity="0.9920894419774413" x="30" y="90"></rect><circle cx="30" cy="90" fill="hsl(260, 80%, 60%)" opacity="0.8" r="2.7880623394157737"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00c9a7;background-color:rgba(0,201,167,.063);border-color:rgba(0,201,167,.125)">Game</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-01-21</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#114</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#00e6bf">Mirror's Edge Catalyst</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On PC, PS4, Xbox One</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/music/pogo-digitalism" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-pogomusic" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-pogomusic)" height="100" width="100"></rect><g transform="translate(0, 0) rotate(0, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(11, 80%, 60%)" opacity="0.9"></path></g><g transform="translate(0, 20) rotate(270, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(281, 70%, 60%)" stroke-width="1.5"></polygon></g><g transform="translate(20, 40) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(281, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(20, 60) rotate(270, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(281, 70%, 60%)" stroke-width="1.5"></polygon></g><g transform="translate(20, 80) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(281, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(40, 0) rotate(90, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(101, 60%, 50%)" stroke-width="1.5"></circle></g><g transform="translate(40, 20) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(281, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(60, 40) rotate(90, 10, 10)"><circle cx="10" cy="10" fill="hsl(281, 70%, 60%)" opacity="0.9" r="8" stroke="hsl(281, 70%, 60%)" stroke-width="0"></circle></g><g transform="translate(60, 60) rotate(90, 10, 10)"><rect fill="hsl(101, 60%, 50%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(101, 60%, 50%)" stroke-width="0"></rect></g><g transform="translate(80, 0) rotate(270, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(281, 70%, 60%)" stroke-width="1.5"></rect></g><g transform="translate(80, 20) rotate(270, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(11, 80%, 60%)" stroke-width="1.5"></circle></g><g transform="translate(80, 60) rotate(270, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(11, 80%, 60%)" stroke-width="1.5"></polygon></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#f3e5ab;background-color:rgba(243,229,171,.063);border-color:rgba(243,229,171,.125)">Music</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-01-21</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#113</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#fcf2cf">Pogo</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Digitalism</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/music/madvillainy" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-madvillainymusic" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-madvillainymusic)" height="100" width="100"></rect><circle cx="33.071147347800434" cy="30.44958976097405" fill="hsl(132, 70%, 60%)" opacity="0.5670068134786561" r="15.904481466859579" style="mix-blend-mode:screen"></circle><circle cx="52.57180370390415" cy="71.44625068176538" fill="hsl(312, 60%, 50%)" opacity="0.45182635313831265" r="41.065629879012704" style="mix-blend-mode:screen"></circle><circle cx="56.517333700321615" cy="10.360054392367601" fill="hsl(132, 70%, 60%)" opacity="0.5278419154928997" r="45.158411068841815" style="mix-blend-mode:screen"></circle><circle cx="80.67670096643269" cy="19.002523529343307" fill="hsl(312, 60%, 50%)" opacity="0.34473290280438956" r="31.4162999112159" style="mix-blend-mode:screen"></circle><circle cx="32.88623995613307" cy="64.08116812817752" fill="hsl(132, 70%, 60%)" opacity="0.33093632098753006" r="42.19761215150356" style="mix-blend-mode:screen"></circle><circle cx="30.67228887230158" cy="73.3056677505374" fill="hsl(312, 60%, 50%)" opacity="0.43246445555705576" r="22.627800488844514" style="mix-blend-mode:screen"></circle><circle cx="96.27041162457317" cy="15.524046891368926" fill="hsl(132, 70%, 60%)" opacity="0.4097890465753153" r="34.720380660146475" style="mix-blend-mode:screen"></circle><circle cx="27.831441862508655" cy="11.16172056645155" fill="hsl(312, 60%, 50%)" opacity="0.4875806249678135" r="41.97122533805668" style="mix-blend-mode:screen"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#f3e5ab;background-color:rgba(243,229,171,.063);border-color:rgba(243,229,171,.125)">Music</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-01-21</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#112</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#fcf2cf">Madvillainy</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Madvillain (MF DOOM & Madlib)</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/music/dreamed-at-dawn" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-dreamed-at-dawnmusic" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-dreamed-at-dawnmusic)" height="100" width="100"></rect><rect fill="#ffffff" height="44.486264484003186" width="1.8877834379673004" opacity="0.7186018761247397" x="60" y="0"></rect><circle cx="60" cy="0" fill="hsl(58, 80%, 60%)" opacity="0.8" r="3.775566875934601"></circle><rect fill="hsl(328, 70%, 60%)" height="0.7626466508954763" width="72.80847376212478" opacity="0.4311332718934864" x="20" y="10"></rect><circle cx="20" cy="10" fill="hsl(58, 80%, 60%)" opacity="0.8" r="1.5252933017909527"></circle><rect fill="hsl(328, 70%, 60%)" height="0.9579413301544264" width="67.628731620498" opacity="0.7696993737015874" x="20" y="20"></rect><circle cx="20" cy="20" fill="hsl(58, 80%, 60%)" opacity="0.8" r="1.9158826603088528"></circle><rect fill="hsl(328, 70%, 60%)" height="74.49286957737058" width="0.7945949177956209" opacity="0.822517002094537" x="50" y="30"></rect><circle cx="50" cy="30" fill="hsl(58, 80%, 60%)" opacity="0.8" r="1.5891898355912417"></circle><rect fill="hsl(328, 70%, 60%)" height="39.81910395435989" width="1.5288770224433392" opacity="0.8059752505272627" x="70" y="80"></rect><circle cx="70" cy="80" fill="hsl(58, 80%, 60%)" opacity="0.8" r="3.0577540448866785"></circle><rect fill="hsl(328, 70%, 60%)" height="1.654236503993161" width="62.6808307133615" opacity="0.5582408805843443" x="20" y="90"></rect><circle cx="20" cy="90" fill="hsl(58, 80%, 60%)" opacity="0.8" r="3.308473007986322"></circle><rect fill="#ffffff" height="71.07762922532856" width="0.7607322601834312" opacity="0.6368324868381023" x="80" y="50"></rect><circle cx="80" cy="50" fill="hsl(58, 80%, 60%)" opacity="0.8" r="1.5214645203668624"></circle><rect fill="hsl(328, 70%, 60%)" height="40.15485923271626" width="0.5825949197169393" opacity="0.7659295486286283" x="10" y="20"></rect><circle cx="10" cy="20" fill="hsl(58, 80%, 60%)" opacity="0.8" r="1.1651898394338787"></circle><rect fill="hsl(328, 70%, 60%)" height="47.93332962319255" width="1.1383023333037272" opacity="0.7584891710896045" x="40" y="50"></rect><circle cx="40" cy="50" fill="hsl(58, 80%, 60%)" opacity="0.8" r="2.2766046666074544"></circle><rect fill="hsl(328, 70%, 60%)" height="29.06001193448901" width="1.9856063751503825" opacity="0.6244990962091833" x="70" y="40"></rect><circle cx="70" cy="40" fill="hsl(58, 80%, 60%)" opacity="0.8" r="3.971212750300765"></circle><rect fill="hsl(328, 70%, 60%)" height="1.0454809881048277" width="77.3505580238998" opacity="0.9217595693655312" x="40" y="0"></rect><circle cx="40" cy="0" fill="hsl(58, 80%, 60%)" opacity="0.8" r="2.0909619762096554"></circle><rect fill="hsl(328, 70%, 60%)" height="37.86665350664407" width="1.0264550293795764" opacity="0.8048375429585577" x="30" y="20"></rect><rect fill="hsl(328, 70%, 60%)" height="1.8740419712848961" width="53.65243575070053" opacity="0.6799892572686077" x="10" y="50"></rect><rect fill="hsl(328, 70%, 60%)" height="70.43370738159865" width="1.8246642292942852" opacity="0.4806786812841892" x="40" y="80"></rect><rect fill="hsl(328, 70%, 60%)" height="1.0927509685279801" width="38.946983511559665" opacity="0.9758102184627205" x="40" y="60"></rect><circle cx="40" cy="60" fill="hsl(58, 80%, 60%)" opacity="0.8" r="2.1855019370559603"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#f3e5ab;background-color:rgba(243,229,171,.063);border-color:rgba(243,229,171,.125)">Music</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-01-21</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#111</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#fcf2cf">Dreamed at Dawn</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By The Away Days</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/food/tiftik-street-food" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-tiftik-street-foodfood" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-tiftik-street-foodfood)" height="100" width="100"></rect><rect fill="hsl(315, 70%, 60%)" height="71.99466165155172" width="1.4839290670352057" opacity="0.5835737239103764" x="60" y="90"></rect><circle cx="60" cy="90" fill="hsl(45, 80%, 60%)" opacity="0.8" r="2.9678581340704113"></circle><rect fill="#ffffff" height="1.4265102642821148" width="25.721443044021726" opacity="0.7461467894725502" x="0" y="30"></rect><rect fill="hsl(315, 70%, 60%)" height="1.172494919737801" width="67.89094449952245" opacity="0.5291112446691841" x="40" y="30"></rect><circle cx="40" cy="30" fill="hsl(45, 80%, 60%)" opacity="0.8" r="2.344989839475602"></circle><rect fill="hsl(315, 70%, 60%)" height="0.8107992789009586" width="72.23252026829869" opacity="0.837594246165827" x="60" y="60"></rect><circle cx="60" cy="60" fill="hsl(45, 80%, 60%)" opacity="0.8" r="1.6215985578019172"></circle><rect fill="hsl(315, 70%, 60%)" height="1.2092040688730776" width="55.02934600226581" opacity="0.8126119791530073" x="20" y="70"></rect><circle cx="20" cy="70" fill="hsl(45, 80%, 60%)" opacity="0.8" r="2.4184081377461553"></circle><rect fill="#ffffff" height="1.684670335962437" width="56.486606686376035" opacity="0.9575410917401314" x="80" y="30"></rect><rect fill="hsl(315, 70%, 60%)" height="48.066531252115965" width="0.5609079477144405" opacity="0.43933295654132964" x="10" y="50"></rect><circle cx="10" cy="50" fill="hsl(45, 80%, 60%)" opacity="0.8" r="1.121815895428881"></circle><rect fill="hsl(315, 70%, 60%)" height="79.48539248201996" width="1.073802700615488" opacity="0.4902896374464035" x="40" y="40"></rect><circle cx="40" cy="40" fill="hsl(45, 80%, 60%)" opacity="0.8" r="2.147605401230976"></circle><rect fill="hsl(315, 70%, 60%)" height="57.017573905177414" width="0.5206633865600452" opacity="0.9737269204575568" x="90" y="40"></rect><circle cx="90" cy="40" fill="hsl(45, 80%, 60%)" opacity="0.8" r="1.0413267731200904"></circle><rect fill="hsl(315, 70%, 60%)" height="0.7955937259830534" width="20.17370725981891" opacity="0.5466946233063936" x="50" y="90"></rect><rect fill="hsl(315, 70%, 60%)" height="57.526008053682745" width="1.4474725547479466" opacity="0.7930795705411584" x="90" y="50"></rect><rect fill="hsl(315, 70%, 60%)" height="1.290206947713159" width="22.076423545368016" opacity="0.5678618064615876" x="90" y="30"></rect><rect fill="hsl(315, 70%, 60%)" height="0.6223396515706554" width="23.817376838997006" opacity="0.7410219612997025" x="10" y="10"></rect><rect fill="hsl(315, 70%, 60%)" height="35.13297650497407" width="1.2089585782960057" opacity="0.42405966366641223" x="30" y="30"></rect><rect fill="hsl(315, 70%, 60%)" height="49.5558175817132" width="1.2083070753142238" opacity="0.6290089114569127" x="90" y="70"></rect><circle cx="90" cy="70" fill="hsl(45, 80%, 60%)" opacity="0.8" r="2.4166141506284475"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#f4a259;background-color:rgba(244,162,89,.063);border-color:rgba(244,162,89,.125)">Food</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-01-18</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#110</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#ffc780">Tiftik Street Food</h3><div class="mb-4"></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/movie/unleashed-2005" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-unleashed--2005-movie" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-unleashed--2005-movie)" height="100" width="100"></rect><rect fill="#ffffff" height="51.757976142689586" width="0.5263036977266893" opacity="0.7129393300041557" x="0" y="90"></rect><circle cx="0" cy="90" fill="hsl(220, 80%, 60%)" opacity="0.8" r="1.0526073954533786"></circle><rect fill="hsl(130, 70%, 60%)" height="0.7694659881526604" width="40.874699647538364" opacity="0.8917838695924729" x="90" y="40"></rect><circle cx="90" cy="40" fill="hsl(220, 80%, 60%)" opacity="0.8" r="1.5389319763053209"></circle><rect fill="hsl(130, 70%, 60%)" height="1.5397305546794087" width="46.890372415073216" opacity="0.9288651616778225" x="80" y="30"></rect><circle cx="80" cy="30" fill="hsl(220, 80%, 60%)" opacity="0.8" r="3.0794611093588173"></circle><rect fill="hsl(130, 70%, 60%)" height="1.5871125127887353" width="68.22564745787531" opacity="0.5343737369403243" x="50" y="60"></rect><rect fill="hsl(130, 70%, 60%)" height="53.40906080789864" width="0.8824758257251233" opacity="0.6267062271945179" x="30" y="50"></rect><circle cx="30" cy="50" fill="hsl(220, 80%, 60%)" opacity="0.8" r="1.7649516514502466"></circle><rect fill="hsl(130, 70%, 60%)" height="1.4778150347992778" width="24.53920450527221" opacity="0.8607350364327431" x="40" y="30"></rect><circle cx="40" cy="30" fill="hsl(220, 80%, 60%)" opacity="0.8" r="2.9556300695985556"></circle><rect fill="hsl(130, 70%, 60%)" height="21.56763452105224" width="1.1067338944412768" opacity="0.406648210156709" x="60" y="80"></rect><rect fill="hsl(130, 70%, 60%)" height="55.77179120853543" width="1.566243976354599" opacity="0.5637284711003303" x="40" y="60"></rect><rect fill="hsl(130, 70%, 60%)" height="52.79144926927984" width="0.770642540184781" opacity="0.9909520628396422" x="90" y="80"></rect><rect fill="hsl(130, 70%, 60%)" height="1.1627809844212607" width="46.349156238138676" opacity="0.6921486353967339" x="90" y="50"></rect><circle cx="90" cy="50" fill="hsl(220, 80%, 60%)" opacity="0.8" r="2.3255619688425213"></circle><rect fill="#ffffff" height="33.49267633166164" width="0.9956648233346641" opacity="0.7085284153465181" x="40" y="10"></rect><circle cx="40" cy="10" fill="hsl(220, 80%, 60%)" opacity="0.8" r="1.9913296466693282"></circle><rect fill="hsl(130, 70%, 60%)" height="47.33890064060688" width="1.6486507817171514" opacity="0.5805025989189744" x="20" y="70"></rect><rect fill="hsl(130, 70%, 60%)" height="1.5344042201759294" width="21.61773731932044" opacity="0.5318009088281542" x="20" y="30"></rect><circle cx="20" cy="30" fill="hsl(220, 80%, 60%)" opacity="0.8" r="3.0688084403518587"></circle><rect fill="hsl(130, 70%, 60%)" height="72.73230425082147" width="1.5762853716732934" opacity="0.6045927959028632" x="70" y="20"></rect><circle cx="70" cy="20" fill="hsl(220, 80%, 60%)" opacity="0.8" r="3.152570743346587"></circle><rect fill="hsl(130, 70%, 60%)" height="1.1024392286781222" width="62.56002492737025" opacity="0.6420511717908084" x="50" y="10"></rect></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#dc143c;background-color:rgba(220,20,60,.063);border-color:rgba(220,20,60,.125)">Movie</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">3</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-01-17</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#109</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#e84f6d">Unleashed (2005)</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Louis Leterrier</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/movie/mr-and-mrs-smith-2005" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-mr----mrs--smith--2005-movie" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-mr----mrs--smith--2005-movie)" height="100" width="100"></rect><rect fill="hsl(122, 70%, 60%)" height="1.693429785897024" width="49.5890248240903" opacity="0.805627653002739" x="90" y="30"></rect><rect fill="hsl(122, 70%, 60%)" height="1.104929507477209" width="79.47891014162451" opacity="0.6053508644457907" x="60" y="10"></rect><rect fill="hsl(122, 70%, 60%)" height="1.1428053525742143" width="65.74367368593812" opacity="0.4738825005013496" x="40" y="50"></rect><circle cx="40" cy="50" fill="hsl(212, 80%, 60%)" opacity="0.8" r="2.2856107051484287"></circle><rect fill="hsl(122, 70%, 60%)" height="0.8415906849550083" width="24.181078458204865" opacity="0.9690572765655816" x="40" y="90"></rect><rect fill="hsl(122, 70%, 60%)" height="72.93449320364743" width="1.5777124629821628" opacity="0.630053113726899" x="50" y="30"></rect><circle cx="50" cy="30" fill="hsl(212, 80%, 60%)" opacity="0.8" r="3.1554249259643257"></circle><rect fill="hsl(122, 70%, 60%)" height="36.43609635066241" width="1.554665433941409" opacity="0.5308755204547196" x="0" y="50"></rect><circle cx="0" cy="50" fill="hsl(212, 80%, 60%)" opacity="0.8" r="3.109330867882818"></circle><rect fill="#ffffff" height="1.7524060897994787" width="78.30993409268558" opacity="0.93271270878613" x="40" y="40"></rect><circle cx="40" cy="40" fill="hsl(212, 80%, 60%)" opacity="0.8" r="3.5048121795989573"></circle><rect fill="hsl(122, 70%, 60%)" height="22.948928368277848" width="0.9689873091410846" opacity="0.8987075060140342" x="40" y="20"></rect><rect fill="#ffffff" height="1.8451425434323028" width="48.15923540852964" opacity="0.5486248620320111" x="50" y="20"></rect><circle cx="50" cy="20" fill="hsl(212, 80%, 60%)" opacity="0.8" r="3.6902850868646055"></circle><rect fill="#ffffff" height="0.7110337074846029" width="44.94852683506906" opacity="0.98444988806732" x="80" y="60"></rect><rect fill="hsl(122, 70%, 60%)" height="1.0629035788588226" width="25.352892857044935" opacity="0.7944164136890322" x="50" y="40"></rect><circle cx="50" cy="40" fill="hsl(212, 80%, 60%)" opacity="0.8" r="2.125807157717645"></circle><rect fill="hsl(122, 70%, 60%)" height="1.336210017441772" width="47.489195484668016" opacity="0.7114454014692455" x="40" y="30"></rect><rect fill="hsl(122, 70%, 60%)" height="1.5118436502525583" width="45.51071559544653" opacity="0.9332249018829316" x="80" y="70"></rect><rect fill="hsl(122, 70%, 60%)" height="1.6795662333024666" width="33.61201448831707" opacity="0.9806348285172135" x="90" y="40"></rect><rect fill="hsl(122, 70%, 60%)" height="1.9951599817723036" width="66.86510336119682" opacity="0.7550655258819461" x="50" y="90"></rect></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#dc143c;background-color:rgba(220,20,60,.063);border-color:rgba(220,20,60,.125)">Movie</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-01-17</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#108</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#e84f6d">Mr. & Mrs. Smith (2005)</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Doug Liman</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/websites/noyaml" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-noyamlwebsites" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-noyamlwebsites)" height="100" width="100"></rect><g transform="translate(0, 0) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(62, 60%, 50%)" opacity="0.9"></path></g><g transform="translate(0, 20) rotate(180, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(242, 70%, 60%)" stroke-width="1.5"></polygon></g><g transform="translate(0, 40) rotate(270, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(242, 70%, 60%)" stroke-width="1.5"></polygon></g><g transform="translate(0, 60) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(62, 60%, 50%)" stroke-width="1.5"></circle></g><g transform="translate(20, 20) rotate(0, 10, 10)"><rect fill="hsl(242, 70%, 60%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(242, 70%, 60%)" stroke-width="0"></rect></g><g transform="translate(20, 40) rotate(90, 10, 10)"><rect fill="hsl(332, 80%, 60%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(332, 80%, 60%)" stroke-width="0"></rect></g><g transform="translate(40, 20) rotate(270, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(62, 60%, 50%)" stroke-width="1.5"></circle></g><g transform="translate(40, 40) rotate(180, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(62, 60%, 50%)" opacity="0.9"></path></g><g transform="translate(60, 0) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(332, 80%, 60%)" opacity="0.9"></path></g><g transform="translate(60, 60) rotate(90, 10, 10)"><rect fill="hsl(332, 80%, 60%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(332, 80%, 60%)" stroke-width="0"></rect></g><g transform="translate(60, 80) rotate(0, 10, 10)"><circle cx="10" cy="10" fill="#ffffff" opacity="0.9" r="8" stroke="#ffffff" stroke-width="0"></circle></g><g transform="translate(80, 0) rotate(0, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(62, 60%, 50%)" opacity="0.9"></path></g><g transform="translate(80, 20) rotate(90, 10, 10)"><rect fill="hsl(62, 60%, 50%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(62, 60%, 50%)" stroke-width="0"></rect></g><g transform="translate(80, 40) rotate(180, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(242, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(80, 60) rotate(180, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(242, 70%, 60%)" opacity="0.9"></path></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00ff7f;background-color:rgba(0,255,127,.063);border-color:rgba(0,255,127,.125)">Websites</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-01-17</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#107</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#4dff99">NoYAML</h3><div class="mb-4"></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/websites/21st" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-21stwebsites" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-21stwebsites)" height="100" width="100"></rect><circle cx="87.08256629761308" cy="53.86351146735251" fill="hsl(179, 70%, 60%)" opacity="0.49517313383985306" r="39.96377853676677" style="mix-blend-mode:screen"></circle><circle cx="28.667087201029062" cy="10.47496187966317" fill="hsl(359, 60%, 50%)" opacity="0.35795695970300584" r="35.24459218606353" style="mix-blend-mode:screen"></circle><circle cx="32.26923895999789" cy="49.803051888011396" fill="hsl(179, 70%, 60%)" opacity="0.5929144949186593" r="29.972158884629607" style="mix-blend-mode:screen"></circle><circle cx="9.321559499949217" cy="34.41219939850271" fill="hsl(359, 60%, 50%)" opacity="0.5548680407926441" r="10.143478261306882" style="mix-blend-mode:screen"></circle><circle cx="10.576008213683963" cy="93.4748015832156" fill="hsl(179, 70%, 60%)" opacity="0.4010073060169816" r="40.626120176166296" style="mix-blend-mode:screen"></circle><circle cx="39.725712267681956" cy="90.3184887720272" fill="hsl(359, 60%, 50%)" opacity="0.4058562981896102" r="23.49038946442306" style="mix-blend-mode:screen"></circle><circle cx="87.59030695073307" cy="92.03988802619278" fill="hsl(179, 70%, 60%)" opacity="0.5662473123287781" r="29.54152866266668" style="mix-blend-mode:screen"></circle><circle cx="26.99422303121537" cy="53.39492412749678" fill="hsl(359, 60%, 50%)" opacity="0.4547222011489793" r="44.27817483432591" style="mix-blend-mode:screen"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00ff7f;background-color:rgba(0,255,127,.063);border-color:rgba(0,255,127,.125)">Websites</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-01-16</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#106</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#4dff99">21st</h3><div class="mb-4"></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/tools/posthog" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="PostHog" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/adrianna-geo-1rBg5YSi00c-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#e0aaff;background-color:rgba(224,170,255,.063);border-color:rgba(224,170,255,.125)">Tools</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-01-13</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#105</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#f0dfff">PostHog</h3><div class="mb-4"></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/websites/lospec" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Lospec" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/logs/website/pixel-art.webp"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00ff7f;background-color:rgba(0,255,127,.063);border-color:rgba(0,255,127,.125)">Websites</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-01-12</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#104</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#4dff99">Lospec</h3><div class="mb-4"></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/websites/itch-io-pixel-art" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="itch.io - Pixel Art Assets" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/logs/website/pixel-art.webp"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00ff7f;background-color:rgba(0,255,127,.063);border-color:rgba(0,255,127,.125)">Websites</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-01-12</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#103</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#4dff99">itch.io - Pixel Art Assets</h3><div class="mb-4"></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/tools/aseprite" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Aseprite" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/logs/website/pixel-art.webp"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#e0aaff;background-color:rgba(224,170,255,.063);border-color:rgba(224,170,255,.125)">Tools</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-01-12</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#102</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#f0dfff">Aseprite</h3><div class="mb-4"></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/event/rumble-in-the-jungle" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-rumble-in-the-jungle--1974-event" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-rumble-in-the-jungle--1974-event)" height="100" width="100"></rect><g transform="translate(0, 0) rotate(0, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(230, 60%, 50%)" stroke-width="1.5"></polygon></g><g transform="translate(0, 40) rotate(180, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(230, 60%, 50%)" opacity="0.9"></path></g><g transform="translate(0, 60) rotate(90, 10, 10)"><circle cx="10" cy="10" fill="#ffffff" opacity="0.9" r="8" stroke="#ffffff" stroke-width="0"></circle></g><g transform="translate(20, 0) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(230, 60%, 50%)" opacity="0.9"></path></g><g transform="translate(20, 40) rotate(180, 10, 10)"><rect fill="hsl(50, 70%, 60%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(50, 70%, 60%)" stroke-width="0"></rect></g><g transform="translate(20, 60) rotate(0, 10, 10)"><circle cx="10" cy="10" fill="hsl(140, 80%, 60%)" opacity="0.9" r="8" stroke="hsl(140, 80%, 60%)" stroke-width="0"></circle></g><g transform="translate(40, 0) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="hsl(50, 70%, 60%)" opacity="0.9" r="8" stroke="hsl(50, 70%, 60%)" stroke-width="0"></circle></g><g transform="translate(40, 40) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(140, 80%, 60%)" opacity="0.9"></path></g><g transform="translate(40, 80) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="hsl(50, 70%, 60%)" opacity="0.9" r="8" stroke="hsl(50, 70%, 60%)" stroke-width="0"></circle></g><g transform="translate(60, 40) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(230, 60%, 50%)" stroke-width="1.5"></circle></g><g transform="translate(60, 60) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="#ffffff" opacity="0.9"></path></g><g transform="translate(80, 0) rotate(270, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(50, 70%, 60%)" stroke-width="1.5"></rect></g><g transform="translate(80, 20) rotate(0, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(230, 60%, 50%)" opacity="0.9"></path></g><g transform="translate(80, 40) rotate(180, 10, 10)"><polygon fill="hsl(50, 70%, 60%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(50, 70%, 60%)" stroke-width="0"></polygon></g><g transform="translate(80, 60) rotate(90, 10, 10)"><circle cx="10" cy="10" fill="hsl(50, 70%, 60%)" opacity="0.9" r="8" stroke="hsl(50, 70%, 60%)" stroke-width="0"></circle></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#10b981;background-color:rgba(16,185,129,.063);border-color:rgba(16,185,129,.125)">Event</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-01-11</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#101</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#34d399">Rumble in the Jungle (1974)</h3><div class="mb-4"></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/series/gravity-falls" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-gravity-fallsseries" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-gravity-fallsseries)" height="100" width="100"></rect><g transform="translate(0, 0) rotate(90, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(158, 70%, 60%)" stroke-width="1.5"></rect></g><g transform="translate(0, 20) rotate(270, 10, 10)"><polygon fill="hsl(158, 70%, 60%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(158, 70%, 60%)" stroke-width="0"></polygon></g><g transform="translate(0, 80) rotate(90, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(248, 80%, 60%)" stroke-width="1.5"></polygon></g><g transform="translate(20, 0) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="hsl(338, 60%, 50%)" opacity="0.9" r="8" stroke="hsl(338, 60%, 50%)" stroke-width="0"></circle></g><g transform="translate(20, 40) rotate(180, 10, 10)"><rect fill="#ffffff" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="#ffffff" stroke-width="0"></rect></g><g transform="translate(20, 60) rotate(270, 10, 10)"><circle cx="10" cy="10" fill="hsl(338, 60%, 50%)" opacity="0.9" r="8" stroke="hsl(338, 60%, 50%)" stroke-width="0"></circle></g><g transform="translate(20, 80) rotate(90, 10, 10)"><rect fill="hsl(338, 60%, 50%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(338, 60%, 50%)" stroke-width="0"></rect></g><g transform="translate(60, 0) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(158, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(60, 40) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="hsl(158, 70%, 60%)" opacity="0.9" r="8" stroke="hsl(158, 70%, 60%)" stroke-width="0"></circle></g><g transform="translate(60, 60) rotate(270, 10, 10)"><rect fill="hsl(248, 80%, 60%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(248, 80%, 60%)" stroke-width="0"></rect></g><g transform="translate(80, 20) rotate(90, 10, 10)"><polygon fill="hsl(338, 60%, 50%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(338, 60%, 50%)" stroke-width="0"></polygon></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#edc531;background-color:rgba(237,197,49,.063);border-color:rgba(237,197,49,.125)">Series</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-01-09</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#100</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#f5e080">Gravity Falls</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Alex Hirsch</p><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On Disney+</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/video/can-you-solve-the-pirate-riddle" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-can-you-solve-the-pirate-riddle----alex-gendlervideo" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-can-you-solve-the-pirate-riddle----alex-gendlervideo)" height="100" width="100"></rect><circle cx="29.42209269385785" cy="66.88001747243106" fill="hsl(220, 70%, 60%)" opacity="0.5059565477538854" r="35.23234311491251" style="mix-blend-mode:screen"></circle><circle cx="81.52624820359051" cy="93.86270672548562" fill="hsl(40, 60%, 50%)" opacity="0.5429856040282175" r="32.160022128373384" style="mix-blend-mode:screen"></circle><circle cx="80.79347633756697" cy="18.5225123539567" fill="hsl(220, 70%, 60%)" opacity="0.48480647555552425" r="40.184733383357525" style="mix-blend-mode:screen"></circle><circle cx="69.89072209689766" cy="9.865602455101907" fill="hsl(40, 60%, 50%)" opacity="0.33859950648620724" r="28.85380070656538" style="mix-blend-mode:screen"></circle><circle cx="72.33990232925862" cy="58.83225095458329" fill="hsl(220, 70%, 60%)" opacity="0.3850831652060151" r="41.32185215130448" style="mix-blend-mode:screen"></circle><circle cx="56.94216580595821" cy="52.52332407981157" fill="hsl(40, 60%, 50%)" opacity="0.3969711546320468" r="40.6619174964726" style="mix-blend-mode:screen"></circle><circle cx="69.03334057424217" cy="97.24878382403404" fill="hsl(220, 70%, 60%)" opacity="0.5192587712779642" r="17.165840696543455" style="mix-blend-mode:screen"></circle><circle cx="79.39842997584492" cy="3.435375355184078" fill="hsl(40, 60%, 50%)" opacity="0.47631363810505717" r="38.415689496323466" style="mix-blend-mode:screen"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#8a2be2;background-color:rgba(138,43,226,.063);border-color:rgba(138,43,226,.125)">Video</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-01-08</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#099</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#a050f0">Can you solve the pirate riddle? - Alex Gendler</h3><div class="mb-4"></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/music/gorillaz-stylo" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-stylomusic" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-stylomusic)" height="100" width="100"></rect><circle cx="78.62033143173903" cy="35.95770322717726" fill="hsl(8, 70%, 60%)" opacity="0.5374847755534574" r="26.028213566169143" style="mix-blend-mode:screen"></circle><circle cx="77.39289526361972" cy="83.66859571542591" fill="hsl(188, 60%, 50%)" opacity="0.4259544508298859" r="36.48531815037131" style="mix-blend-mode:screen"></circle><circle cx="92.73649528622627" cy="44.73951938562095" fill="hsl(8, 70%, 60%)" opacity="0.45629426704254" r="12.832857733592391" style="mix-blend-mode:screen"></circle><circle cx="15.273766336031258" cy="30.24125702213496" fill="hsl(188, 60%, 50%)" opacity="0.30599552812054753" r="13.445580881088972" style="mix-blend-mode:screen"></circle><circle cx="13.59679892193526" cy="13.725528586655855" fill="hsl(8, 70%, 60%)" opacity="0.5375644461717457" r="12.981869643554091" style="mix-blend-mode:screen"></circle><circle cx="93.70321771129966" cy="90.9895715303719" fill="hsl(188, 60%, 50%)" opacity="0.5219125350471586" r="34.627235885709524" style="mix-blend-mode:screen"></circle><circle cx="11.554516456089914" cy="68.6712579568848" fill="hsl(8, 70%, 60%)" opacity="0.49540982677135614" r="15.854162946343422" style="mix-blend-mode:screen"></circle><circle cx="97.29845682159066" cy="12.87338046822697" fill="hsl(188, 60%, 50%)" opacity="0.3453067728783935" r="46.243437472730875" style="mix-blend-mode:screen"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#f3e5ab;background-color:rgba(243,229,171,.063);border-color:rgba(243,229,171,.125)">Music</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-01-08</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#098</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#fcf2cf">Stylo</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Gorillaz</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/video/will-you-comply" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-will-you-comply-video" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-will-you-comply-video)" height="100" width="100"></rect><g transform="translate(0, 0) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="hsl(297, 60%, 50%)" opacity="0.9" r="8" stroke="hsl(297, 60%, 50%)" stroke-width="0"></circle></g><g transform="translate(0, 20) rotate(270, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(297, 60%, 50%)" stroke-width="1.5"></polygon></g><g transform="translate(0, 60) rotate(270, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(297, 60%, 50%)" stroke-width="1.5"></polygon></g><g transform="translate(20, 0) rotate(180, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="#ffffff" opacity="0.9"></path></g><g transform="translate(20, 60) rotate(0, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(297, 60%, 50%)" stroke-width="1.5"></polygon></g><g transform="translate(40, 0) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(117, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(40, 40) rotate(90, 10, 10)"><circle cx="10" cy="10" fill="#ffffff" opacity="0.9" r="8" stroke="#ffffff" stroke-width="0"></circle></g><g transform="translate(40, 60) rotate(0, 10, 10)"><rect fill="#ffffff" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="#ffffff" stroke-width="0"></rect></g><g transform="translate(40, 80) rotate(0, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(297, 60%, 50%)" opacity="0.9"></path></g><g transform="translate(60, 20) rotate(90, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(117, 70%, 60%)" stroke-width="1.5"></polygon></g><g transform="translate(60, 40) rotate(0, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(117, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(60, 80) rotate(270, 10, 10)"><circle cx="10" cy="10" fill="hsl(117, 70%, 60%)" opacity="0.9" r="8" stroke="hsl(117, 70%, 60%)" stroke-width="0"></circle></g><g transform="translate(80, 0) rotate(90, 10, 10)"><rect fill="hsl(117, 70%, 60%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(117, 70%, 60%)" stroke-width="0"></rect></g><g transform="translate(80, 20) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="hsl(117, 70%, 60%)" opacity="0.9" r="8" stroke="hsl(117, 70%, 60%)" stroke-width="0"></circle></g><g transform="translate(80, 40) rotate(0, 10, 10)"><circle cx="10" cy="10" fill="none" opacity="0.9" r="8" stroke="hsl(117, 70%, 60%)" stroke-width="1.5"></circle></g><g transform="translate(80, 60) rotate(90, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(207, 80%, 60%)" stroke-width="1.5"></polygon></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#8a2be2;background-color:rgba(138,43,226,.063);border-color:rgba(138,43,226,.125)">Video</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-01-07</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#097</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#a050f0">WILL YOU COMPLY?</h3><div class="mb-4"></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/game/ball-x-pit" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-ball-x-pitgame" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-ball-x-pitgame)" height="100" width="100"></rect><circle cx="16.396777401678264" cy="7.520161545835435" fill="hsl(298, 70%, 60%)" opacity="0.4006915232632309" r="30.1498394459486" style="mix-blend-mode:screen"></circle><circle cx="32.58383993525058" cy="76.77875335793942" fill="hsl(118, 60%, 50%)" opacity="0.3019365007756278" r="43.93531951121986" style="mix-blend-mode:screen"></circle><circle cx="34.82261297758669" cy="17.452883278019726" fill="hsl(298, 70%, 60%)" opacity="0.5917396175907925" r="25.747478660196066" style="mix-blend-mode:screen"></circle><circle cx="0.8100038161501288" cy="63.76686089206487" fill="hsl(118, 60%, 50%)" opacity="0.4006608591182157" r="32.90111075155437" style="mix-blend-mode:screen"></circle><circle cx="99.05420555733144" cy="79.44782371632755" fill="hsl(298, 70%, 60%)" opacity="0.5354502016911282" r="40.610191468149424" style="mix-blend-mode:screen"></circle><circle cx="97.75212665554136" cy="98.85532909538597" fill="hsl(118, 60%, 50%)" opacity="0.4338367624673992" r="18.41947446577251" style="mix-blend-mode:screen"></circle><circle cx="50.00757775269449" cy="13.057075976394117" fill="hsl(298, 70%, 60%)" opacity="0.5335869127186015" r="13.702214071527123" style="mix-blend-mode:screen"></circle><circle cx="91.17544558830559" cy="28.355821035802364" fill="hsl(118, 60%, 50%)" opacity="0.35354103944264353" r="23.13570499420166" style="mix-blend-mode:screen"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00c9a7;background-color:rgba(0,201,167,.063);border-color:rgba(0,201,167,.125)">Game</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-01-06</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#096</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#00e6bf">Ball x Pit</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On PC (Steam)</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/video/deep-house-party-dj-mahmut" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-deep-house-party---dj-mahmutvideo" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-deep-house-party---dj-mahmutvideo)" height="100" width="100"></rect><rect fill="hsl(161, 70%, 60%)" height="74.22176362480968" width="0.5006780659314245" opacity="0.41842430690303445" x="80" y="50"></rect><rect fill="hsl(161, 70%, 60%)" height="1.1987942557316273" width="75.48535604961216" opacity="0.9879302457906306" x="80" y="90"></rect><circle cx="80" cy="90" fill="hsl(251, 80%, 60%)" opacity="0.8" r="2.3975885114632547"></circle><rect fill="hsl(161, 70%, 60%)" height="42.73309293203056" width="1.5827811695635319" opacity="0.4026145929004997" x="60" y="90"></rect><circle cx="60" cy="90" fill="hsl(251, 80%, 60%)" opacity="0.8" r="3.1655623391270638"></circle><rect fill="hsl(161, 70%, 60%)" height="1.6743536936119199" width="51.42197257839143" opacity="0.8197917331475765" x="20" y="10"></rect><circle cx="20" cy="10" fill="hsl(251, 80%, 60%)" opacity="0.8" r="3.3487073872238398"></circle><rect fill="hsl(161, 70%, 60%)" height="43.393585896119475" width="1.2621410456486046" opacity="0.7583700564224274" x="10" y="30"></rect><rect fill="hsl(161, 70%, 60%)" height="1.5124015727778897" width="42.68947139848024" opacity="0.683629350317642" x="60" y="80"></rect><rect fill="hsl(161, 70%, 60%)" height="1.5850456416374072" width="49.87905561923981" opacity="0.5376088405959308" x="90" y="80"></rect><circle cx="90" cy="80" fill="hsl(251, 80%, 60%)" opacity="0.8" r="3.1700912832748145"></circle><rect fill="hsl(161, 70%, 60%)" height="1.5347108982969075" width="34.85143708065152" opacity="0.468188365502283" x="60" y="0"></rect><circle cx="60" cy="0" fill="hsl(251, 80%, 60%)" opacity="0.8" r="3.069421796593815"></circle><rect fill="hsl(161, 70%, 60%)" height="57.89610056672245" width="1.4675386699382216" opacity="0.5601485001854598" x="20" y="60"></rect><circle cx="20" cy="60" fill="hsl(251, 80%, 60%)" opacity="0.8" r="2.935077339876443"></circle><rect fill="hsl(161, 70%, 60%)" height="31.99284961912781" width="1.7576793249463663" opacity="0.6164542869199068" x="30" y="40"></rect><rect fill="hsl(161, 70%, 60%)" height="1.4496695064008236" width="65.86721876170486" opacity="0.8595864858943969" x="50" y="90"></rect><circle cx="50" cy="90" fill="hsl(251, 80%, 60%)" opacity="0.8" r="2.899339012801647"></circle><rect fill="hsl(161, 70%, 60%)" height="51.18512389715761" width="1.1848705793963745" opacity="0.46451271963305774" x="70" y="90"></rect><circle cx="70" cy="90" fill="hsl(251, 80%, 60%)" opacity="0.8" r="2.369741158792749"></circle><rect fill="hsl(161, 70%, 60%)" height="1.494524070294574" width="75.29520972631872" opacity="0.7117184177972377" x="0" y="40"></rect><rect fill="hsl(161, 70%, 60%)" height="1.1372387354495004" width="75.88053121231496" opacity="0.4607395494822413" x="30" y="10"></rect><rect fill="hsl(161, 70%, 60%)" height="42.88516708649695" width="1.8063644919311628" opacity="0.4396479723509401" x="0" y="80"></rect></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#8a2be2;background-color:rgba(138,43,226,.063);border-color:rgba(138,43,226,.125)">Video</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-01-05</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#095</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#a050f0">Deep House Party - DJ Mahmut</h3><div class="mb-4"></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/video/dont-tell-comedy" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-don-t-tell-comedyvideo" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-don-t-tell-comedyvideo)" height="100" width="100"></rect><circle cx="14.168678596615791" cy="39.01842790655792" fill="hsl(3, 70%, 60%)" opacity="0.40053217979148026" r="24.17894994840026" style="mix-blend-mode:screen"></circle><circle cx="63.94502443727106" cy="59.52092376537621" fill="hsl(183, 60%, 50%)" opacity="0.4511441776994616" r="38.412257144227624" style="mix-blend-mode:screen"></circle><circle cx="81.6184971947223" cy="58.99971555918455" fill="hsl(3, 70%, 60%)" opacity="0.3012408412294462" r="32.402087384834886" style="mix-blend-mode:screen"></circle><circle cx="71.34164771996439" cy="80.24376046378165" fill="hsl(183, 60%, 50%)" opacity="0.4513289585709572" r="27.71569050848484" style="mix-blend-mode:screen"></circle><circle cx="79.67982040718198" cy="58.29896917566657" fill="hsl(3, 70%, 60%)" opacity="0.5922705209814012" r="12.872117822989821" style="mix-blend-mode:screen"></circle><circle cx="57.55480914376676" cy="19.60363124962896" fill="hsl(183, 60%, 50%)" opacity="0.5173166391905397" r="36.804460464045405" style="mix-blend-mode:screen"></circle><circle cx="50.98252692259848" cy="95.04240714013577" fill="hsl(3, 70%, 60%)" opacity="0.3807084922213107" r="41.87247731722891" style="mix-blend-mode:screen"></circle><circle cx="13.40171443298459" cy="89.1406157752499" fill="hsl(183, 60%, 50%)" opacity="0.4750285962363705" r="19.903788920491934" style="mix-blend-mode:screen"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#8a2be2;background-color:rgba(138,43,226,.063);border-color:rgba(138,43,226,.125)">Video</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2026-01-04</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#094</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#a050f0">Don't Tell Comedy</h3><div class="mb-4"></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/movie/meet-joe-black-movie" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Meet Joe Black (1998)" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/movie/jeremy-yap-J39X2xX_8CQ-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#dc143c;background-color:rgba(220,20,60,.063);border-color:rgba(220,20,60,.125)">Movie</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">2</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-12-26</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#093</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#e84f6d">Meet Joe Black (1998)</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Martin Brest</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/video/mickey-never-came-back" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-mickey-never-came-backvideo" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-mickey-never-came-backvideo)" height="100" width="100"></rect><circle cx="73.01178209017962" cy="81.21978035196662" fill="hsl(271, 70%, 60%)" opacity="0.5805138067575171" r="15.738312071189284" style="mix-blend-mode:screen"></circle><circle cx="40.469407150521874" cy="25.71048643440008" fill="hsl(91, 60%, 50%)" opacity="0.4083473078208044" r="13.082852717489004" style="mix-blend-mode:screen"></circle><circle cx="60.87432806380093" cy="78.98833218496293" fill="hsl(271, 70%, 60%)" opacity="0.38490515425801275" r="30.51390972919762" style="mix-blend-mode:screen"></circle><circle cx="86.07361242175102" cy="59.352087089791894" fill="hsl(91, 60%, 50%)" opacity="0.4748686758801341" r="42.52923416905105" style="mix-blend-mode:screen"></circle><circle cx="68.8447238644585" cy="84.1045803623274" fill="hsl(271, 70%, 60%)" opacity="0.3393777910619974" r="27.981836665421724" style="mix-blend-mode:screen"></circle><circle cx="65.91398695018142" cy="80.28016928583384" fill="hsl(91, 60%, 50%)" opacity="0.589298651064746" r="47.0130059402436" style="mix-blend-mode:screen"></circle><circle cx="30.795695446431637" cy="82.44013800285757" fill="hsl(271, 70%, 60%)" opacity="0.5563695301534608" r="29.133024383336306" style="mix-blend-mode:screen"></circle><circle cx="57.25133689120412" cy="25.170849892310798" fill="hsl(91, 60%, 50%)" opacity="0.4991038130829111" r="15.700085470452905" style="mix-blend-mode:screen"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#8a2be2;background-color:rgba(138,43,226,.063);border-color:rgba(138,43,226,.125)">Video</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-12-26</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#092</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#a050f0">Mickey Never Came Back</h3><div class="mb-4"></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/movie/jerry-maguire-movie" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Jerry Maguire (1996)" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/movie/jeremy-yap-J39X2xX_8CQ-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#dc143c;background-color:rgba(220,20,60,.063);border-color:rgba(220,20,60,.125)">Movie</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">3</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-12-25</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#091</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#e84f6d">Jerry Maguire (1996)</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Cameron Crowe</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/movie/tucker-and-dale-vs-evil-2010" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Tucker & Dale vs. Evil (2010)" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/movie/jeremy-yap-J39X2xX_8CQ-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#dc143c;background-color:rgba(220,20,60,.063);border-color:rgba(220,20,60,.125)">Movie</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-12-25</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#090</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#e84f6d">Tucker & Dale vs. Evil (2010)</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Eli Craig</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/music/knights-of-honor-soundtrack" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-knights-of-honor-soundtrackmusic" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-knights-of-honor-soundtrackmusic)" height="100" width="100"></rect><rect fill="#ffffff" height="1.7241281674942002" width="43.89739844482392" opacity="0.6361130855511874" x="50" y="60"></rect><rect fill="hsl(66, 70%, 60%)" height="53.0701081128791" width="1.8169035739265382" opacity="0.9418597678188234" x="0" y="0"></rect><rect fill="hsl(66, 70%, 60%)" height="45.4146499466151" width="0.8282200057292357" opacity="0.7283459008671344" x="20" y="0"></rect><rect fill="hsl(66, 70%, 60%)" height="1.9717223385814577" width="25.456303539685905" opacity="0.5716080206912011" x="90" y="20"></rect><circle cx="90" cy="20" fill="hsl(156, 80%, 60%)" opacity="0.8" r="3.9434446771629155"></circle><rect fill="hsl(66, 70%, 60%)" height="1.1672537038102746" width="47.74340252857655" opacity="0.7988384652417153" x="40" y="30"></rect><rect fill="hsl(66, 70%, 60%)" height="1.7957222171826288" width="26.130370115861297" opacity="0.9333336372394114" x="80" y="60"></rect><circle cx="80" cy="60" fill="hsl(156, 80%, 60%)" opacity="0.8" r="3.5914444343652576"></circle><rect fill="hsl(66, 70%, 60%)" height="75.41080845054239" width="1.4882209395291284" opacity="0.6650073373690248" x="10" y="60"></rect><circle cx="10" cy="60" fill="hsl(156, 80%, 60%)" opacity="0.8" r="2.9764418790582567"></circle><rect fill="hsl(66, 70%, 60%)" height="25.077863112092018" width="0.6417024311376736" opacity="0.8161136646289379" x="30" y="70"></rect><rect fill="hsl(66, 70%, 60%)" height="30.705740549601614" width="1.170738541521132" opacity="0.7838809732813388" x="40" y="0"></rect><circle cx="40" cy="0" fill="hsl(156, 80%, 60%)" opacity="0.8" r="2.341477083042264"></circle><rect fill="hsl(66, 70%, 60%)" height="56.98577077127993" width="0.6350843975087628" opacity="0.8240480936132372" x="80" y="60"></rect><circle cx="80" cy="60" fill="hsl(156, 80%, 60%)" opacity="0.8" r="1.2701687950175256"></circle><rect fill="hsl(66, 70%, 60%)" height="1.7270725523121655" width="57.87621487863362" opacity="0.9895907258149237" x="10" y="10"></rect><rect fill="hsl(66, 70%, 60%)" height="32.6252999342978" width="1.4279805440455675" opacity="0.699511754559353" x="30" y="20"></rect><circle cx="30" cy="20" fill="hsl(156, 80%, 60%)" opacity="0.8" r="2.855961088091135"></circle><rect fill="hsl(66, 70%, 60%)" height="0.840992231038399" width="44.75726112257689" opacity="0.745490239886567" x="80" y="80"></rect><circle cx="80" cy="80" fill="hsl(156, 80%, 60%)" opacity="0.8" r="1.681984462076798"></circle><rect fill="hsl(66, 70%, 60%)" height="40.77647096477449" width="1.6244507366791368" opacity="0.6708939583040774" x="60" y="30"></rect><rect fill="hsl(66, 70%, 60%)" height="0.5233924863860011" width="57.05003492068499" opacity="0.9449603924993426" x="70" y="20"></rect><circle cx="70" cy="20" fill="hsl(156, 80%, 60%)" opacity="0.8" r="1.0467849727720022"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#f3e5ab;background-color:rgba(243,229,171,.063);border-color:rgba(243,229,171,.125)">Music</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-12-25</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#089</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#fcf2cf">Knights of Honor Soundtrack</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Borislav Slavov</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/series/harley-quinn-tv-series" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-harley-quinn--tv-series-series" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-harley-quinn--tv-series-series)" height="100" width="100"></rect><rect fill="hsl(205, 70%, 60%)" height="43.53290941566229" width="0.7829521221574396" opacity="0.8700507200788706" x="50" y="80"></rect><rect fill="#ffffff" height="59.534573457203805" width="0.7017460722709075" opacity="0.6065623967442662" x="50" y="90"></rect><circle cx="50" cy="90" fill="hsl(295, 80%, 60%)" opacity="0.8" r="1.403492144541815"></circle><rect fill="hsl(205, 70%, 60%)" height="39.871417242102325" width="1.2403666385216638" opacity="0.561066150246188" x="10" y="60"></rect><rect fill="hsl(205, 70%, 60%)" height="0.7024430900346488" width="60.311912330798805" opacity="0.8886980277951807" x="50" y="0"></rect><circle cx="50" cy="0" fill="hsl(295, 80%, 60%)" opacity="0.8" r="1.4048861800692976"></circle><rect fill="hsl(205, 70%, 60%)" height="1.7517503818962723" width="35.64640924334526" opacity="0.4033215944189579" x="60" y="80"></rect><rect fill="hsl(205, 70%, 60%)" height="45.34899909514934" width="1.9498259408865124" opacity="0.9140396557748318" x="30" y="40"></rect><rect fill="hsl(205, 70%, 60%)" height="28.47083646338433" width="1.0622113911667839" opacity="0.6405065493658185" x="90" y="0"></rect><rect fill="hsl(205, 70%, 60%)" height="43.485426157712936" width="1.9760093349032104" opacity="0.447547030961141" x="80" y="70"></rect><rect fill="hsl(205, 70%, 60%)" height="45.418107425794005" width="1.891277805203572" opacity="0.5458360482007265" x="0" y="20"></rect><circle cx="0" cy="20" fill="hsl(295, 80%, 60%)" opacity="0.8" r="3.782555610407144"></circle><rect fill="#ffffff" height="27.19344331882894" width="1.525332095567137" opacity="0.48801397685892883" x="60" y="10"></rect><circle cx="60" cy="10" fill="hsl(295, 80%, 60%)" opacity="0.8" r="3.050664191134274"></circle><rect fill="hsl(205, 70%, 60%)" height="0.5808567277854308" width="59.8603472718969" opacity="0.47068819603882733" x="10" y="20"></rect><circle cx="10" cy="20" fill="hsl(295, 80%, 60%)" opacity="0.8" r="1.1617134555708617"></circle><rect fill="#ffffff" height="0.6167274578474462" width="32.41135649383068" opacity="0.591020649112761" x="40" y="30"></rect><rect fill="hsl(205, 70%, 60%)" height="0.6401553050382063" width="72.21867822576314" opacity="0.6426885434426367" x="10" y="50"></rect><circle cx="10" cy="50" fill="hsl(295, 80%, 60%)" opacity="0.8" r="1.2803106100764126"></circle><rect fill="hsl(205, 70%, 60%)" height="53.41028752736747" width="1.0661920540733263" opacity="0.6104487795848399" x="60" y="20"></rect><circle cx="60" cy="20" fill="hsl(295, 80%, 60%)" opacity="0.8" r="2.1323841081466526"></circle><rect fill="hsl(205, 70%, 60%)" height="0.9355593268992379" width="49.886482055298984" opacity="0.5755143739748746" x="90" y="20"></rect><circle cx="90" cy="20" fill="hsl(295, 80%, 60%)" opacity="0.8" r="1.8711186537984759"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#edc531;background-color:rgba(237,197,49,.063);border-color:rgba(237,197,49,.125)">Series</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-12-25</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#088</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#f5e080">Harley Quinn (TV Series)</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Justin Halpern, Patrick Schumacker, Dean Lorey</p><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On Max</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/series/firefly-tv-series" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-firefly--tv-series-series" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-firefly--tv-series-series)" height="100" width="100"></rect><g transform="translate(0, 0) rotate(90, 10, 10)"><circle cx="10" cy="10" fill="hsl(244, 60%, 50%)" opacity="0.9" r="8" stroke="hsl(244, 60%, 50%)" stroke-width="0"></circle></g><g transform="translate(0, 20) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="hsl(64, 70%, 60%)" opacity="0.9" r="8" stroke="hsl(64, 70%, 60%)" stroke-width="0"></circle></g><g transform="translate(0, 40) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(244, 60%, 50%)" opacity="0.9"></path></g><g transform="translate(0, 60) rotate(180, 10, 10)"><rect fill="hsl(154, 80%, 60%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(154, 80%, 60%)" stroke-width="0"></rect></g><g transform="translate(0, 80) rotate(0, 10, 10)"><rect fill="hsl(64, 70%, 60%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(64, 70%, 60%)" stroke-width="0"></rect></g><g transform="translate(20, 40) rotate(90, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(154, 80%, 60%)" stroke-width="1.5"></polygon></g><g transform="translate(40, 80) rotate(0, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(154, 80%, 60%)" stroke-width="1.5"></polygon></g><g transform="translate(60, 0) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(154, 80%, 60%)" opacity="0.9"></path></g><g transform="translate(60, 40) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="#ffffff" opacity="0.9"></path></g><g transform="translate(80, 20) rotate(0, 10, 10)"><polygon fill="hsl(154, 80%, 60%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(154, 80%, 60%)" stroke-width="0"></polygon></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#edc531;background-color:rgba(237,197,49,.063);border-color:rgba(237,197,49,.125)">Series</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-12-25</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#087</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#f5e080">Firefly (TV Series)</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On Hulu, Disney+</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/music/stick-war-ost" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-stick-war-original-soundtrackmusic" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-stick-war-original-soundtrackmusic)" height="100" width="100"></rect><g transform="translate(0, 0) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(352, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(0, 20) rotate(0, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="#ffffff" opacity="0.9"></path></g><g transform="translate(20, 20) rotate(180, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(172, 60%, 50%)" stroke-width="1.5"></rect></g><g transform="translate(20, 40) rotate(270, 10, 10)"><circle cx="10" cy="10" fill="#ffffff" opacity="0.9" r="8" stroke="#ffffff" stroke-width="0"></circle></g><g transform="translate(40, 20) rotate(90, 10, 10)"><circle cx="10" cy="10" fill="hsl(352, 70%, 60%)" opacity="0.9" r="8" stroke="hsl(352, 70%, 60%)" stroke-width="0"></circle></g><g transform="translate(40, 40) rotate(180, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(352, 70%, 60%)" stroke-width="1.5"></rect></g><g transform="translate(40, 60) rotate(270, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(352, 70%, 60%)" stroke-width="1.5"></polygon></g><g transform="translate(60, 0) rotate(180, 10, 10)"><polygon fill="hsl(172, 60%, 50%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(172, 60%, 50%)" stroke-width="0"></polygon></g><g transform="translate(60, 20) rotate(0, 10, 10)"><polygon fill="#ffffff" opacity="0.9" points="2,18 10,2 18,18" stroke="#ffffff" stroke-width="0"></polygon></g><g transform="translate(60, 60) rotate(270, 10, 10)"><rect fill="hsl(82, 80%, 60%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(82, 80%, 60%)" stroke-width="0"></rect></g><g transform="translate(60, 80) rotate(180, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(352, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(80, 0) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="hsl(352, 70%, 60%)" opacity="0.9" r="8" stroke="hsl(352, 70%, 60%)" stroke-width="0"></circle></g><g transform="translate(80, 40) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(352, 70%, 60%)" opacity="0.9"></path></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#f3e5ab;background-color:rgba(243,229,171,.063);border-color:rgba(243,229,171,.125)">Music</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-12-23</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#086</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#fcf2cf">Stick War Original Soundtrack</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Chris Haigh, Waterflame, Denny Schneidemesser</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/video/solving-reddits-cylinder-problem-with-science" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Solving Reddit's Cylinder Problem with Science" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/mockup-graphics-Kl3467edwsE-unsplash.webp"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#8a2be2;background-color:rgba(138,43,226,.063);border-color:rgba(138,43,226,.125)">Video</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-12-21</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#085</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#a050f0">Solving Reddit's Cylinder Problem with Science</h3><div class="mb-4"></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/music/kingdom-two-crowns-norse-lands-soundtrack-extended" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Kingdom Two Crowns: Norse Lands Soundtrack (Extended)" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/logs/music/kingdom-two-crowns-norse-lands-soundtrack-extended-cover.png"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#f3e5ab;background-color:rgba(243,229,171,.063);border-color:rgba(243,229,171,.125)">Music</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-12-17</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#084</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#fcf2cf">Kingdom Two Crowns: Norse Lands Soundtrack (Extended)</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Kalandra</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/music/kids-see-ghosts" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="KIDS SEE GHOSTS (album)" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/logs/music/kids-see-ghosts-cover.png"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#f3e5ab;background-color:rgba(243,229,171,.063);border-color:rgba(243,229,171,.125)">Music</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-12-13</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#083</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#fcf2cf">KIDS SEE GHOSTS (album)</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By KIDS SEE GHOSTS (Kanye West & Kid Cudi)</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/movie/taxi-driver-1976" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Taxi Driver (1976)" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/logs/movie/taxi-driver-1976.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#dc143c;background-color:rgba(220,20,60,.063);border-color:rgba(220,20,60,.125)">Movie</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">3</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-12-12</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#082</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#e84f6d">Taxi Driver (1976)</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Martin Scorsese</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/series/common-side-effects" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-common-side-effects--tv-series-series" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-common-side-effects--tv-series-series)" height="100" width="100"></rect><circle cx="80.69723283406347" cy="75.00956426374614" fill="hsl(297, 70%, 60%)" opacity="0.31161076957359907" r="20.29911756515503" style="mix-blend-mode:screen"></circle><circle cx="97.06588813569397" cy="35.19669440574944" fill="hsl(117, 60%, 50%)" opacity="0.36312570674344896" r="46.05241375043988" style="mix-blend-mode:screen"></circle><circle cx="55.73610430583358" cy="93.78571060951799" fill="hsl(297, 70%, 60%)" opacity="0.35622779857367276" r="25.72948830202222" style="mix-blend-mode:screen"></circle><circle cx="75.26558730751276" cy="46.984576736576855" fill="hsl(117, 60%, 50%)" opacity="0.5913362539373338" r="20.505629116669297" style="mix-blend-mode:screen"></circle><circle cx="88.60419804695994" cy="58.12894506379962" fill="hsl(297, 70%, 60%)" opacity="0.5260845314478502" r="44.40221489407122" style="mix-blend-mode:screen"></circle><circle cx="21.59850390162319" cy="64.09865759778768" fill="hsl(117, 60%, 50%)" opacity="0.5215424383990467" r="47.893360974267125" style="mix-blend-mode:screen"></circle><circle cx="80.93506703153253" cy="39.49963424820453" fill="hsl(297, 70%, 60%)" opacity="0.4324701059376821" r="48.05128742009401" style="mix-blend-mode:screen"></circle><circle cx="97.03235975466669" cy="48.20915337186307" fill="hsl(117, 60%, 50%)" opacity="0.5126555819995702" r="40.79433439299464" style="mix-blend-mode:screen"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#edc531;background-color:rgba(237,197,49,.063);border-color:rgba(237,197,49,.125)">Series</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-12-12</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#081</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#f5e080">Common Side Effects (TV Series)</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On Adult Swim</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/event/the-game-awards-2025" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-the-game-awards-2025event" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-the-game-awards-2025event)" height="100" width="100"></rect><g transform="translate(0, 0) rotate(0, 10, 10)"><rect fill="hsl(86, 70%, 60%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(86, 70%, 60%)" stroke-width="0"></rect></g><g transform="translate(0, 40) rotate(0, 10, 10)"><polygon fill="hsl(266, 60%, 50%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(266, 60%, 50%)" stroke-width="0"></polygon></g><g transform="translate(0, 80) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(86, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(20, 0) rotate(90, 10, 10)"><rect fill="hsl(86, 70%, 60%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(86, 70%, 60%)" stroke-width="0"></rect></g><g transform="translate(20, 40) rotate(90, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(266, 60%, 50%)" stroke-width="1.5"></polygon></g><g transform="translate(40, 0) rotate(180, 10, 10)"><rect fill="hsl(266, 60%, 50%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(266, 60%, 50%)" stroke-width="0"></rect></g><g transform="translate(40, 40) rotate(90, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(266, 60%, 50%)" stroke-width="1.5"></polygon></g><g transform="translate(40, 60) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(266, 60%, 50%)" opacity="0.9"></path></g><g transform="translate(40, 80) rotate(90, 10, 10)"><polygon fill="hsl(86, 70%, 60%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(86, 70%, 60%)" stroke-width="0"></polygon></g><g transform="translate(60, 0) rotate(270, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="#ffffff" stroke-width="1.5"></polygon></g><g transform="translate(60, 20) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="hsl(86, 70%, 60%)" opacity="0.9" r="8" stroke="hsl(86, 70%, 60%)" stroke-width="0"></circle></g><g transform="translate(60, 80) rotate(180, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(176, 80%, 60%)" stroke-width="1.5"></rect></g><g transform="translate(80, 40) rotate(0, 10, 10)"><polygon fill="hsl(266, 60%, 50%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(266, 60%, 50%)" stroke-width="0"></polygon></g><g transform="translate(80, 80) rotate(270, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(86, 70%, 60%)" stroke-width="1.5"></polygon></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#10b981;background-color:rgba(16,185,129,.063);border-color:rgba(16,185,129,.125)">Event</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">3</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-12-12</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#080</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#34d399">The Game Awards 2025</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Geoff Keighley</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/series/pluribus-tv-series" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-pluribus--tv-series-series" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-pluribus--tv-series-series)" height="100" width="100"></rect><g transform="translate(0, 20) rotate(0, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(155, 60%, 50%)" stroke-width="1.5"></rect></g><g transform="translate(0, 60) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(335, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(0, 80) rotate(270, 10, 10)"><circle cx="10" cy="10" fill="hsl(335, 70%, 60%)" opacity="0.9" r="8" stroke="hsl(335, 70%, 60%)" stroke-width="0"></circle></g><g transform="translate(20, 0) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="hsl(155, 60%, 50%)" opacity="0.9" r="8" stroke="hsl(155, 60%, 50%)" stroke-width="0"></circle></g><g transform="translate(20, 40) rotate(270, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="#ffffff" stroke-width="1.5"></rect></g><g transform="translate(20, 80) rotate(270, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(155, 60%, 50%)" stroke-width="1.5"></rect></g><g transform="translate(40, 0) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(65, 80%, 60%)" opacity="0.9"></path></g><g transform="translate(40, 20) rotate(90, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(155, 60%, 50%)" stroke-width="1.5"></polygon></g><g transform="translate(40, 80) rotate(90, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(65, 80%, 60%)" stroke-width="1.5"></rect></g><g transform="translate(60, 80) rotate(90, 10, 10)"><rect fill="hsl(335, 70%, 60%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(335, 70%, 60%)" stroke-width="0"></rect></g><g transform="translate(80, 60) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(335, 70%, 60%)" opacity="0.9"></path></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#edc531;background-color:rgba(237,197,49,.063);border-color:rgba(237,197,49,.125)">Series</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-12-08</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#079</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#f5e080">Pluribus (TV Series)</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On Apple TV+</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/article/whats-the-difference-between-modern-and-contemporary-art" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="What's the Difference Between Modern and Contemporary Art" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/adrianna-geo-1rBg5YSi00c-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:salmon;background-color:rgba(250,128,114,.063);border-color:rgba(250,128,114,.125)">Article</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">3</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-12-02</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#078</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#ffb6c1">What's the Difference Between Modern and Contemporary Art</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Britannica</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/series/1670-tv-series" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-1670--tv-series-series" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-1670--tv-series-series)" height="100" width="100"></rect><circle cx="56.01488419342786" cy="58.18291106261313" fill="hsl(248, 70%, 60%)" opacity="0.3785730670206249" r="14.628284564241767" style="mix-blend-mode:screen"></circle><circle cx="41.14855716470629" cy="73.03275230806321" fill="hsl(68, 60%, 50%)" opacity="0.5420745606534183" r="17.212687619030476" style="mix-blend-mode:screen"></circle><circle cx="11.099450709298253" cy="47.103104228153825" fill="hsl(248, 70%, 60%)" opacity="0.4137990754796192" r="13.91438640654087" style="mix-blend-mode:screen"></circle><circle cx="41.541480738669634" cy="3.489602287299931" fill="hsl(68, 60%, 50%)" opacity="0.5970425516366958" r="15.524340337142348" style="mix-blend-mode:screen"></circle><circle cx="95.36156356334686" cy="99.55640779808164" fill="hsl(248, 70%, 60%)" opacity="0.5004701036727056" r="23.625159645453095" style="mix-blend-mode:screen"></circle><circle cx="15.560460067354143" cy="34.27878036163747" fill="hsl(68, 60%, 50%)" opacity="0.5668130864622072" r="22.25757318548858" style="mix-blend-mode:screen"></circle><circle cx="59.44368846248835" cy="35.645214607939124" fill="hsl(248, 70%, 60%)" opacity="0.566860036086291" r="40.448420410975814" style="mix-blend-mode:screen"></circle><circle cx="19.848020444624126" cy="71.55248068738729" fill="hsl(68, 60%, 50%)" opacity="0.37025928155053406" r="39.0084592718631" style="mix-blend-mode:screen"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#edc531;background-color:rgba(237,197,49,.063);border-color:rgba(237,197,49,.125)">Series</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-12-02</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#077</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#f5e080">1670 (TV Series)</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On Netflix</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/music/johnny-ps-caddy" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-johnny-p-s-caddymusic" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-johnny-p-s-caddymusic)" height="100" width="100"></rect><circle cx="2.5915675098076463" cy="94.98193042818457" fill="hsl(118, 70%, 60%)" opacity="0.5664320674259216" r="42.64138117432594" style="mix-blend-mode:screen"></circle><circle cx="59.31031429208815" cy="25.214452482759953" fill="hsl(298, 60%, 50%)" opacity="0.4597609875490889" r="36.996129881590605" style="mix-blend-mode:screen"></circle><circle cx="41.102227685041726" cy="25.84878127090633" fill="hsl(118, 70%, 60%)" opacity="0.39187371369916946" r="42.91208722628653" style="mix-blend-mode:screen"></circle><circle cx="71.7212233459577" cy="72.84767006058246" fill="hsl(298, 60%, 50%)" opacity="0.5976907746400684" r="16.288392571732402" style="mix-blend-mode:screen"></circle><circle cx="97.39907714538276" cy="60.52346040960401" fill="hsl(118, 70%, 60%)" opacity="0.5683917996240779" r="39.50608949176967" style="mix-blend-mode:screen"></circle><circle cx="1.3032093178480864" cy="9.001908847130835" fill="hsl(298, 60%, 50%)" opacity="0.46377211553044617" r="45.27790452353656" style="mix-blend-mode:screen"></circle><circle cx="10.521807800978422" cy="34.15642329491675" fill="hsl(118, 70%, 60%)" opacity="0.4181293910136446" r="22.413677563890815" style="mix-blend-mode:screen"></circle><circle cx="37.69746916368604" cy="50.173170142807066" fill="hsl(298, 60%, 50%)" opacity="0.3155145121738315" r="16.590978931635618" style="mix-blend-mode:screen"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#f3e5ab;background-color:rgba(243,229,171,.063);border-color:rgba(243,229,171,.125)">Music</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-12-01</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#076</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#fcf2cf">Johnny P's Caddy</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Benny the Butcher & J. Cole</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/book/osamu-dazai-schoolgirl" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Schoolgirl" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/logs/book/osamu-dazai-schoolgirl.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00bfff;background-color:rgba(0,191,255,.063);border-color:rgba(0,191,255,.125)">Book</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">3</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-11-29</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#075</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#4dcdff">Schoolgirl</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Osamu Dazai</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/movie/caught-stealing-2025" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Caught Stealing (2025)" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/logs/movie/caught-stealing.png"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#dc143c;background-color:rgba(220,20,60,.063);border-color:rgba(220,20,60,.125)">Movie</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-11-29</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#074</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#e84f6d">Caught Stealing (2025)</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Darren Aronofsky</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/movie/22-jump-street-movie" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="22 Jump Street (2014)" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/logs/movie/ice-cube.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#dc143c;background-color:rgba(220,20,60,.063);border-color:rgba(220,20,60,.125)">Movie</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-11-28</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#073</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#e84f6d">22 Jump Street (2014)</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Phil Lord, Christopher Miller</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/movie/21-jump-street-movie" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="21 Jump Street (2012)" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/logs/movie/ice-cube.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#dc143c;background-color:rgba(220,20,60,.063);border-color:rgba(220,20,60,.125)">Movie</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-11-28</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#072</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#e84f6d">21 Jump Street (2012)</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Phil Lord, Christopher Miller</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/movie/no-country-for-old-men-movie" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="No Country for Old Men" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/logs/movie/no-country-for-old-men.webp"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#dc143c;background-color:rgba(220,20,60,.063);border-color:rgba(220,20,60,.125)">Movie</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-11-28</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#071</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#e84f6d">No Country for Old Men</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Joel Coen, Ethan Coen</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/movie/collateral-2004-movie" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Collateral (2004)" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/logs/movie/collateral.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#dc143c;background-color:rgba(220,20,60,.063);border-color:rgba(220,20,60,.125)">Movie</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-11-28</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#070</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#e84f6d">Collateral (2004)</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Michael Mann</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/game/age-of-wonders-4" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Age of Wonders 4" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/logs/games/age-of-wonders-4.webp"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00c9a7;background-color:rgba(0,201,167,.063);border-color:rgba(0,201,167,.125)">Game</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-11-25</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#069</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#00e6bf">Age of Wonders 4</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On Steam</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/music/fifa-99-ost" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Music from FIFA 99" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/logs/games/fifa99.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#f3e5ab;background-color:rgba(243,229,171,.063);border-color:rgba(243,229,171,.125)">Music</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-11-25</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#068</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#fcf2cf">Music from FIFA 99</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By EA Sports ft. Various Artist</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/websites/iloveimg" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="ILoveImg.com" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/adrianna-geo-1rBg5YSi00c-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00ff7f;background-color:rgba(0,255,127,.063);border-color:rgba(0,255,127,.125)">Websites</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-11-23</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#067</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#4dff99">ILoveImg.com</h3><div class="mb-4"></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/websites/accent-oracle" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Accent Oracle" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/adrianna-geo-1rBg5YSi00c-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00ff7f;background-color:rgba(0,255,127,.063);border-color:rgba(0,255,127,.125)">Websites</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-11-21</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#066</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#4dff99">Accent Oracle</h3><div class="mb-4"></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/music/maxs-choice-duty-vs-passion" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Max's Choice: Duty vs. Passion" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/marcela-laskoski-YrtFlrLo2DQ-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#f3e5ab;background-color:rgba(243,229,171,.063);border-color:rgba(243,229,171,.125)">Music</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-11-19</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#065</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#fcf2cf">Max's Choice: Duty vs. Passion</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Kärtsy Hatakka & Kimmo Kajasto</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/music/dhanush-why-this-kolaveri-di" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Why This Kolaveri Di" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/adrianna-geo-1rBg5YSi00c-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#f3e5ab;background-color:rgba(243,229,171,.063);border-color:rgba(243,229,171,.125)">Music</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-11-12</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#064</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#fcf2cf">Why This Kolaveri Di</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Dhanush</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/music/yoo-se-yoon-dont-skip-the-interlude" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Don't Skip the Interlude" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/logs/music/dont-skip-the-interlude.png"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#f3e5ab;background-color:rgba(243,229,171,.063);border-color:rgba(243,229,171,.125)">Music</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-11-12</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#063</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#fcf2cf">Don't Skip the Interlude</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Yoo Se Yoon</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/article/needleful-arthur-whitney-c-smart" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Learning to read Arthur Whitney's C to become Smart" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/adrianna-geo-1rBg5YSi00c-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:salmon;background-color:rgba(250,128,114,.063);border-color:rgba(250,128,114,.125)">Article</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-11-03</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#062</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#ffb6c1">Learning to read Arthur Whitney's C to become Smart</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By needleful</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/article/openfreemap-survived-100000-requests" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="OpenFreeMap survived 100,000 requests per second" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/adrianna-geo-1rBg5YSi00c-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:salmon;background-color:rgba(250,128,114,.063);border-color:rgba(250,128,114,.125)">Article</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">3</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-11-03</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#061</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#ffb6c1">OpenFreeMap survived 100,000 requests per second</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Zsolt Ero</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/article/why-your-website-should-be-under-14kb-in-size" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Why your website should be under 14kB in size" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/adrianna-geo-1rBg5YSi00c-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:salmon;background-color:rgba(250,128,114,.063);border-color:rgba(250,128,114,.125)">Article</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-11-03</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#060</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#ffb6c1">Why your website should be under 14kB in size</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Nathaniel</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/music/frederic-oddloop" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="oddloop" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/adrianna-geo-1rBg5YSi00c-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#f3e5ab;background-color:rgba(243,229,171,.063);border-color:rgba(243,229,171,.125)">Music</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-11-03</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#059</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#fcf2cf">oddloop</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By frederic</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/music/morcheeba-easier-said-than-done" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Easier Said Than Done" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/adrianna-geo-1rBg5YSi00c-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#f3e5ab;background-color:rgba(243,229,171,.063);border-color:rgba(243,229,171,.125)">Music</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-11-03</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#058</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#fcf2cf">Easier Said Than Done</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Morcheeba</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/food/food-omelette" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Omelette" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/adrianna-geo-1rBg5YSi00c-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#f4a259;background-color:rgba(244,162,89,.063);border-color:rgba(244,162,89,.125)">Food</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-11-03</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#057</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#ffc780">Omelette</h3><div class="mb-4"></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/websites/website-wplace-live" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="wplace.live" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/adrianna-geo-1rBg5YSi00c-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00ff7f;background-color:rgba(0,255,127,.063);border-color:rgba(0,255,127,.125)">Websites</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-11-03</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#056</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#4dff99">wplace.live</h3><div class="mb-4"></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/websites/website-missing-dice-dice-roller" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Missing Dice - Dice Roller" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/adrianna-geo-1rBg5YSi00c-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00ff7f;background-color:rgba(0,255,127,.063);border-color:rgba(0,255,127,.125)">Websites</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-11-03</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#055</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#4dff99">Missing Dice - Dice Roller</h3><div class="mb-4"></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/tools/tool-mastra-ai" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Mastra AI" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/adrianna-geo-1rBg5YSi00c-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#e0aaff;background-color:rgba(224,170,255,.063);border-color:rgba(224,170,255,.125)">Tools</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-11-03</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#054</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#f0dfff">Mastra AI</h3><div class="mb-4"></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/book/albert-camus-the-stranger" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="The Stranger" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/logs/book/albert-camus-the-stranger.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00bfff;background-color:rgba(0,191,255,.063);border-color:rgba(0,191,255,.125)">Book</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-10-30</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#053</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#4dcdff">The Stranger</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Albert Camus</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/game/bloodlines-2" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Vampire: The Masquerade - Bloodlines 2" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/adrianna-geo-1rBg5YSi00c-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00c9a7;background-color:rgba(0,201,167,.063);border-color:rgba(0,201,167,.125)">Game</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-10-28</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#052</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#00e6bf">Vampire: The Masquerade - Bloodlines 2</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On Steam</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/series/shogun-tv-series" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-shogun--tv-series-series" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-shogun--tv-series-series)" height="100" width="100"></rect><rect fill="hsl(335, 70%, 60%)" height="69.34320631437004" width="1.7873000836698338" opacity="0.6039392864331603" x="70" y="40"></rect><rect fill="hsl(335, 70%, 60%)" height="0.8351510018110275" width="41.48130335845053" opacity="0.8087257499806584" x="70" y="0"></rect><rect fill="hsl(335, 70%, 60%)" height="24.79010794777423" width="1.8494133951608092" opacity="0.6935606104321779" x="70" y="90"></rect><circle cx="70" cy="90" fill="hsl(65, 80%, 60%)" opacity="0.8" r="3.6988267903216183"></circle><rect fill="#ffffff" height="64.71567721106112" width="1.0629098240751773" opacity="0.938990288367495" x="10" y="30"></rect><circle cx="10" cy="30" fill="hsl(65, 80%, 60%)" opacity="0.8" r="2.1258196481503546"></circle><rect fill="hsl(335, 70%, 60%)" height="1.762018708512187" width="65.48647178802639" opacity="0.9891926485579461" x="60" y="80"></rect><rect fill="hsl(335, 70%, 60%)" height="0.8387178414268419" width="71.56465766951442" opacity="0.5863532515708357" x="60" y="20"></rect><circle cx="60" cy="20" fill="hsl(65, 80%, 60%)" opacity="0.8" r="1.6774356828536838"></circle><rect fill="hsl(335, 70%, 60%)" height="59.46250139735639" width="1.3207807008875534" opacity="0.5572800933383405" x="90" y="30"></rect><rect fill="hsl(335, 70%, 60%)" height="72.79063437599689" width="0.9160665943054482" opacity="0.7413534880615771" x="80" y="90"></rect><rect fill="hsl(335, 70%, 60%)" height="49.90409248974174" width="1.6202191318152472" opacity="0.556356133101508" x="10" y="60"></rect><rect fill="hsl(335, 70%, 60%)" height="54.740321105346084" width="0.84731056378223" opacity="0.7518032668158412" x="80" y="20"></rect><rect fill="hsl(335, 70%, 60%)" height="1.2884281028527766" width="75.65937994979322" opacity="0.8716820506379008" x="50" y="90"></rect><rect fill="hsl(335, 70%, 60%)" height="1.1829868416534737" width="59.14858701173216" opacity="0.6653678301721812" x="80" y="30"></rect><circle cx="80" cy="30" fill="hsl(65, 80%, 60%)" opacity="0.8" r="2.3659736833069474"></circle><rect fill="hsl(335, 70%, 60%)" height="1.238432536018081" width="67.73478420916945" opacity="0.8592671539634467" x="80" y="20"></rect><rect fill="hsl(335, 70%, 60%)" height="32.94221942778677" width="0.564553935546428" opacity="0.9294260597787798" x="20" y="90"></rect><circle cx="20" cy="90" fill="hsl(65, 80%, 60%)" opacity="0.8" r="1.129107871092856"></circle><rect fill="hsl(335, 70%, 60%)" height="48.04422324988991" width="1.9532963243545964" opacity="0.705366391967982" x="70" y="30"></rect><circle cx="70" cy="30" fill="hsl(65, 80%, 60%)" opacity="0.8" r="3.906592648709193"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#edc531;background-color:rgba(237,197,49,.063);border-color:rgba(237,197,49,.125)">Series</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-10-27</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#051</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#f5e080">Shogun (TV Series)</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On TV (FX, Hulu)</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/article/the-peach-meme-on-crts-pixels-and-signal-quality-again" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="The Peach meme: On CRTs, pixels and signal quality (again)" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/adrianna-geo-1rBg5YSi00c-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:salmon;background-color:rgba(250,128,114,.063);border-color:rgba(250,128,114,.125)">Article</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-10-18</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#050</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#ffb6c1">The Peach meme: On CRTs, pixels and signal quality (again)</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On datagubbe</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/book/the-flowers-of-buffoonery" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="The Flowers of Buffoonery" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/logs/book/osamu-dazai-the-flowers-of-buffoonery.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00bfff;background-color:rgba(0,191,255,.063);border-color:rgba(0,191,255,.125)">Book</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-10-16</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#049</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#4dcdff">The Flowers of Buffoonery</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Osamu Dazai</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/movie/relay-2024" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Relay" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/adrianna-geo-1rBg5YSi00c-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#dc143c;background-color:rgba(220,20,60,.063);border-color:rgba(220,20,60,.125)">Movie</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-10-16</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#048</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#e84f6d">Relay</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By David Mackenzie</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/series/the-bear" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-the-bearseries" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-the-bearseries)" height="100" width="100"></rect><circle cx="34.34199900366366" cy="12.618686468340456" fill="hsl(300, 70%, 60%)" opacity="0.4408476201351732" r="22.005819818004966" style="mix-blend-mode:screen"></circle><circle cx="74.67749223578721" cy="1.5406894963234663" fill="hsl(120, 60%, 50%)" opacity="0.5279227065620944" r="13.109189914539456" style="mix-blend-mode:screen"></circle><circle cx="8.927330491133034" cy="93.80939868278801" fill="hsl(300, 70%, 60%)" opacity="0.49807409767527133" r="34.86674231477082" style="mix-blend-mode:screen"></circle><circle cx="74.78937280829996" cy="63.15086726099253" fill="hsl(120, 60%, 50%)" opacity="0.32145416107960045" r="37.068434841930866" style="mix-blend-mode:screen"></circle><circle cx="25.06937321741134" cy="99.91489874664694" fill="hsl(300, 70%, 60%)" opacity="0.5287041303003206" r="40.20818472839892" style="mix-blend-mode:screen"></circle><circle cx="88.66031547077" cy="61.260210373438895" fill="hsl(120, 60%, 50%)" opacity="0.3925334319239482" r="34.18452796526253" style="mix-blend-mode:screen"></circle><circle cx="84.90962460637093" cy="24.6344220591709" fill="hsl(300, 70%, 60%)" opacity="0.4058226394001394" r="11.954142907634377" style="mix-blend-mode:screen"></circle><circle cx="7.060297462157905" cy="0.3246553475037217" fill="hsl(120, 60%, 50%)" opacity="0.5591023180866614" r="43.498853128403425" style="mix-blend-mode:screen"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#edc531;background-color:rgba(237,197,49,.063);border-color:rgba(237,197,49,.125)">Series</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-10-16</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#047</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#f5e080">The Bear</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Christopher Storer</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/game/the-legend-of-zelda-breath-of-the-wild" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="The Legend of Zelda: Breath of the Wild" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/adrianna-geo-1rBg5YSi00c-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00c9a7;background-color:rgba(0,201,167,.063);border-color:rgba(0,201,167,.125)">Game</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-10-12</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#046</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#00e6bf">The Legend of Zelda: Breath of the Wild</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On Nintendo Switch</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/series/invincible-tv-series" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-invincible--tv-series-series" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-invincible--tv-series-series)" height="100" width="100"></rect><circle cx="8.51185698993504" cy="71.11346952151507" fill="hsl(182, 70%, 60%)" opacity="0.40684529626742005" r="26.42804396338761" style="mix-blend-mode:screen"></circle><circle cx="84.31018774863333" cy="34.63315207045525" fill="hsl(2, 60%, 50%)" opacity="0.3780900314915925" r="10.57611738331616" style="mix-blend-mode:screen"></circle><circle cx="54.08132881857455" cy="35.39721223060042" fill="hsl(182, 70%, 60%)" opacity="0.32436544408556073" r="26.213318603113294" style="mix-blend-mode:screen"></circle><circle cx="2.4812067626044154" cy="25.285687786526978" fill="hsl(2, 60%, 50%)" opacity="0.3324568691197783" r="45.196545450016856" style="mix-blend-mode:screen"></circle><circle cx="75.20968373864889" cy="48.08370766695589" fill="hsl(182, 70%, 60%)" opacity="0.4872541969874874" r="18.235018998384476" style="mix-blend-mode:screen"></circle><circle cx="76.73849321436137" cy="54.76757420692593" fill="hsl(2, 60%, 50%)" opacity="0.5708039171760901" r="42.92832499369979" style="mix-blend-mode:screen"></circle><circle cx="2.2951152874156833" cy="35.64904532395303" fill="hsl(182, 70%, 60%)" opacity="0.3761166448937729" r="16.30691130645573" style="mix-blend-mode:screen"></circle><circle cx="44.995503360405564" cy="98.5075544565916" fill="hsl(2, 60%, 50%)" opacity="0.49302192935720085" r="48.51262495853007" style="mix-blend-mode:screen"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#edc531;background-color:rgba(237,197,49,.063);border-color:rgba(237,197,49,.125)">Series</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-10-10</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#045</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#f5e080">Invincible (TV Series)</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On Amazon Prime Video</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/music/in-the-aeroplane-over-the-sea" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="In the Aeroplane Over the Sea" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/adrianna-geo-1rBg5YSi00c-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#f3e5ab;background-color:rgba(243,229,171,.063);border-color:rgba(243,229,171,.125)">Music</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-10-06</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#044</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#fcf2cf">In the Aeroplane Over the Sea</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Neutral Milk Hotel</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/music/special-ed-neva-go-back" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Neva Go Back" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/marcela-laskoski-YrtFlrLo2DQ-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#f3e5ab;background-color:rgba(243,229,171,.063);border-color:rgba(243,229,171,.125)">Music</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-09-25</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#043</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#fcf2cf">Neva Go Back</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Special Ed</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/music/de-la-soul-stakes-is-high" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Stakes Is High" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/marcela-laskoski-YrtFlrLo2DQ-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#f3e5ab;background-color:rgba(243,229,171,.063);border-color:rgba(243,229,171,.125)">Music</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-09-24</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#042</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#fcf2cf">Stakes Is High</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By De La Soul</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/game/openfront-io" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="OpenFront.io" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/adrianna-geo-1rBg5YSi00c-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00c9a7;background-color:rgba(0,201,167,.063);border-color:rgba(0,201,167,.125)">Game</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-09-20</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#041</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#00e6bf">OpenFront.io</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On Web</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/series/tokyo-vice-tv-series" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-tokyo-vice--tv-series-series" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-tokyo-vice--tv-series-series)" height="100" width="100"></rect><g transform="translate(0, 0) rotate(180, 10, 10)"><rect fill="hsl(104, 70%, 60%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(104, 70%, 60%)" stroke-width="0"></rect></g><g transform="translate(0, 20) rotate(0, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(104, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(0, 60) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(104, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(0, 80) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="#ffffff" opacity="0.9"></path></g><g transform="translate(20, 0) rotate(180, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="#ffffff" opacity="0.9"></path></g><g transform="translate(20, 40) rotate(90, 10, 10)"><circle cx="10" cy="10" fill="hsl(284, 60%, 50%)" opacity="0.9" r="8" stroke="hsl(284, 60%, 50%)" stroke-width="0"></circle></g><g transform="translate(20, 80) rotate(90, 10, 10)"><circle cx="10" cy="10" fill="#ffffff" opacity="0.9" r="8" stroke="#ffffff" stroke-width="0"></circle></g><g transform="translate(40, 20) rotate(0, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="#ffffff" stroke-width="1.5"></rect></g><g transform="translate(80, 0) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(104, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(80, 40) rotate(0, 10, 10)"><polygon fill="#ffffff" opacity="0.9" points="2,18 10,2 18,18" stroke="#ffffff" stroke-width="0"></polygon></g><g transform="translate(80, 60) rotate(270, 10, 10)"><polygon fill="hsl(104, 70%, 60%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(104, 70%, 60%)" stroke-width="0"></polygon></g><g transform="translate(80, 80) rotate(90, 10, 10)"><polygon fill="hsl(194, 80%, 60%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(194, 80%, 60%)" stroke-width="0"></polygon></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#edc531;background-color:rgba(237,197,49,.063);border-color:rgba(237,197,49,.125)">Series</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-09-09</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#040</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#f5e080">Tokyo Vice (TV Series)</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On HBO Max</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/series/midnight-mass-tv-series" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-midnight-mass--tv-series-series" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-midnight-mass--tv-series-series)" height="100" width="100"></rect><rect fill="hsl(353, 70%, 60%)" height="77.47117361053824" width="1.7731594623764977" opacity="0.503463277965784" x="60" y="90"></rect><circle cx="60" cy="90" fill="hsl(83, 80%, 60%)" opacity="0.8" r="3.5463189247529954"></circle><rect fill="#ffffff" height="1.816787771997042" width="39.66455745976418" opacity="0.6816735993139447" x="30" y="90"></rect><circle cx="30" cy="90" fill="hsl(83, 80%, 60%)" opacity="0.8" r="3.633575543994084"></circle><rect fill="#ffffff" height="29.138749088160694" width="1.3113922292832285" opacity="0.797538253525272" x="50" y="80"></rect><rect fill="hsl(353, 70%, 60%)" height="1.4646943154511973" width="63.27241962775588" opacity="0.6964480469934642" x="0" y="0"></rect><circle cx="0" cy="0" fill="hsl(83, 80%, 60%)" opacity="0.8" r="2.9293886309023947"></circle><rect fill="#ffffff" height="0.8629707591608167" width="41.76350851543248" opacity="0.5895704665686935" x="30" y="40"></rect><rect fill="#ffffff" height="1.2790717147290707" width="42.48144641984254" opacity="0.5148250522091985" x="70" y="20"></rect><rect fill="hsl(353, 70%, 60%)" height="1.0681905739475042" width="30.683666947297752" opacity="0.541620329907164" x="60" y="70"></rect><rect fill="hsl(353, 70%, 60%)" height="1.8891207845881581" width="39.02791409753263" opacity="0.5611572851426899" x="20" y="0"></rect><rect fill="hsl(353, 70%, 60%)" height="1.7940680929459631" width="41.64266674313694" opacity="0.7416182688903064" x="10" y="40"></rect><rect fill="hsl(353, 70%, 60%)" height="33.34374180063605" width="1.2772951783845201" opacity="0.7998907317407429" x="0" y="90"></rect><circle cx="0" cy="90" fill="hsl(83, 80%, 60%)" opacity="0.8" r="2.5545903567690402"></circle><rect fill="hsl(353, 70%, 60%)" height="1.652239208924584" width="35.14422724023461" opacity="0.9888811291195452" x="20" y="70"></rect><rect fill="hsl(353, 70%, 60%)" height="1.9639817400602624" width="49.33041000273079" opacity="0.7995341673959047" x="10" y="20"></rect><rect fill="hsl(353, 70%, 60%)" height="1.4722694080555812" width="24.260988058522344" opacity="0.9899707504082471" x="80" y="80"></rect><circle cx="80" cy="80" fill="hsl(83, 80%, 60%)" opacity="0.8" r="2.9445388161111623"></circle><rect fill="hsl(353, 70%, 60%)" height="55.77155830338597" width="0.8725998011650518" opacity="0.7182173123117537" x="70" y="70"></rect><circle cx="70" cy="70" fill="hsl(83, 80%, 60%)" opacity="0.8" r="1.7451996023301035"></circle><rect fill="#ffffff" height="1.9686308988602832" width="54.52472666744143" opacity="0.524761862680316" x="0" y="0"></rect><circle cx="0" cy="0" fill="hsl(83, 80%, 60%)" opacity="0.8" r="3.9372617977205664"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#edc531;background-color:rgba(237,197,49,.063);border-color:rgba(237,197,49,.125)">Series</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-09-02</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#039</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#f5e080">Midnight Mass (TV Series)</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On Netflix</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/series/smiling-friends-tv-series" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-smiling-friends--tv-series-series" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-smiling-friends--tv-series-series)" height="100" width="100"></rect><circle cx="68.02856302820146" cy="63.41392914764583" fill="hsl(151, 70%, 60%)" opacity="0.5642009315779433" r="37.680920427665114" style="mix-blend-mode:screen"></circle><circle cx="27.469390677288175" cy="57.68141150474548" fill="hsl(331, 60%, 50%)" opacity="0.5583603895269333" r="38.21160293184221" style="mix-blend-mode:screen"></circle><circle cx="2.049450809136033" cy="16.222495981492102" fill="hsl(151, 70%, 60%)" opacity="0.43819549013860526" r="12.889661164954305" style="mix-blend-mode:screen"></circle><circle cx="36.261418322101235" cy="43.34369441494346" fill="hsl(331, 60%, 50%)" opacity="0.3583479543915018" r="36.56066586263478" style="mix-blend-mode:screen"></circle><circle cx="25.317156640812755" cy="54.63100611232221" fill="hsl(151, 70%, 60%)" opacity="0.5079166058683768" r="42.208913108333945" style="mix-blend-mode:screen"></circle><circle cx="9.159576846286654" cy="48.580448841676116" fill="hsl(331, 60%, 50%)" opacity="0.5153579084901139" r="12.737679788842797" style="mix-blend-mode:screen"></circle><circle cx="87.13596721645445" cy="29.08871949184686" fill="hsl(151, 70%, 60%)" opacity="0.5824659090489148" r="26.807290082797408" style="mix-blend-mode:screen"></circle><circle cx="69.67801370192319" cy="84.46542026940733" fill="hsl(331, 60%, 50%)" opacity="0.41455288594588635" r="29.779376285150647" style="mix-blend-mode:screen"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#edc531;background-color:rgba(237,197,49,.063);border-color:rgba(237,197,49,.125)">Series</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-08-30</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#038</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#f5e080">Smiling Friends (TV Series)</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On HBO Max</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/movie/heat-1995-movie" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Heat (1995)" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/logs/movie/heat.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#dc143c;background-color:rgba(220,20,60,.063);border-color:rgba(220,20,60,.125)">Movie</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-08-28</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#037</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#e84f6d">Heat (1995)</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Michael Mann</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/series/the-expanse-tv-series" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-the-expanse--tv-series-series" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-the-expanse--tv-series-series)" height="100" width="100"></rect><g transform="translate(0, 20) rotate(270, 10, 10)"><rect fill="hsl(8, 70%, 60%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(8, 70%, 60%)" stroke-width="0"></rect></g><g transform="translate(0, 40) rotate(0, 10, 10)"><polygon fill="hsl(188, 60%, 50%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(188, 60%, 50%)" stroke-width="0"></polygon></g><g transform="translate(20, 0) rotate(0, 10, 10)"><rect fill="hsl(8, 70%, 60%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(8, 70%, 60%)" stroke-width="0"></rect></g><g transform="translate(20, 20) rotate(270, 10, 10)"><polygon fill="hsl(188, 60%, 50%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(188, 60%, 50%)" stroke-width="0"></polygon></g><g transform="translate(40, 20) rotate(180, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(188, 60%, 50%)" stroke-width="1.5"></polygon></g><g transform="translate(40, 60) rotate(0, 10, 10)"><rect fill="hsl(98, 80%, 60%)" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(98, 80%, 60%)" stroke-width="0"></rect></g><g transform="translate(40, 80) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(8, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(60, 20) rotate(0, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(8, 70%, 60%)" stroke-width="1.5"></rect></g><g transform="translate(60, 40) rotate(90, 10, 10)"><circle cx="10" cy="10" fill="hsl(8, 70%, 60%)" opacity="0.9" r="8" stroke="hsl(8, 70%, 60%)" stroke-width="0"></circle></g><g transform="translate(80, 40) rotate(180, 10, 10)"><rect fill="#ffffff" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="#ffffff" stroke-width="0"></rect></g><g transform="translate(80, 60) rotate(90, 10, 10)"><polygon fill="hsl(188, 60%, 50%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(188, 60%, 50%)" stroke-width="0"></polygon></g><g transform="translate(80, 80) rotate(270, 10, 10)"><polygon fill="hsl(8, 70%, 60%)" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(8, 70%, 60%)" stroke-width="0"></polygon></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#edc531;background-color:rgba(237,197,49,.063);border-color:rgba(237,197,49,.125)">Series</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-07-28</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#036</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#f5e080">The Expanse (TV Series)</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On Amazon Prime Video</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/game/prey-2017" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Prey (2017)" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/games/carl-raw-m3hn2Kn5Bns-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00c9a7;background-color:rgba(0,201,167,.063);border-color:rgba(0,201,167,.125)">Game</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2025-01-13</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#035</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#00e6bf">Prey (2017)</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On PC (Steam), PlayStation 4, Xbox One</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/movie/lucky-number-slevin-movie" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Lucky Number Slevin (2006)" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/movie/jeremy-yap-J39X2xX_8CQ-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#dc143c;background-color:rgba(220,20,60,.063);border-color:rgba(220,20,60,.125)">Movie</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2024-11-28</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#034</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#e84f6d">Lucky Number Slevin (2006)</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Paul McGuigan</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/movie/lock-stock-and-two-smoking-barrels-movie" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Lock, Stock and Two Smoking Barrels (1998)" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/movie/myke-simon-atsUqIm3wxo-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#dc143c;background-color:rgba(220,20,60,.063);border-color:rgba(220,20,60,.125)">Movie</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2024-11-28</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#033</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#e84f6d">Lock, Stock and Two Smoking Barrels (1998)</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Guy Ritchie</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/series/marvels-the-punisher-tv-series" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-marvel-s-the-punisher--tv-series-series" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-marvel-s-the-punisher--tv-series-series)" height="100" width="100"></rect><g transform="translate(0, 60) rotate(0, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="hsl(149, 70%, 60%)" opacity="0.9"></path></g><g transform="translate(20, 20) rotate(90, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(329, 60%, 50%)" stroke-width="1.5"></polygon></g><g transform="translate(20, 40) rotate(0, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="hsl(149, 70%, 60%)" stroke-width="1.5"></polygon></g><g transform="translate(20, 60) rotate(0, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="#ffffff" opacity="0.9"></path></g><g transform="translate(20, 80) rotate(180, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(329, 60%, 50%)" stroke-width="1.5"></rect></g><g transform="translate(40, 0) rotate(270, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="#ffffff" opacity="0.9"></path></g><g transform="translate(40, 20) rotate(270, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(149, 70%, 60%)" stroke-width="1.5"></rect></g><g transform="translate(40, 80) rotate(90, 10, 10)"><path d="M 2 2 L 18 2 A 16 16 0 0 1 2 18 Z" fill="#ffffff" opacity="0.9"></path></g><g transform="translate(60, 20) rotate(180, 10, 10)"><circle cx="10" cy="10" fill="hsl(149, 70%, 60%)" opacity="0.9" r="8" stroke="hsl(149, 70%, 60%)" stroke-width="0"></circle></g><g transform="translate(60, 40) rotate(0, 10, 10)"><polygon fill="none" opacity="0.9" points="2,18 10,2 18,18" stroke="#ffffff" stroke-width="1.5"></polygon></g><g transform="translate(60, 80) rotate(0, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(329, 60%, 50%)" stroke-width="1.5"></rect></g><g transform="translate(80, 80) rotate(90, 10, 10)"><rect fill="none" height="16" width="16" opacity="0.9" x="2" y="2" rx="1" stroke="hsl(149, 70%, 60%)" stroke-width="1.5"></rect></g></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#edc531;background-color:rgba(237,197,49,.063);border-color:rgba(237,197,49,.125)">Series</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2024-11-11</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#032</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#f5e080">Marvel's The Punisher (TV Series)</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On Disney+</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/game/max-payne-trilogy" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Max Payne Trilogy" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/games/carl-raw-m3hn2Kn5Bns-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00c9a7;background-color:rgba(0,201,167,.063);border-color:rgba(0,201,167,.125)">Game</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2024-08-29</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#031</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#00e6bf">Max Payne Trilogy</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On PC</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/movie/john-wick-chapter-4-movie" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="John Wick: Chapter 4 (2023)" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/movie/matthew-ball-qqlkmdEd694-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#dc143c;background-color:rgba(220,20,60,.063);border-color:rgba(220,20,60,.125)">Movie</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2023-11-28</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#030</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#e84f6d">John Wick: Chapter 4 (2023)</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Chad Stahelski</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/game/resident-evil-4-remake" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Resident Evil 4: Remake" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/games/carl-raw-m3hn2Kn5Bns-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00c9a7;background-color:rgba(0,201,167,.063);border-color:rgba(0,201,167,.125)">Game</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2023-11-11</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#029</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#00e6bf">Resident Evil 4: Remake</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On PC (Steam), PlayStation, Xbox</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/movie/decision-to-leave-2022-movie" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Decision to Leave (2022)" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/movie/matthew-ball-qqlkmdEd694-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#dc143c;background-color:rgba(220,20,60,.063);border-color:rgba(220,20,60,.125)">Movie</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2023-09-09</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#028</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#e84f6d">Decision to Leave (2022)</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Park Chan-wook</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/game/fallout-4" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Fallout 4" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/games/carl-raw-m3hn2Kn5Bns-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00c9a7;background-color:rgba(0,201,167,.063);border-color:rgba(0,201,167,.125)">Game</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2023-05-05</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#027</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#00e6bf">Fallout 4</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On PC (Steam), PlayStation 4, Xbox One</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/game/dying-light" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Dying Light" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/games/carl-raw-m3hn2Kn5Bns-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00c9a7;background-color:rgba(0,201,167,.063);border-color:rgba(0,201,167,.125)">Game</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2023-02-18</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#026</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#00e6bf">Dying Light</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On PC (Steam)</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/series/black-bird-tv-series" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-black-bird--tv-series-series" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-black-bird--tv-series-series)" height="100" width="100"></rect><rect fill="hsl(236, 70%, 60%)" height="1.2028663948876783" width="25.866171773523092" opacity="0.7353373966179788" x="40" y="20"></rect><rect fill="hsl(236, 70%, 60%)" height="1.1448348194826394" width="52.236210852861404" opacity="0.7435979088768363" x="90" y="30"></rect><circle cx="90" cy="30" fill="hsl(326, 80%, 60%)" opacity="0.8" r="2.289669638965279"></circle><rect fill="hsl(236, 70%, 60%)" height="41.240530353970826" width="1.308452955330722" opacity="0.8204370356164873" x="50" y="90"></rect><rect fill="hsl(236, 70%, 60%)" height="1.2956077037379146" width="28.92893733922392" opacity="0.4290668012574315" x="70" y="50"></rect><rect fill="hsl(236, 70%, 60%)" height="25.079017956741154" width="1.2343911385396495" opacity="0.9451821537688374" x="0" y="80"></rect><circle cx="0" cy="80" fill="hsl(326, 80%, 60%)" opacity="0.8" r="2.468782277079299"></circle><rect fill="#ffffff" height="23.446195139549673" width="1.7205879159737378" opacity="0.7825030317064374" x="20" y="70"></rect><circle cx="20" cy="70" fill="hsl(326, 80%, 60%)" opacity="0.8" r="3.4411758319474757"></circle><rect fill="hsl(236, 70%, 60%)" height="63.847417179495096" width="1.6965055022155866" opacity="0.4310839029029012" x="30" y="60"></rect><circle cx="30" cy="60" fill="hsl(326, 80%, 60%)" opacity="0.8" r="3.393011004431173"></circle><rect fill="hsl(236, 70%, 60%)" height="37.905841851606965" width="1.3767790644196793" opacity="0.9993678302969784" x="90" y="10"></rect><rect fill="#ffffff" height="1.6971093411557376" width="45.65140991937369" opacity="0.8315229097381234" x="80" y="0"></rect><rect fill="#ffffff" height="0.9922145267482847" width="77.15026892721653" opacity="0.5422457461711019" x="70" y="70"></rect><rect fill="hsl(236, 70%, 60%)" height="62.10871435701847" width="1.468959002988413" opacity="0.9027343244291842" x="60" y="90"></rect><rect fill="hsl(236, 70%, 60%)" height="0.7343720062635839" width="60.65335169900209" opacity="0.6946426075417549" x="70" y="50"></rect><circle cx="70" cy="50" fill="hsl(326, 80%, 60%)" opacity="0.8" r="1.4687440125271678"></circle><rect fill="#ffffff" height="45.68035219796002" width="0.9749937016749755" opacity="0.9139814726542681" x="40" y="70"></rect><circle cx="40" cy="70" fill="hsl(326, 80%, 60%)" opacity="0.8" r="1.949987403349951"></circle><rect fill="hsl(236, 70%, 60%)" height="0.6148122163722292" width="74.50401327572763" opacity="0.9942834520712495" x="70" y="40"></rect><circle cx="70" cy="40" fill="hsl(326, 80%, 60%)" opacity="0.8" r="1.2296244327444583"></circle><rect fill="#ffffff" height="48.811184307560325" width="1.757169196731411" opacity="0.629197011841461" x="10" y="10"></rect><circle cx="10" cy="10" fill="hsl(326, 80%, 60%)" opacity="0.8" r="3.514338393462822"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#edc531;background-color:rgba(237,197,49,.063);border-color:rgba(237,197,49,.125)">Series</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2022-12-12</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#025</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#f5e080">Black Bird (TV Series)</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On Apple TV+</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/series/the-orville-tv-series" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-the-orville--tv-series-series" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-the-orville--tv-series-series)" height="100" width="100"></rect><rect fill="hsl(45, 70%, 60%)" height="1.629257885972038" width="64.35665281955153" opacity="0.9872812809888274" x="10" y="30"></rect><rect fill="hsl(45, 70%, 60%)" height="0.6828318062471226" width="65.98541231360286" opacity="0.46117848516441884" x="0" y="50"></rect><rect fill="hsl(45, 70%, 60%)" height="1.6147231797222048" width="70.80075372941792" opacity="0.5907099096104502" x="0" y="90"></rect><circle cx="0" cy="90" fill="hsl(135, 80%, 60%)" opacity="0.8" r="3.2294463594444096"></circle><rect fill="hsl(45, 70%, 60%)" height="30.777828549034894" width="0.5694032786414027" opacity="0.5154546183533967" x="70" y="80"></rect><rect fill="hsl(45, 70%, 60%)" height="1.906525286147371" width="49.80844351928681" opacity="0.6105102971661835" x="50" y="40"></rect><circle cx="50" cy="40" fill="hsl(135, 80%, 60%)" opacity="0.8" r="3.813050572294742"></circle><rect fill="hsl(45, 70%, 60%)" height="52.966206460259855" width="1.6083659615833312" opacity="0.5763444320298732" x="30" y="70"></rect><circle cx="30" cy="70" fill="hsl(135, 80%, 60%)" opacity="0.8" r="3.2167319231666625"></circle><rect fill="hsl(45, 70%, 60%)" height="1.8444639483932406" width="65.39354148786515" opacity="0.5311568025965243" x="0" y="50"></rect><rect fill="#ffffff" height="1.6875733505003154" width="64.86928553320467" opacity="0.4733741883654148" x="10" y="20"></rect><circle cx="10" cy="20" fill="hsl(135, 80%, 60%)" opacity="0.8" r="3.375146701000631"></circle><rect fill="hsl(45, 70%, 60%)" height="41.17345133796334" width="1.2580960911000147" opacity="0.8798131045419723" x="0" y="80"></rect><circle cx="0" cy="80" fill="hsl(135, 80%, 60%)" opacity="0.8" r="2.5161921822000295"></circle><rect fill="#ffffff" height="61.53605112340301" width="1.31169838772621" opacity="0.693159864936024" x="10" y="80"></rect><rect fill="hsl(45, 70%, 60%)" height="1.1242128782905638" width="33.14667388331145" opacity="0.838528870139271" x="80" y="20"></rect><circle cx="80" cy="20" fill="hsl(135, 80%, 60%)" opacity="0.8" r="2.2484257565811276"></circle><rect fill="hsl(45, 70%, 60%)" height="1.646195677574724" width="45.97331902012229" opacity="0.8457593018189073" x="20" y="0"></rect><circle cx="20" cy="0" fill="hsl(135, 80%, 60%)" opacity="0.8" r="3.292391355149448"></circle><rect fill="hsl(45, 70%, 60%)" height="1.495681949192658" width="57.834487236104906" opacity="0.46130544459447265" x="10" y="60"></rect><rect fill="hsl(45, 70%, 60%)" height="40.201184432953596" width="1.3872858935501426" opacity="0.564134578499943" x="80" y="50"></rect><rect fill="hsl(45, 70%, 60%)" height="1.120858246111311" width="20.673577855341136" opacity="0.9303416909184307" x="20" y="0"></rect><circle cx="20" cy="0" fill="hsl(135, 80%, 60%)" opacity="0.8" r="2.241716492222622"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#edc531;background-color:rgba(237,197,49,.063);border-color:rgba(237,197,49,.125)">Series</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2022-12-12</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#024</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#f5e080">The Orville (TV Series)</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On Hulu, Disney+</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/game/kingdoms-of-amalur-reckoning" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Kingdoms of Amalur: Reckoning" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/games/carl-raw-m3hn2Kn5Bns-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00c9a7;background-color:rgba(0,201,167,.063);border-color:rgba(0,201,167,.125)">Game</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2022-09-30</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#023</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#00e6bf">Kingdoms of Amalur: Reckoning</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On PC</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/game/resident-evil-3-remake" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Resident Evil 3: Remake" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/games/carl-raw-m3hn2Kn5Bns-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00c9a7;background-color:rgba(0,201,167,.063);border-color:rgba(0,201,167,.125)">Game</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2022-05-04</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#022</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#00e6bf">Resident Evil 3: Remake</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On PC (Steam), PlayStation, Xbox</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/game/nier-automata-and-replicant" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Nier Automata & Nier Replicant" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/games/carl-raw-m3hn2Kn5Bns-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00c9a7;background-color:rgba(0,201,167,.063);border-color:rgba(0,201,167,.125)">Game</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2022-04-28</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#021</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#00e6bf">Nier Automata & Nier Replicant</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On PC (Steam), PlayStation</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/series/halt-and-catch-fire-tv-series" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-halt-and-catch-fire--tv-series-series" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-halt-and-catch-fire--tv-series-series)" height="100" width="100"></rect><rect fill="#ffffff" height="34.3433247692883" width="0.8859175828984007" opacity="0.6353354220744223" x="90" y="80"></rect><rect fill="hsl(182, 70%, 60%)" height="33.01369570195675" width="1.9508223431184888" opacity="0.8885595239698887" x="60" y="0"></rect><circle cx="60" cy="0" fill="hsl(272, 80%, 60%)" opacity="0.8" r="3.9016446862369776"></circle><rect fill="hsl(182, 70%, 60%)" height="76.74575935583562" width="1.1990342090139166" opacity="0.6809931543190033" x="10" y="80"></rect><circle cx="10" cy="80" fill="hsl(272, 80%, 60%)" opacity="0.8" r="2.398068418027833"></circle><rect fill="#ffffff" height="0.7050170272123069" width="79.76248393766582" opacity="0.8576278660446406" x="20" y="40"></rect><circle cx="20" cy="40" fill="hsl(272, 80%, 60%)" opacity="0.8" r="1.4100340544246137"></circle><rect fill="hsl(182, 70%, 60%)" height="53.138093911111355" width="0.6581289821770042" opacity="0.4629873990546912" x="40" y="30"></rect><circle cx="40" cy="30" fill="hsl(272, 80%, 60%)" opacity="0.8" r="1.3162579643540084"></circle><rect fill="hsl(182, 70%, 60%)" height="77.0921260677278" width="1.2338051038095728" opacity="0.5272231926210225" x="50" y="40"></rect><circle cx="50" cy="40" fill="hsl(272, 80%, 60%)" opacity="0.8" r="2.4676102076191455"></circle><rect fill="hsl(182, 70%, 60%)" height="1.5330682209460065" width="34.84708712436259" opacity="0.4678416079841554" x="70" y="30"></rect><circle cx="70" cy="30" fill="hsl(272, 80%, 60%)" opacity="0.8" r="3.066136441892013"></circle><rect fill="#ffffff" height="67.41696142591536" width="1.7852709649596363" opacity="0.4713976269122213" x="10" y="40"></rect><circle cx="10" cy="40" fill="hsl(272, 80%, 60%)" opacity="0.8" r="3.5705419299192727"></circle><rect fill="hsl(182, 70%, 60%)" height="0.9568876012926921" width="27.655195840634406" opacity="0.8054579214192927" x="20" y="80"></rect><circle cx="20" cy="80" fill="hsl(272, 80%, 60%)" opacity="0.8" r="1.9137752025853842"></circle><rect fill="hsl(182, 70%, 60%)" height="73.24958331882954" width="0.5711520108161494" opacity="0.626839235983789" x="70" y="20"></rect><circle cx="70" cy="20" fill="hsl(272, 80%, 60%)" opacity="0.8" r="1.1423040216322988"></circle><rect fill="hsl(182, 70%, 60%)" height="1.093395157600753" width="79.68885154463351" opacity="0.6089506050571799" x="60" y="70"></rect><circle cx="60" cy="70" fill="hsl(272, 80%, 60%)" opacity="0.8" r="2.186790315201506"></circle><rect fill="hsl(182, 70%, 60%)" height="50.21164738573134" width="1.5218919477192685" opacity="0.5354879139922559" x="10" y="70"></rect><circle cx="10" cy="70" fill="hsl(272, 80%, 60%)" opacity="0.8" r="3.043783895438537"></circle><rect fill="hsl(182, 70%, 60%)" height="48.20622920524329" width="0.9217898444039747" opacity="0.8788276556413621" x="80" y="80"></rect><rect fill="hsl(182, 70%, 60%)" height="1.873926533269696" width="44.448683271184564" opacity="0.8190427037887276" x="50" y="30"></rect><rect fill="#ffffff" height="39.39058143179864" width="1.0205556405708194" opacity="0.8169233806431293" x="20" y="20"></rect></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#edc531;background-color:rgba(237,197,49,.063);border-color:rgba(237,197,49,.125)">Series</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2021-12-12</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#020</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#f5e080">Halt and Catch Fire (TV Series)</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On AMC+</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/game/loop-hero" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Loop Hero" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/games/carl-raw-m3hn2Kn5Bns-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00c9a7;background-color:rgba(0,201,167,.063);border-color:rgba(0,201,167,.125)">Game</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2021-12-07</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#019</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#00e6bf">Loop Hero</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On PC (Steam)</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/game/deus-ex-mankind-divided" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Deus Ex: Mankind Divided" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/games/carl-raw-m3hn2Kn5Bns-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00c9a7;background-color:rgba(0,201,167,.063);border-color:rgba(0,201,167,.125)">Game</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2021-11-23</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#018</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#00e6bf">Deus Ex: Mankind Divided</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On PC (Steam)</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/game/the-outer-worlds" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="The Outer Worlds" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/games/carl-raw-m3hn2Kn5Bns-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00c9a7;background-color:rgba(0,201,167,.063);border-color:rgba(0,201,167,.125)">Game</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2021-08-20</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#017</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#00e6bf">The Outer Worlds</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On PC (Steam), PlayStation 4, Xbox One, Nintendo Switch</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/movie/blade-1998-movie" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Blade (1998)" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/movie/jeremy-yap-J39X2xX_8CQ-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#dc143c;background-color:rgba(220,20,60,.063);border-color:rgba(220,20,60,.125)">Movie</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2021-05-05</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#016</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#e84f6d">Blade (1998)</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Stephen Norrington</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/movie/john-wick-chapter-3-parabellum-movie" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="John Wick: Chapter 3 – Parabellum (2019)" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/movie/matthew-ball-qqlkmdEd694-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#dc143c;background-color:rgba(220,20,60,.063);border-color:rgba(220,20,60,.125)">Movie</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">3</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2021-01-01</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#015</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#e84f6d">John Wick: Chapter 3 – Parabellum (2019)</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Chad Stahelski</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/game/resident-evil-2-remake" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Resident Evil 2: Remake" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/games/carl-raw-m3hn2Kn5Bns-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00c9a7;background-color:rgba(0,201,167,.063);border-color:rgba(0,201,167,.125)">Game</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2020-05-06</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#014</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#00e6bf">Resident Evil 2: Remake</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On PC (Steam), PlayStation, Xbox</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/movie/john-wick-chapter-2-movie" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="John Wick: Chapter 2 (2017)" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/movie/matthew-ball-qqlkmdEd694-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#dc143c;background-color:rgba(220,20,60,.063);border-color:rgba(220,20,60,.125)">Movie</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">3</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2020-01-01</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#013</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#e84f6d">John Wick: Chapter 2 (2017)</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Chad Stahelski</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/movie/john-wick-chapter-1-movie" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="John Wick: Chapter 1 (2014)" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/movie/matthew-ball-qqlkmdEd694-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#dc143c;background-color:rgba(220,20,60,.063);border-color:rgba(220,20,60,.125)">Movie</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2019-01-01</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#012</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#e84f6d">John Wick: Chapter 1 (2014)</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Chad Stahelski, David Leitch (uncredited)</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/series/last-man-on-earth-tv-series" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-last-man-on-earth--tv-series-series" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-last-man-on-earth--tv-series-series)" height="100" width="100"></rect><circle cx="31.85311632696539" cy="70.84855425637215" fill="hsl(82, 70%, 60%)" opacity="0.4688070303993299" r="27.122509079053998" style="mix-blend-mode:screen"></circle><circle cx="45.32069736160338" cy="73.15352584701031" fill="hsl(262, 60%, 50%)" opacity="0.51290661720559" r="46.26017280854285" style="mix-blend-mode:screen"></circle><circle cx="74.62272238917649" cy="97.3179072374478" fill="hsl(82, 70%, 60%)" opacity="0.33128977292217315" r="21.211058162152767" style="mix-blend-mode:screen"></circle><circle cx="93.11691224575043" cy="66.89323012251407" fill="hsl(262, 60%, 50%)" opacity="0.32471709516830743" r="28.114146506413817" style="mix-blend-mode:screen"></circle><circle cx="29.414122947491705" cy="24.799246131442487" fill="hsl(82, 70%, 60%)" opacity="0.32435307519044726" r="41.474330965429544" style="mix-blend-mode:screen"></circle><circle cx="36.63783690426499" cy="33.33431652281433" fill="hsl(262, 60%, 50%)" opacity="0.39399506910704074" r="13.127203406766057" style="mix-blend-mode:screen"></circle><circle cx="1.7542375717312098" cy="46.7656763503328" fill="hsl(82, 70%, 60%)" opacity="0.5864643066655844" r="44.30421612225473" style="mix-blend-mode:screen"></circle><circle cx="74.16701312176883" cy="63.445948460139334" fill="hsl(262, 60%, 50%)" opacity="0.547005397779867" r="11.06130188331008" style="mix-blend-mode:screen"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#edc531;background-color:rgba(237,197,49,.063);border-color:rgba(237,197,49,.125)">Series</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">3</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2018-12-12</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#011</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#f5e080">Last Man on Earth (TV Series)</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On Fox</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/series/man-seeking-woman-tv-series" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-man-seeking-woman--tv-series-series" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-man-seeking-woman--tv-series-series)" height="100" width="100"></rect><circle cx="54.2703916085884" cy="32.82357107382268" fill="hsl(36, 70%, 60%)" opacity="0.5200789046706632" r="35.72540272958577" style="mix-blend-mode:screen"></circle><circle cx="40.759965404868126" cy="97.16912831645459" fill="hsl(216, 60%, 50%)" opacity="0.5332383027300238" r="24.734906069934368" style="mix-blend-mode:screen"></circle><circle cx="58.24277240317315" cy="23.052400466986" fill="hsl(36, 70%, 60%)" opacity="0.4840210404479876" r="41.77227250300348" style="mix-blend-mode:screen"></circle><circle cx="38.05434370879084" cy="0.37808252964168787" fill="hsl(216, 60%, 50%)" opacity="0.4321804912760854" r="19.80597084388137" style="mix-blend-mode:screen"></circle><circle cx="99.47626653593034" cy="90.83932188805193" fill="hsl(36, 70%, 60%)" opacity="0.33726252175401894" r="12.635206552222371" style="mix-blend-mode:screen"></circle><circle cx="15.535276592709124" cy="44.63473192881793" fill="hsl(216, 60%, 50%)" opacity="0.5923334514722227" r="44.81450988911092" style="mix-blend-mode:screen"></circle><circle cx="47.2526021534577" cy="75.64779475796968" fill="hsl(36, 70%, 60%)" opacity="0.4646093774121255" r="42.85551089793444" style="mix-blend-mode:screen"></circle><circle cx="31.44280386622995" cy="46.03878050111234" fill="hsl(216, 60%, 50%)" opacity="0.3349045644979924" r="21.63366419263184" style="mix-blend-mode:screen"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#edc531;background-color:rgba(237,197,49,.063);border-color:rgba(237,197,49,.125)">Series</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2018-12-12</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#010</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#f5e080">Man Seeking Woman (TV Series)</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On FXX (FX Network)</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/series/justice-league-unlimited-tv-series" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-justice-league-unlimited--tv-series-series" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-justice-league-unlimited--tv-series-series)" height="100" width="100"></rect><circle cx="61.77457496523857" cy="79.37129102647305" fill="hsl(243, 70%, 60%)" opacity="0.5740923150675371" r="25.461235223338008" style="mix-blend-mode:screen"></circle><circle cx="58.887317893095315" cy="85.13733281288296" fill="hsl(63, 60%, 50%)" opacity="0.49846213746350254" r="10.326682180166245" style="mix-blend-mode:screen"></circle><circle cx="82.38423198927194" cy="37.44305898435414" fill="hsl(243, 70%, 60%)" opacity="0.4906906699994579" r="34.99581360258162" style="mix-blend-mode:screen"></circle><circle cx="78.70429907925427" cy="44.19138564262539" fill="hsl(63, 60%, 50%)" opacity="0.46989179290831085" r="48.2137456163764" style="mix-blend-mode:screen"></circle><circle cx="18.108638445846736" cy="80.72852459736168" fill="hsl(243, 70%, 60%)" opacity="0.39210482267662883" r="27.218020716682076" style="mix-blend-mode:screen"></circle><circle cx="76.42450756393373" cy="70.80045051407069" fill="hsl(63, 60%, 50%)" opacity="0.48510772911831734" r="37.50774214975536" style="mix-blend-mode:screen"></circle><circle cx="27.1011627279222" cy="30.417918413877487" fill="hsl(243, 70%, 60%)" opacity="0.5743893248029053" r="19.554245173931122" style="mix-blend-mode:screen"></circle><circle cx="80.10597568936646" cy="66.93830287549645" fill="hsl(63, 60%, 50%)" opacity="0.49103598792571573" r="16.262377351522446" style="mix-blend-mode:screen"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#edc531;background-color:rgba(237,197,49,.063);border-color:rgba(237,197,49,.125)">Series</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2018-01-01</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#009</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#f5e080">Justice League Unlimited (TV Series)</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On Max</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/game/xcom-enemy-unknown" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="XCOM: Enemy Unknown" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/games/leo_visions-F_-Yrr_WzBY-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00c9a7;background-color:rgba(0,201,167,.063);border-color:rgba(0,201,167,.125)">Game</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2016-12-09</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#008</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#00e6bf">XCOM: Enemy Unknown</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On PC (Steam), PlayStation 3, Xbox 360, iOS, Android</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/game/hotline-miami" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Hotline Miami" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/games/ryan-spencer-Um9AkOiIDcU-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00c9a7;background-color:rgba(0,201,167,.063);border-color:rgba(0,201,167,.125)">Game</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2016-06-28</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#007</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#00e6bf">Hotline Miami</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On PC (Steam)</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/movie/28-weeks-later-movie" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="28 Weeks Later (2007)" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/movie/fusion-medical-animation-npjP0dCtoxo-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#dc143c;background-color:rgba(220,20,60,.063);border-color:rgba(220,20,60,.125)">Movie</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2016-01-01</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#006</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#e84f6d">28 Weeks Later (2007)</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Juan Carlos Fresnadillo</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/movie/manchester-by-the-sea-movie" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Manchester By The Sea (2016)" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/movie/fusion-medical-animation-npjP0dCtoxo-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#dc143c;background-color:rgba(220,20,60,.063);border-color:rgba(220,20,60,.125)">Movie</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2016-01-01</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#005</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#e84f6d">Manchester By The Sea (2016)</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Kenneth Lonergan</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/movie/28-days-later-movie" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="28 Days Later (2002)" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/movie/fusion-medical-animation-npjP0dCtoxo-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#dc143c;background-color:rgba(220,20,60,.063);border-color:rgba(220,20,60,.125)">Movie</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">4</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2016-01-01</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#004</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#e84f6d">28 Days Later (2002)</h3><div class="mb-4"><p class="text-xs text-gray-400 font-mono truncate">By Danny Boyle</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/game/deus-ex-human-revolution" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full relative"><img alt="Deus Ex: Human Revolution" class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110 opacity-60" src="/images/defaults/games/javier-martinez-hUD0PUczwJQ-unsplash.jpg"><div class="absolute inset-0 bg-zinc-900/40 mix-blend-multiply"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#00c9a7;background-color:rgba(0,201,167,.063);border-color:rgba(0,201,167,.125)">Game</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2015-09-21</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#003</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#00e6bf">Deus Ex: Human Revolution</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On PC (Steam)</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/series/community-tv-series" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-community--tv-series-series" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-community--tv-series-series)" height="100" width="100"></rect><rect fill="hsl(123, 70%, 60%)" height="63.90385495033115" width="0.5714446970960125" opacity="0.7074916968587786" x="60" y="50"></rect><rect fill="#ffffff" height="0.5999696323415264" width="59.03499505482614" opacity="0.8589360435027629" x="0" y="80"></rect><circle cx="0" cy="80" fill="hsl(213, 80%, 60%)" opacity="0.8" r="1.199939264683053"></circle><rect fill="hsl(123, 70%, 60%)" height="46.78433590568602" width="1.517949782195501" opacity="0.5321945657487959" x="90" y="10"></rect><rect fill="hsl(123, 70%, 60%)" height="1.0115149694029242" width="49.74381312262267" opacity="0.6659784752875566" x="80" y="90"></rect><circle cx="80" cy="90" fill="hsl(213, 80%, 60%)" opacity="0.8" r="2.0230299388058484"></circle><rect fill="hsl(123, 70%, 60%)" height="1.4538961502257735" width="58.059955667704344" opacity="0.6307183371856808" x="40" y="40"></rect><rect fill="hsl(123, 70%, 60%)" height="0.6651253731688485" width="33.53512357454747" opacity="0.8576596781611443" x="20" y="80"></rect><circle cx="20" cy="80" fill="hsl(213, 80%, 60%)" opacity="0.8" r="1.330250746337697"></circle><rect fill="#ffffff" height="1.0733370506204665" width="45.38464351557195" opacity="0.6728100303560496" x="80" y="0"></rect><rect fill="hsl(123, 70%, 60%)" height="0.6682509614620358" width="59.37079611234367" opacity="0.43258715895935895" x="10" y="30"></rect><circle cx="10" cy="30" fill="hsl(213, 80%, 60%)" opacity="0.8" r="1.3365019229240716"></circle><rect fill="hsl(123, 70%, 60%)" height="42.05080896150321" width="1.6278566007968038" opacity="0.4172479579225183" x="20" y="60"></rect><rect fill="#ffffff" height="1.2077413027873263" width="68.95119938533753" opacity="0.9091853240504861" x="30" y="70"></rect><circle cx="30" cy="70" fill="hsl(213, 80%, 60%)" opacity="0.8" r="2.4154826055746526"></circle><rect fill="#ffffff" height="1.9503899692790583" width="74.17202374897897" opacity="0.7925549435894936" x="80" y="60"></rect><circle cx="80" cy="60" fill="hsl(213, 80%, 60%)" opacity="0.8" r="3.9007799385581166"></circle><rect fill="#ffffff" height="1.5435915973503143" width="54.23723788000643" opacity="0.9728308876045049" x="60" y="90"></rect><rect fill="#ffffff" height="1.2137727348599583" width="78.26155490707606" opacity="0.7451826269738376" x="30" y="60"></rect><rect fill="hsl(123, 70%, 60%)" height="42.14782254770398" width="1.6980464812368155" opacity="0.8194456035736948" x="50" y="0"></rect><circle cx="50" cy="0" fill="hsl(213, 80%, 60%)" opacity="0.8" r="3.396092962473631"></circle><rect fill="hsl(123, 70%, 60%)" height="1.6680421512573957" width="53.64969384856522" opacity="0.5064964949619025" x="10" y="20"></rect><circle cx="10" cy="20" fill="hsl(213, 80%, 60%)" opacity="0.8" r="3.3360843025147915"></circle></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#edc531;background-color:rgba(237,197,49,.063);border-color:rgba(237,197,49,.125)">Series</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2015-02-02</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#002</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#f5e080">Community (TV Series)</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On Netflix, Hulu</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div><div style="opacity:1;transform:none;transform-origin:50% 50% 0"><div class="group relative flex flex-col overflow-hidden rounded-sm bg-zinc-900 border border-white/10 h-full"><a class="flex flex-col h-full" href="/logs/series/person-of-interest-tv-series" data-discover="true"><div class="relative h-40 w-full overflow-hidden border-b border-white/5"><div class="w-full h-full bg-neutral-950 overflow-hidden relative w-full h-full opacity-40 transition-transform duration-700 ease-out group-hover:scale-110"><svg viewBox="0 0 100 100" class="w-full h-full" preserveAspectRatio="xMidYMid slice"><defs><pattern height="20" id="bg-grid-person-of-interest--tv-series-series" patternUnits="userSpaceOnUse" width="20"><circle cx="1" cy="1" fill="white" opacity="0.05" r="0.5"></circle></pattern></defs><rect fill="url(#bg-grid-person-of-interest--tv-series-series)" height="100" width="100"></rect><rect fill="#ffffff" height="21.928711025975645" width="1.3277097831014544" opacity="0.8075362883508206" x="90" y="80"></rect><circle cx="90" cy="80" fill="hsl(329, 80%, 60%)" opacity="0.8" r="2.6554195662029088"></circle><rect fill="hsl(239, 70%, 60%)" height="1.8261349749518558" width="61.59430676139891" opacity="0.4135633823927492" x="20" y="0"></rect><rect fill="hsl(239, 70%, 60%)" height="1.954921989585273" width="71.36476745363325" opacity="0.8604500844143331" x="20" y="40"></rect><circle cx="20" cy="40" fill="hsl(329, 80%, 60%)" opacity="0.8" r="3.909843979170546"></circle><rect fill="hsl(239, 70%, 60%)" height="39.01407320052385" width="1.1567034281324595" opacity="0.5561700686812401" x="30" y="20"></rect><circle cx="30" cy="20" fill="hsl(329, 80%, 60%)" opacity="0.8" r="2.313406856264919"></circle><rect fill="hsl(239, 70%, 60%)" height="71.04524672031403" width="1.6587455292465165" opacity="0.9525178309995681" x="80" y="30"></rect><circle cx="80" cy="30" fill="hsl(329, 80%, 60%)" opacity="0.8" r="3.317491058493033"></circle><rect fill="#ffffff" height="0.6179216702003032" width="20.529073649086058" opacity="0.6864580808673054" x="20" y="70"></rect><rect fill="hsl(239, 70%, 60%)" height="1.8382317037321627" width="56.391060492023826" opacity="0.7006608369294554" x="80" y="30"></rect><circle cx="80" cy="30" fill="hsl(329, 80%, 60%)" opacity="0.8" r="3.6764634074643254"></circle><rect fill="hsl(239, 70%, 60%)" height="36.29483631812036" width="0.9082748539512977" opacity="0.7209762766491622" x="30" y="70"></rect><rect fill="hsl(239, 70%, 60%)" height="72.2077455976978" width="1.0379440499236807" opacity="0.44199388348497454" x="50" y="30"></rect><rect fill="#ffffff" height="36.97184687014669" width="0.8889539412921295" opacity="0.8371364151593298" x="10" y="50"></rect><circle cx="10" cy="50" fill="hsl(329, 80%, 60%)" opacity="0.8" r="1.777907882584259"></circle><rect fill="hsl(239, 70%, 60%)" height="1.9499767809174955" width="29.42201462574303" opacity="0.8965020778123289" x="50" y="90"></rect><circle cx="50" cy="90" fill="hsl(329, 80%, 60%)" opacity="0.8" r="3.899953561834991"></circle><rect fill="hsl(239, 70%, 60%)" height="0.7788633016170934" width="55.349195138551295" opacity="0.835487241204828" x="80" y="10"></rect><rect fill="hsl(239, 70%, 60%)" height="1.029144401429221" width="76.44243141170591" opacity="0.6478641174733639" x="0" y="50"></rect><circle cx="0" cy="50" fill="hsl(329, 80%, 60%)" opacity="0.8" r="2.058288802858442"></circle><rect fill="#ffffff" height="0.5684519106289372" width="31.093599260784686" opacity="0.5367607196792961" x="0" y="20"></rect><circle cx="0" cy="20" fill="hsl(329, 80%, 60%)" opacity="0.8" r="1.1369038212578744"></circle><rect fill="hsl(239, 70%, 60%)" height="1.7459784930106252" width="37.420331900939345" opacity="0.4762071942444891" x="80" y="70"></rect></svg><div class="absolute inset-0 opacity-[0.15] pointer-events-none mix-blend-overlay" style="background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E")"></div><div class="absolute bottom-4 right-4 flex gap-2 items-center"></div></div><div class="absolute inset-0 bg-gradient-to-t from-zinc-900 to-transparent"></div><div class="absolute top-3 left-3 flex gap-2"><span class="px-2 py-1 text-[9px] font-mono font-bold uppercase tracking-widest border rounded-sm backdrop-blur-md" style="color:#edc531;background-color:rgba(237,197,49,.063);border-color:rgba(237,197,49,.125)">Series</span></div><div class="absolute bottom-2 right-3 flex items-center gap-1 bg-black/60 backdrop-blur-md px-2 py-1 rounded-full border border-white/10"><span class="font-mono text-xs font-bold text-white">5</span><svg viewBox="0 0 256 256" height="10" width="10" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-yellow-500"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg></div></div><div class="flex flex-col flex-grow p-5"><div class="flex items-center gap-2 mb-3"><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest flex items-center gap-1"><svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"></path></svg>2012-01-01</span><span class="text-gray-700 text-[9px]">•</span><span class="font-mono text-[9px] text-gray-500 uppercase tracking-widest">#001</span></div><h3 class="text-lg font-medium font-sans uppercase mb-2 transition-colors line-clamp-2 leading-tight" style="color:#f5e080">Person of Interest (TV Series)</h3><div class="mb-4"><p class="text-[10px] text-gray-600 font-mono truncate uppercase mt-1">On Max</p></div><div class="mt-auto pt-4 flex items-center justify-between border-t border-white/5"><span class="text-[10px] font-mono font-bold uppercase tracking-widest text-gray-500 group-hover:text-white transition-colors">View Log</span><svg viewBox="0 0 256 256" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500 transform -translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></div></div></a></div></div></div></div></div></div></div></main><footer class="bg-[#050505] border-t-2 border-white/10 mt-auto selection:bg-white selection:text-black"><div class="mx-auto max-w-[1600px] px-6 py-12 md:px-12"><div class="grid grid-cols-1 lg:grid-cols-12 gap-12 md:gap-16"><div class="lg:col-span-5 space-y-8"><div class="flex flex-col gap-4"><a class="group inline-block" href="/" data-discover="true"><span class="text-5xl md:text-6xl font-black uppercase tracking-tighter text-white">fez<span class="text-emerald-500">codex</span></span></a><p class="max-w-md text-gray-400 font-mono text-xs leading-relaxed uppercase tracking-widest">// turning complex ~distributed~ problems into elegant, reliable code.</p></div><div class="grid grid-cols-1 md:grid-cols-2 gap-6"><div class="border border-white/10 p-4 bg-white/[0.02]"><h4 class="font-mono text-[10px] font-bold text-gray-500 uppercase tracking-widest mb-3">Site Info</h4><div class="space-y-1 font-mono text-[10px] uppercase tracking-widest"><div class="flex justify-between"><span class="text-gray-600">Version:</span><span class="text-white">v0.20.1</span></div><div class="flex justify-between"><span class="text-gray-600">Year:</span><span class="text-white">2026</span></div><div class="flex justify-between text-emerald-500 font-black"><span>Status:</span><span>Live</span></div></div></div><div class="border border-white/10 p-4 bg-white/[0.02] flex flex-col justify-center gap-3"><div class="flex items-center gap-2 text-white"><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M180,144H160V112h20a36,36,0,1,0-36-36V96H112V76a36,36,0,1,0-36,36H96v32H76a36,36,0,1,0,36,36V160h32v20a36,36,0,1,0,36-36ZM160,76a20,20,0,1,1,20,20H160ZM56,76a20,20,0,0,1,40,0V96H76A20,20,0,0,1,56,76ZM96,180a20,20,0,1,1-20-20H96Zm16-68h32v32H112Zm68,88a20,20,0,0,1-20-20V160h20a20,20,0,0,1,0,40Z"></path></svg><span class="font-mono text-[10px] font-bold uppercase tracking-widest">Quick Menu</span></div><div class="font-mono text-[10px] text-gray-500 uppercase leading-relaxed">Press <kbd class="bg-white text-black px-1 font-black">Alt</kbd>, <kbd class="bg-white text-black px-1 font-black">Ctrl</kbd>, or <kbd class="bg-white text-black px-1 font-black">Cmd</kbd> + <kbd class="bg-white text-black px-1 font-black">K</kbd> for commands.</div></div></div></div><div class="lg:col-span-4"><h3 class="font-mono text-[10px] font-bold text-white uppercase tracking-[0.3em] mb-8 flex items-center gap-3"><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-emerald-500"><path d="M117.31,134l-72,64a8,8,0,1,1-10.63-12L100,128,34.69,70A8,8,0,1,1,45.32,58l72,64a8,8,0,0,1,0,12ZM216,184H120a8,8,0,0,0,0,16h96a8,8,0,0,0,0-16Z"></path></svg>Navigation</h3><ul class="grid grid-cols-2 gap-x-6 gap-y-3 font-mono text-[10px] uppercase tracking-widest"><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>Home</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/about" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>About</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/blog" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>Blog</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/projects" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>Projects</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/logs" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>Logs</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/vocab" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>Vocab</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/apps" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>Apps</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/timeline" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>Timeline</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/commands" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>Manuals</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2" href="/rss.xml" target="_blank"><span class="text-emerald-500">→</span> RSS Feed</a></li></ul></div><div class="lg:col-span-3"><h3 class="font-mono text-[10px] font-bold text-white uppercase tracking-[0.3em] mb-8">Connect</h3><div class="flex gap-3 mb-8 flex-wrap"><a class="w-12 h-12 border border-white/10 bg-white/5 flex items-center justify-center text-gray-400 hover:bg-white hover:text-black hover:border-white transition-all group" href="https://github.com/fezcode" target="_blank" rel="noreferrer"><svg viewBox="0 0 256 256" height="24" width="24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M212.62,75.17A63.7,63.7,0,0,0,206.39,26,12,12,0,0,0,196,20a63.71,63.71,0,0,0-50,24H126A63.71,63.71,0,0,0,76,20a12,12,0,0,0-10.39,6,63.7,63.7,0,0,0-6.23,49.17A61.5,61.5,0,0,0,52,104v8a60.1,60.1,0,0,0,45.76,58.28A43.66,43.66,0,0,0,92,192v4H76a20,20,0,0,1-20-20,44.05,44.05,0,0,0-44-44,12,12,0,0,0,0,24,20,20,0,0,1,20,20,44.05,44.05,0,0,0,44,44H92v12a12,12,0,0,0,24,0V192a20,20,0,0,1,40,0v40a12,12,0,0,0,24,0V192a43.66,43.66,0,0,0-5.76-21.72A60.1,60.1,0,0,0,220,112v-8A61.5,61.5,0,0,0,212.62,75.17ZM196,112a36,36,0,0,1-36,36H112a36,36,0,0,1-36-36v-8a37.87,37.87,0,0,1,6.13-20.12,11.65,11.65,0,0,0,1.58-11.49,39.9,39.9,0,0,1-.4-27.72,39.87,39.87,0,0,1,26.41,17.8A12,12,0,0,0,119.82,68h32.35a12,12,0,0,0,10.11-5.53,39.84,39.84,0,0,1,26.41-17.8,39.9,39.9,0,0,1-.4,27.72,12,12,0,0,0,1.61,11.53A37.85,37.85,0,0,1,196,104Z"></path></svg></a><a class="w-12 h-12 border border-white/10 bg-white/5 flex items-center justify-center text-gray-400 hover:bg-white hover:text-black hover:border-white transition-all group" href="https://x.com/fezcoddy" target="_blank" rel="noreferrer"><svg viewBox="0 0 256 256" height="24" width="24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M218.12,209.56l-61-95.8,59.72-65.69a12,12,0,0,0-17.76-16.14L143.81,92.77,106.12,33.56A12,12,0,0,0,96,28H48A12,12,0,0,0,37.88,46.44l61,95.8L39.12,207.93a12,12,0,1,0,17.76,16.14l55.31-60.84,37.69,59.21A12,12,0,0,0,160,228h48a12,12,0,0,0,10.12-18.44ZM166.59,204,69.86,52H89.41l96.73,152Z"></path></svg></a><a class="w-12 h-12 border border-white/10 bg-white/5 flex items-center justify-center text-gray-400 hover:bg-white hover:text-black hover:border-white transition-all group" href="https://www.linkedin.com/in/ahmed-samil-bulbul/?locale=en_US" target="_blank" rel="noreferrer"><svg viewBox="0 0 256 256" height="24" width="24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M216,20H40A20,20,0,0,0,20,40V216a20,20,0,0,0,20,20H216a20,20,0,0,0,20-20V40A20,20,0,0,0,216,20Zm-4,192H44V44H212ZM112,176V120a12,12,0,0,1,21.43-7.41A40,40,0,0,1,192,148v28a12,12,0,0,1-24,0V148a16,16,0,0,0-32,0v28a12,12,0,0,1-24,0ZM96,120v56a12,12,0,0,1-24,0V120a12,12,0,0,1,24,0ZM68,80A16,16,0,1,1,84,96,16,16,0,0,1,68,80Z"></path></svg></a><a class="w-12 h-12 border border-white/10 bg-white/5 flex items-center justify-center text-gray-400 hover:bg-white hover:text-black hover:border-white transition-all group" href="https://github.com/fezcode/fezcode.github.io" target="_blank" rel="noreferrer"><svg viewBox="0 0 256 256" height="24" width="24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M236,64a36,36,0,1,0-48,33.94V112a4,4,0,0,1-4,4H96a27.8,27.8,0,0,0-4,.29V97.94a36,36,0,1,0-24,0v60.12a36,36,0,1,0,24,0V144a4,4,0,0,1,4-4h88a28,28,0,0,0,28-28V97.94A36.07,36.07,0,0,0,236,64ZM80,52A12,12,0,1,1,68,64,12,12,0,0,1,80,52Zm0,152a12,12,0,1,1,12-12A12,12,0,0,1,80,204ZM200,76a12,12,0,1,1,12-12A12,12,0,0,1,200,76Z"></path></svg></a></div><div class="space-y-3 border-t border-white/10 pt-6"><p class="font-mono text-[9px] font-bold text-gray-600 uppercase tracking-widest">Newsletter</p><div class="relative"><input class="w-full bg-white text-black font-mono text-[9px] uppercase tracking-widest py-2 px-3 border-none focus:ring-0 placeholder-black/40 disabled:cursor-not-allowed" placeholder="Coming soon..." type="text" disabled></div></div></div></div><div class="mt-20 pt-8 border-t border-white/10 flex flex-col md:flex-row justify-between items-center gap-6 font-mono text-[9px] uppercase tracking-[0.2em] text-gray-600"><p>© 2026 Fezcode // Built with React & Tailwind</p><p class="text-white font-bold">Thanks for visiting</p></div></div></footer></div></div><div class="fixed bottom-0 left-0 w-full h-32 pointer-events-none z-[9999]"><div class="absolute bottom-2 flex flex-col items-center pointer-events-auto cursor-help" style="width:60px;transform:translateX(94.3329vw)"><div class="relative" style="transform:scaleX(-1)"><div class="w-10 h-10 flex items-center justify-center rounded-lg border-2 bg-[#050505] border-[#10B981]/40 text-[#10B981] shadow-lg" style="transform:translateY(-.64156px) rotate(1.18018deg)"><svg viewBox="0 0 256 256" height="24" width="24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,176H104s8,6,8,16a24,24,0,0,1-48,0V64A24,24,0,0,0,40,40H176a24,24,0,0,1,24,24Z" opacity="0.2"></path><path d="M96,104a8,8,0,0,1,8-8h64a8,8,0,0,1,0,16H104A8,8,0,0,1,96,104Zm8,40h64a8,8,0,0,0,0-16H104a8,8,0,0,0,0,16Zm128,48a32,32,0,0,1-32,32H88a32,32,0,0,1-32-32V64a16,16,0,0,0-32,0c0,5.74,4.83,9.62,4.88,9.66h0A8,8,0,0,1,24,88a7.89,7.89,0,0,1-4.79-1.61h0C18.05,85.54,8,77.61,8,64A32,32,0,0,1,40,32H176a32,32,0,0,1,32,32V168h8a8,8,0,0,1,4.8,1.6C222,170.46,232,178.39,232,192ZM96.26,173.48A8.07,8.07,0,0,1,104,168h88V64a16,16,0,0,0-16-16H67.69A31.71,31.71,0,0,1,72,64V192a16,16,0,0,0,32,0c0-5.74-4.83-9.62-4.88-9.66A7.82,7.82,0,0,1,96.26,173.48ZM216,192a12.58,12.58,0,0,0-3.23-8h-94a26.92,26.92,0,0,1,1.21,8,31.82,31.82,0,0,1-4.29,16H200A16,16,0,0,0,216,192Z"></path></svg><div class="absolute top-2 left-2 flex gap-3"><div class="w-1.5 h-1.5 rounded-full bg-current animate-pulse"></div><div class="w-1.5 h-1.5 rounded-full bg-current animate-pulse"></div></div></div><div class="flex justify-around mt-[-4px]"><div class="w-3 h-2 rounded-full bg-current opacity-50" style="color:#10b981;transform:translateY(-.617068px)"></div><div class="w-3 h-2 rounded-full bg-current opacity-50" style="color:#10b981;transform:translateY(-1.38293px)"></div></div></div></div></div><div class="fixed top-24 right-6 md:right-12 z-[100] pointer-events-none flex flex-col items-end gap-2"><div class="pointer-events-auto flex flex-col-reverse gap-3"><div class="relative w-80 md:w-96 bg-[#050505]/95 backdrop-blur-xl border-2 border-amber-400/50 rounded-sm shadow-2xl shadow-amber-400/10 overflow-hidden mb-4 group" style="opacity:1;transform:none"><div class="absolute bottom-0 left-0 h-1 z-20 bg-amber-400" style="width:56.9%"></div><div class="p-6 flex gap-4 items-start"><div class="flex-shrink-0 mt-1"><div class="text-xl"><svg viewBox="0 0 256 256" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="text-amber-400"><path d="M200,48v63.1c0,39.7-31.75,72.6-71.45,72.9A72,72,0,0,1,56,112V48Z" opacity="0.2"></path><path d="M232,64H208V48a8,8,0,0,0-8-8H56a8,8,0,0,0-8,8V64H24A16,16,0,0,0,8,80V96a40,40,0,0,0,40,40h3.65A80.13,80.13,0,0,0,120,191.61V216H96a8,8,0,0,0,0,16h64a8,8,0,0,0,0-16H136V191.58c31.94-3.23,58.44-25.64,68.08-55.58H208a40,40,0,0,0,40-40V80A16,16,0,0,0,232,64ZM48,120A24,24,0,0,1,24,96V80H48v32q0,4,.39,8Zm144-8.9c0,35.52-29,64.64-64,64.9a64,64,0,0,1-64-64V56H192ZM232,96a24,24,0,0,1-24,24h-.5a81.81,81.81,0,0,0,.5-8.9V80h24Z"></path></svg></div></div><div class="flex-grow min-w-0 space-y-1"><h4 class="text-xs font-black uppercase tracking-widest text-white leading-tight">Achievement Unlocked!</h4><p class="text-[11px] font-mono leading-relaxed text-gray-400">Log Diver</p><div class="flex flex-wrap gap-2 pt-3"><a class="text-[9px] font-black uppercase tracking-widest px-3 py-1.5 bg-white/5 border border-white/10 text-white hover:bg-white hover:text-black transition-all rounded-sm" href="/settings" data-discover="true">Settings</a><a class="text-[9px] font-black uppercase tracking-widest px-3 py-1.5 bg-white/5 border border-white/10 text-white hover:bg-white hover:text-black transition-all rounded-sm" href="/achievements" data-discover="true">Trophy Room</a></div></div><button class="flex-shrink-0 text-gray-600 hover:text-white transition-colors p-1"><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z"></path></svg></button></div><div class="absolute inset-0 bg-gradient-to-tr from-white/[0.02] to-transparent pointer-events-none"></div></div></div></div></div></body></html>