canvas[data-astro-cid-uqknjitm]{z-index:-1;width:100%;height:100%;position:absolute;overflow:clip}:root{--green:#36d07b;--magenta:#b8156a;--white-light:#fafaf5;--gray-light:#1e1e24;--white-dark:#f0ede8;--gray-dark:#131820;--blue:#2563eb;--amber:#ca8a04;--purple:#9333ea;--cat-dev:var(--magenta);--cat-video:var(--blue);--cat-read:var(--amber);--cat-audio:var(--purple);--cat-interactive:var(--accent);--cat-dev-glow:#b8156a59;--cat-video-glow:#2563eb59;--cat-read-glow:#ca8a0459;--cat-audio-glow:#9333ea59;--cat-interactive-glow:#0ea5a059;--status-done:#16a34a;--status-active:#ea580c;--status-watchlist:#6b7280;--radar-tooltip-bg:var(--bg-alt);--radar-tooltip-border:var(--border);--radar-tooltip-shadow:var(--shadow-md);--radar-ring-color:var(--border);--radar-ring-glow:#80808026;--radar-quadrant-opacity:.06;--radar-filter-gap:var(--space-sm);--radar-tooltip-max-w:340px;--radar-poster-w:80px;--radar-poster-h:120px;--radar-poster-radius:var(--radius-sm);--radar-tooltip-field-gap:4px;--radar-tooltip-row-gap:6px;--radar-tooltip-label-color:var(--text-muted);--radar-tooltip-value-color:var(--text);--radar-tooltip-fallback-bg:var(--bg-alt);--radar-tooltip-fallback-border:var(--border);--radar-tooltip-separator-color:var(--border);--radar-tooltip-link-color:var(--primary);--radar-tooltip-img-w:80px;--radar-tooltip-img-h:120px;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:3px;--radius-md:6px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000001a;--shadow-md:0 4px 12px #0000001f;--duration-fast:.15s;--duration-base:.25s;--duration-slow:.4s;--ease-out:cubic-bezier(.16, 1, .3, 1);--font-body:"Roboto", sans-serif;--font-mono:"JetBrains Mono", monospace;--font-brand:"Sixtyfour", cursive;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.5rem;--text-4xl:3rem;--leading-body:1.6;--leading-heading:1.2;--leading-article:1.75;--measure:65ch}:root[theme=light]{--bg:#fafaf5;--bg-alt:#f0ede8;--bg-code:#ece8df;--text:#1e1e24;--text-muted:#6b6b70;--primary:var(--magenta);--primary-glow:#b8156a4d;--accent:#0ea5a0;--danger:#d41919;--border:#0000001a;--scanline:#00000008;--shadow-glow:0 0 12px var(--primary-glow)}:root[theme=dark]{--bg:#0a0e14;--bg-alt:#131820;--bg-code:#0d1117;--text:#d4d4d4;--text-muted:#909090;--primary:var(--green);--primary-glow:#36d07b40;--accent:#ffb454;--danger:#f85149;--border:#ffffff14;--scanline:#ffffff04;--shadow-glow:0 0 12px var(--primary-glow);--blue:#60a5fa;--amber:#facc15;--purple:#c084fc;--cat-dev:var(--green);--cat-video:var(--blue);--cat-read:var(--amber);--cat-audio:var(--purple);--cat-interactive:var(--accent);--cat-dev-glow:#36d07b4d;--cat-video-glow:#60a5fa4d;--cat-read-glow:#facc154d;--cat-audio-glow:#c084fc4d;--cat-interactive-glow:#ffb4544d;--status-done:#4ade80;--status-active:#fb923c;--status-watchlist:#9ca3af}html,body{box-sizing:border-box;height:100%;margin:0}body{font-family:var(--font-body);background:var(--bg);color:var(--text)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}h1,h2,h3,h4,h5,h6{color:var(--text)}nav{padding:var(--space-md);-webkit-backdrop-filter:blur(8px);background:color-mix(in srgb, var(--bg) 85%, transparent);border-bottom:1px solid var(--border);z-index:10;flex-direction:row;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;& .header-left{flex-direction:column;gap:0;display:flex}& .header-brand{font-family:var(--font-brand);font-size:var(--text-2xl);transition:text-shadow var(--duration-fast) var(--ease-out);&:hover{text-shadow:0 0 8px var(--primary-glow)}}& .header-tagline{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);transition:color var(--duration-fast) var(--ease-out), text-shadow var(--duration-fast) var(--ease-out);text-decoration:none;&:hover{color:var(--primary);text-shadow:0 0 8px var(--primary-glow)}}& .header-buttons{gap:var(--space-sm);flex-direction:row;display:flex}}main{flex-grow:2;min-height:80%;padding:1rem 3rem 3rem;display:flex;&>div{width:100%}}a{color:var(--text);cursor:pointer;transition:color var(--duration-fast) var(--ease-out);text-decoration:none;&>svg{fill:var(--text);&:hover{fill:var(--primary)}}&:hover{color:var(--primary)}}button,a.nav-button{cursor:pointer;min-width:44px;min-height:44px;color:var(--text);transition:color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;&:hover{color:var(--primary);transform:scale(1.1);& svg{fill:var(--primary)}}& svg{fill:var(--text);&:hover{fill:var(--primary)}}}blockquote{background:var(--bg-alt);border-left:solid 2px var(--primary);margin:0;font-style:italic;&>p{margin:0 0 0 .5rem}}svg{width:1.5rem;height:1.5rem}.article-list{gap:var(--space-sm);flex-direction:column;width:100%;display:flex;& .empty-list{color:var(--text-muted);justify-content:center;align-self:center}& .article{background:var(--bg-alt);border-radius:var(--radius-md);padding:var(--space-md);align-items:center;gap:var(--space-xl);cursor:pointer;transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), border-left var(--duration-base) var(--ease-out);animation:fadeInUp var(--duration-slow) var(--ease-out) both;border-left:3px solid #0000;flex-direction:row;display:flex;&:hover{box-shadow:var(--shadow-md);border-left:3px solid var(--primary);background:var(--bg-alt);color:var(--text);transform:translateY(-2px)}& .article-date{border:solid 1px var(--primary);border-radius:var(--radius-sm);min-width:55px;overflow:hidden;&>div{padding:0 var(--space-xs);background-color:var(--primary);color:var(--white-dark);text-align:center;font-family:var(--font-mono)}&>div:nth-child(2n){font-size:var(--text-xl);background-color:var(--bg-alt);color:var(--text)}}& .article-content{flex:1;& .article-title{color:var(--text);font-size:var(--text-xl);font-weight:600}& .article-status{color:var(--primary);font-weight:700;font-family:var(--font-mono);font-size:var(--text-xs)}& .article-description{color:var(--text-muted);font-size:var(--text-sm);z-index:10}}}}@media only screen and (width<=900px){nav{&>.header-brand{font-size:1rem}}svg{width:1rem;height:1rem}main{padding:1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}