:root{--bg:#0d0d0d;--sur:#1e1e1e;--fg:#e8e6e1;--acc:#c97d2e;--fg-muted:color-mix(in oklab, var(--fg) 65%, var(--bg));--fg-subtle:color-mix(in oklab, var(--fg) 40%, var(--bg));--fg-ghost:color-mix(in oklab, var(--fg) 20%, var(--bg));--sur-raised:color-mix(in oklab, var(--sur) 80%, var(--fg));--sur-sunken:color-mix(in oklab, var(--sur) 80%, var(--bg));--sur-hover:color-mix(in oklab, var(--sur) 95%, var(--acc));--acc-dim:color-mix(in oklab, var(--acc) 80%, var(--bg));--acc-ghost:color-mix(in oklab, var(--acc) 80%, var(--bg));--acc-sur:color-mix(in oklab, var(--acc) 20%, var(--sur));--bg-overlay:color-mix(in oklab, var(--bg) 88%, var(--fg));--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;scrollbar-width:thin;scrollbar-color:var(--acc-ghost) var(--bg);margin:0;padding:0}html{scroll-behavior:smooth}#app{display:contents}body{background:var(--bg);color:var(--fg);box-sizing:border-box;-webkit-font-smoothing:antialiased;flex-direction:column;max-width:980px;min-height:100dvh;margin:0 auto;padding:3rem 2rem 2rem;font-family:DM Mono,monospace;font-weight:300;display:flex}main{flex-direction:column;flex:1;display:flex}hr{border:none;border-top:1px solid var(--fg-subtle);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);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)}a.tile:not(.muted):hover,a.card:not(.muted):hover,button.tile:not(.muted):hover,button.card:not(.muted):hover{background:var(--sur-hover)}a.tile:not(.muted):hover:before,button.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-muted);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);color:var(--fg-muted);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(--acc);background:var(--acc-sur);border-radius:var(--radius-sm);width:fit-content;transition:all var(--transition-base);padding:.2rem .4rem;text-decoration:none}.tile>.tag{margin-top:1rem}.section-label{font-size:var(--text-xs);letter-spacing:.28em;text-transform:uppercase;color:var(--fg-subtle);margin-bottom:.85rem}.intro-block{gap:var(--space-4);flex-direction:column;display:flex}.intro-block p{font-size:var(--text-base);color:var(--fg-muted);font-style:italic;line-height:1.7}.muted{color:var(--fg-muted);opacity:.5}.muted .tag{color:var(--fg);background-color:var(--fg-ghost)}@media (width<=480px){.grid{grid-template-columns:1fr}}.header-left.svelte-1l8nvlt{align-items:center;gap:var(--space-5);color:inherit;text-decoration:none;display:flex}.header-left.svelte-1l8nvlt h1:where(.svelte-1l8nvlt){font:700 var(--text-xl) "DM Mono", monospace;color:var(--fg)}.subtitle.svelte-1l8nvlt{margin-top:var(--space-1);font-size:var(--text-base);color:var(--fg);opacity:.6}.theme-wrapper.svelte-1u317mj{justify-content:center;align-items:center;display:flex;position:relative}.swatch.svelte-1u317mj{background:var(--swatch-bg);cursor:pointer;width:36px;height:36px;transition:transform var(--transition-fast), border-color var(--transition-fast);border:2px solid #0000;border-radius:25%;justify-content:center;align-items:center;display:flex;position:relative}.swatch.svelte-1u317mj:hover{z-index:10;transform:scale(1.12)}.swatch.active.svelte-1u317mj:after{content:"";background:var(--acc);border-radius:3px;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.theme-icon.svelte-1u317mj{background:var(--swatch-bg);border-radius:25%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.theme-dropdown.svelte-1u317mj{z-index:var(--z-dropdown);gap:var(--space-4);background:var(--sur);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);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.svelte-1u317mj{opacity:1;visibility:visible;transform:translateY(0)}.theme-dropdown.svelte-1u317mj: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)}@media (width<=480px){.theme-dropdown.svelte-1u317mj{right:-1rem}.theme-dropdown.svelte-1u317mj:before{right:1.5rem}}header.svelte-a8kxe2{justify-content:space-between;align-items:center;width:100%;display:flex}footer.svelte-4jwo3w{width:100%;margin-top:auto}.footer-inner.svelte-4jwo3w{justify-content:space-between;align-items:center;width:100%;max-width:980px;padding:0 2rem;display:flex}footer.svelte-4jwo3w span:where(.svelte-4jwo3w),footer.svelte-4jwo3w a:where(.svelte-4jwo3w){font-size:var(--text-sm);color:var(--fg);opacity:.8;text-decoration:none}footer.svelte-4jwo3w a:where(.svelte-4jwo3w):hover{color:var(--acc);opacity:.9}footer.svelte-4jwo3w nav:where(.svelte-4jwo3w){gap:1.5rem;display:flex}.footer-name.svelte-4jwo3w{color:inherit;text-decoration:none}