:root{--bg:#0d0d0d;--sur:#1e1e1e;--fg:#e8e6e1;--acc:#c97d2e;--sur-hover:color-mix(in srgb, var(--sur) 50%, transparent);--bg-hover:color-mix(in srgb, var(--fg) 2%, transparent);--bg-overlay:color-mix(in srgb, var(--bg) 88%, transparent);--text-xs:.5rem;--text-sm:.6rem;--text-base:.7rem;--text-md:.85rem;--text-lg:.88rem;--text-xl:1.6rem;--text-2xl:1.8rem;--space-1:.15rem;--space-2:.25rem;--space-3:.4rem;--space-4:.6rem;--space-5:.75rem;--space-6:1rem;--space-7:1.25rem;--space-8:1.5rem;--space-9:2rem;--space-10:3rem;--radius-sm:3px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:100%;--ease-out:cubic-bezier(.16, 1, .3, 1);--transition-fast:.12s ease;--transition-base:.2s ease;--transition-smooth:.2s var(--ease-out);--z-dropdown:100;--z-overlay:200}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;flex-direction:column;gap:3rem;max-width:980px;min-height:100svh;margin:0 auto;padding:3rem 2rem 2rem;font-family:DM Mono,monospace;font-weight:300;display:flex}main{padding-bottom:56px}hr{border:none;border-top:1px solid var(--fg);opacity:.25;margin:1.25rem 0}.grid{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.grid.single{grid-template-columns:1fr}.card,.tile{background:var(--sur);border-radius:var(--radius-md);transition:background var(--transition-base), border-color var(--transition-base);flex-direction:column;display:flex;position:relative;overflow:hidden}.tile{color:inherit;height:100%;padding:1.5rem 1.25rem 1.25rem;text-decoration:none}a.card,a.tile{cursor:pointer}.card-accent:before,a.tile:before{content:"";background:var(--acc);transform-origin:bottom;width:3px;transition:transform var(--transition-base);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.tile:not(.muted):hover,.card:not(.muted):hover{background:var(--sur-hover)}a.tile:not(.muted):hover:before,.card-accent:not(.muted):hover:before{transform:scaleY(1)}.card-label,.tile .host{font-size:var(--text-xs);color:var(--acc);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.6rem}.card-title,.tile .name{font-size:var(--text-lg);color:var(--fg);margin-bottom:.5rem;line-height:1}.card-desc,.tile .desc{color:var(--fg);opacity:1;font-size:.63rem;font-style:italic;line-height:1.65}.tile ul{gap:var(--space-3);margin-top:var(--space-2);flex-direction:column;list-style:none;display:flex}.tile ul li{font-size:var(--text-base);opacity:.8;align-items:center;gap:var(--space-3);display:flex}.tile ul li:before{content:"·";color:var(--acc);font-weight:700}.tag{font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--fg);background:color-mix(in srgb, var(--acc) 10%, transparent);border-radius:var(--radius-sm);width:fit-content;transition:all var(--transition-base);padding:.2rem .4rem;text-decoration:none}a.tag:hover,.tag-accent,a.card .tag,a.tile .tag,.tile .tag.live{color:var(--acc)}.tile>.tag{margin-top:1rem}.section-label{font-size:var(--text-xs);letter-spacing:.28em;text-transform:uppercase;color:var(--fg);margin-bottom:.85rem}.intro-block{gap:var(--space-4);flex-direction:column;display:flex}.intro-block p{font-size:var(--text-base);opacity:.75;font-style:italic;line-height:1.7}.muted{opacity:.7}.muted .card-label,.muted .tile .host{color:var(--fg);opacity:.7}.muted .tag{color:var(--acc)}@media (width<=480px){.grid{grid-template-columns:1fr}}header{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.header-left{align-items:center;gap:var(--space-5);color:inherit;text-decoration:none;display:flex}.header-left svg{flex-shrink:0}.header-left h1{font-family:DM Mono,monospace;font-size:var(--text-xl);font-weight:700;line-height:var(--leading-snug);color:var(--fg)}.header-left .subtitle{font-size:var(--text-base);color:var(--fg);opacity:.6;margin-top:var(--space-1)}.theme-wrapper{flex-shrink:0;position:relative}.theme-btn{border:1px solid var(--border-subtle);cursor:pointer;width:32px;height:32px;transition:border-color var(--transition-base), transform var(--transition-fast);background:0 0;border-radius:100%;flex-direction:row;padding:0;display:flex;overflow:hidden}.theme-btn-half{pointer-events:none;width:50%;height:100%}.theme-btn:hover,.theme-btn.active{border-color:var(--border-strong);transform:scale(1.08)}.theme-dropdown{background:var(--sur);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);gap:var(--space-4);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transition:all var(--transition-smooth);grid-template-columns:repeat(4,1fr);padding:1rem;display:grid;position:absolute;top:calc(100% + 15px);right:0;transform:translateY(-10px);box-shadow:0 10px 40px -10px #000c}.theme-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.theme-dropdown:before{content:"";background:var(--sur);border-top:1px solid var(--border-subtle);border-left:1px solid var(--border-subtle);width:10px;height:10px;position:absolute;top:-6px;right:14px;transform:rotate(45deg)}.swatch{cursor:pointer;width:36px;height:36px;transition:transform var(--transition-fast), border-color var(--transition-fast);background:0 0;border:2px solid #0000;border-radius:50%;flex-shrink:0;position:relative;overflow:hidden}.swatch:hover{z-index:10;transform:scale(1.12)}.swatch.active{border-color:var(--fg)}.sh{pointer-events:none;width:50%;position:absolute;top:0;bottom:0}.sh.l{left:0}.sh.r{right:0}@media (width<=480px){.theme-dropdown{right:-1rem}.theme-dropdown:before{right:1.5rem}}footer{width:100%;margin-top:auto}.footer-inner{justify-content:space-between;align-items:center;width:100%;max-width:980px;padding:0 2rem;display:flex}footer span,footer a{font-size:var(--text-sm);color:var(--fg);opacity:.8;text-decoration:none}footer a:hover{color:var(--acc);opacity:.9}footer nav{gap:1.5rem;display:flex}.footer-name{color:inherit;text-decoration:none}.ai-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.ai-card{gap:var(--space-2);padding:var(--space-6) var(--space-7);text-decoration:none}.ai-name{font-size:var(--text-base);color:var(--fg);letter-spacing:.04em}.ai-desc{font-size:var(--text-sm);color:var(--fg);opacity:.6;font-style:italic}@media (width<=600px){.ai-grid{grid-template-columns:1fr}}.icon-grid{gap:var(--space-7);grid-template-columns:repeat(3,1fr);display:grid}.icon-card{align-items:center;gap:var(--space-5);cursor:zoom-in;border:none;padding:1.1rem 1rem .9rem}.icon-frame{flex-shrink:0;justify-content:center;align-items:center;width:128px;height:128px;display:flex}.icon-frame img{object-fit:contain;max-width:100%;max-height:100%;image-rendering:pixelated;pointer-events:none}.icon-meta{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;width:100%;display:flex}.icon-name{color:var(--fg);letter-spacing:.04em;font-size:.65rem;line-height:1.3}.icon-desc{font-size:var(--text-xs);color:var(--fg);opacity:.65;font-style:italic;line-height:1.55}.lightbox{z-index:var(--z-overlay);justify-content:center;align-items:center;gap:var(--space-8);background:var(--bg-overlay);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity var(--transition-base), visibility var(--transition-base);cursor:zoom-out;flex-direction:column;display:flex;position:fixed;inset:0}.lightbox.open{opacity:1;visibility:visible}.lightbox img{object-fit:contain;max-width:min(80vw,800px);max-height:60vh;image-rendering:pixelated;border:1px solid color-mix(in srgb, var(--fg) 20%, transparent);border-radius:var(--radius-md);transition:transform var(--transition-smooth);pointer-events:none;transform:scale(.92)}.lightbox.open img{transform:scale(1)}.lightbox-meta{align-items:center;gap:var(--space-3);text-align:center;pointer-events:none;flex-direction:column;display:flex}.lightbox-name{letter-spacing:.06em;color:var(--fg);font-size:.8rem}.lightbox-desc{font-size:var(--text-sm);color:var(--fg);opacity:.6;font-style:italic}@media (width<=600px){.icon-grid{grid-template-columns:repeat(2,1fr)}}section{margin-top:3rem}.hero{gap:var(--space-7);flex-direction:column;display:flex}.hero .eyebrow{font-size:var(--text-xs);letter-spacing:.28em;text-transform:uppercase;color:var(--acc);align-items:center;gap:var(--space-5);display:flex}.hero .eyebrow:before{content:"";background:var(--acc);width:24px;height:1px;display:block}.hero h2{font-size:var(--text-2xl);font-weight:300;line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}.hero h2 em{color:var(--acc);font-style:italic}.hero p{font-size:var(--text-md);opacity:.8;line-height:var(--leading-relaxed-xl)}