:root,:root[data-theme=dark]{--bg: #07090e;--bg-raised: #10141d;--bg-elevated: #1e293b;--card-tint: rgba(16, 20, 29, .6);--border: #1c2636;--border-strong: #334155;--fg: #e2e8f0;--fg-dim: #94a3b8;--fg-muted: #64748b;--accent: #5eead4;--accent-hover: #99f6e4;--accent-2: #a78bfa;--accent-3: #f472b6;--accent-soft: rgba(94, 234, 212, .08);--gradient-accent: linear-gradient(135deg, #5eead4 0%, #a78bfa 55%, #f472b6 100%);--orb-1: rgba(167, 139, 250, .22);--orb-2: rgba(94, 234, 212, .14);--orb-3: rgba(244, 114, 182, .08);--grid-dot: rgba(255, 255, 255, .035);--avatar-glow-1: rgba(94, 234, 212, .18);--avatar-glow-2: rgba(167, 139, 250, .12);color-scheme:dark;--radius: 10px;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace}:root[data-theme=light]{--bg: #faf9f5;--bg-raised: #ffffff;--bg-elevated: #f3f1ea;--card-tint: rgba(255, 255, 255, .75);--border: #e8e4d8;--border-strong: #c9c3b3;--fg: #1a1915;--fg-dim: #4a4842;--fg-muted: #7a7770;--accent: #cc785c;--accent-hover: #b8633f;--accent-2: #cc785c;--accent-3: #cc785c;--accent-soft: rgba(204, 120, 92, .08);--gradient-accent: #cc785c;--orb-1: transparent;--orb-2: transparent;--orb-3: transparent;--grid-dot: transparent;--avatar-glow-1: rgba(204, 120, 92, .1);--avatar-glow-2: rgba(204, 120, 92, .04);color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;min-height:100vh;overflow-x:hidden;transition:background .2s ease,color .2s ease}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(ellipse 70% 55% at 15% -5%,var(--orb-1),transparent 60%),radial-gradient(ellipse 55% 45% at 90% 10%,var(--orb-2),transparent 60%),radial-gradient(ellipse 60% 40% at 70% 95%,var(--orb-3),transparent 60%)}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(circle at 1px 1px,var(--grid-dot) 1px,transparent 0);background-size:28px 28px;mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,black,transparent 95%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,black,transparent 95%)}a{color:var(--accent);text-decoration:none;transition:color .15s ease}a:hover{color:var(--accent-hover)}main{max-width:720px;margin:0 auto;padding:5rem 1.5rem 4rem}section{margin-bottom:4.5rem}section>h2{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--fg-dim);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.grid{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:.5rem;margin-inline:-1.5rem;padding-inline:1.5rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.grid::-webkit-scrollbar{height:6px}.grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.grid::-webkit-scrollbar-thumb:hover{background:var(--fg-muted)}.grid>*{flex:0 0 calc(33.333% - .667rem);min-width:220px;scroll-snap-align:start}@media(max-width:640px){main{padding:3rem 1.25rem}.grid{margin-inline:-1.25rem;padding-inline:1.25rem}.grid>*{flex:0 0 85%}}.card{background:linear-gradient(180deg,var(--bg-raised),var(--card-tint));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem;display:flex;flex-direction:column;gap:.4rem;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.card:hover{border-color:var(--accent-2);transform:translateY(-2px);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-2) 18%,transparent),0 8px 30px color-mix(in srgb,var(--accent) 8%,transparent),0 2px 10px color-mix(in srgb,var(--accent-2) 10%,transparent)}.card h3{font-size:.95rem;font-weight:600;margin:0}.card p{font-size:.82rem;color:var(--fg-dim);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card .meta{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:auto;padding-top:.5rem;font-size:.72rem;color:var(--fg-muted)}.tag{display:inline-block;padding:.1rem .45rem;background:var(--accent-soft);color:var(--accent);border-radius:4px;font-size:.66rem;font-family:var(--font-mono);font-weight:500;letter-spacing:.03em;align-self:flex-start}::selection{background:var(--accent);color:var(--bg)}.theme-toggle[data-astro-cid-x3pjskd3]{position:fixed;top:1.25rem;right:1.25rem;z-index:10;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-raised);border:1px solid var(--border);border-radius:999px;color:var(--fg-dim);cursor:pointer;transition:color .15s ease,border-color .15s ease,transform .15s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.theme-toggle[data-astro-cid-x3pjskd3]:hover{color:var(--accent);border-color:var(--accent);transform:scale(1.05)}.theme-toggle[data-astro-cid-x3pjskd3]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon[data-astro-cid-x3pjskd3]{display:inline-flex;align-items:center;justify-content:center;transition:opacity .15s ease,transform .2s ease}:root[data-theme=dark] .icon-sun[data-astro-cid-x3pjskd3],:root:not([data-theme=light]) .icon-sun[data-astro-cid-x3pjskd3]{position:absolute;opacity:0;transform:rotate(-90deg) scale(.6);pointer-events:none}:root[data-theme=dark] .icon-moon[data-astro-cid-x3pjskd3],:root:not([data-theme=light]) .icon-moon[data-astro-cid-x3pjskd3]{opacity:1;transform:rotate(0) scale(1)}:root[data-theme=light] .icon-moon[data-astro-cid-x3pjskd3]{position:absolute;opacity:0;transform:rotate(90deg) scale(.6);pointer-events:none}:root[data-theme=light] .icon-sun[data-astro-cid-x3pjskd3]{opacity:1;transform:rotate(0) scale(1)}@media(max-width:640px){.theme-toggle[data-astro-cid-x3pjskd3]{top:1rem;right:1rem;width:34px;height:34px}}#video-lightbox{max-width:min(92vw,1200px);max-height:90vh;width:100%;padding:0;background:#000;border:1px solid var(--border);border-radius:10px;overflow:hidden}#video-lightbox::backdrop{background:#000000c7;backdrop-filter:blur(4px)}#video-lightbox video{width:100%;height:100%;max-height:90vh;display:block;background:#000}#video-lightbox .lightbox-close{position:absolute;top:.5rem;right:.5rem;width:36px;height:36px;border-radius:50%;background:#07090ed9;color:#fff;border:1px solid rgba(255,255,255,.15);font-size:1.4rem;line-height:1;cursor:pointer;z-index:1}#video-lightbox .lightbox-close:hover{background:#07090e}
