:root{--bg:#0b0b10;--surface:#14141c;--surface-hover:#1b1b26;--border:#272733;--border-hover:#3d3d4f;--text:#f2f2f7;--text-dim:#9a9aae;--accent:#7b7bff;color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}.page{max-width:54rem;margin:0 auto;padding:clamp(3rem,10vw,7rem) 1.5rem 4rem}.eyebrow{margin:0 0 .75rem;font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.title{margin:0 0 1rem;font-size:clamp(2rem,6vw,3rem);line-height:1.1;letter-spacing:-.02em}.intro{margin:0 0 3.5rem;max-width:42rem;color:var(--text-dim);font-size:1.0625rem}.sites{display:grid;grid-gap:1rem;gap:1rem;padding:0;margin:0;list-style:none}.card{display:block;padding:1.5rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface);color:inherit;text-decoration:none;transition:background .15s ease,border-color .15s ease,transform .15s ease}.card:focus-visible,.card:hover{background:var(--surface-hover);border-color:var(--border-hover);transform:translateY(-2px)}.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card-title{margin:0 0 .5rem;font-size:1.25rem;letter-spacing:-.01em}.card-blurb{margin:0 0 1rem;color:var(--text-dim);font-size:.9375rem}.card-path{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.8125rem;color:var(--accent)}.empty{padding:2rem;border:1px dashed var(--border);border-radius:.75rem}.empty,.footer{color:var(--text-dim)}.footer{margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--border);font-size:.875rem}.footer a{color:var(--text-dim)}@media (prefers-reduced-motion:reduce){.card{transition:none}.card:focus-visible,.card:hover{transform:none}}