:root{--gl-bg: #0a0a0a;--gl-surface: #111;--gl-card: #0f0f0f;--gl-border: rgba(255, 255, 255, .08);--gl-text-primary: rgba(255, 255, 255, .95);--gl-text-secondary: rgba(255, 255, 255, .6);--gl-text-muted: rgba(255, 255, 255, .4);--gl-accent: #22c55e}.light{--gl-bg: #fafafa;--gl-surface: #fff;--gl-card: #f5f5f4;--gl-border: rgba(0, 0, 0, .08);--gl-text-primary: rgba(0, 0, 0, .9);--gl-text-secondary: rgba(0, 0, 0, .6);--gl-text-muted: rgba(0, 0, 0, .4);--gl-accent: #16a34a}.graph-library{min-height:100vh;background:var(--gl-bg);color:var(--gl-text-primary)}.graph-library__nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--gl-bg)}@media (min-width: 1024px){.graph-library__nav{padding:1.5rem 2.5rem}}.graph-library__nav-left{display:flex;align-items:center}.graph-library__nav-right{display:flex;align-items:center;gap:.75rem}.graph-library__logo{color:var(--gl-text-primary);transition:opacity .15s ease}.graph-library__logo:hover{opacity:.7}.graph-library__logo svg{height:24px;width:auto}@media (min-width: 1024px){.graph-library__logo svg{height:28px}}.graph-library__theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--gl-surface);border:1px solid var(--gl-border);color:var(--gl-text-secondary);cursor:pointer;transition:all .15s ease}.graph-library__theme-toggle:hover{background:var(--gl-border);color:var(--gl-text-primary)}.graph-library__theme-toggle svg{width:18px;height:18px}.graph-library__content{padding:6rem 1.5rem 4rem}@media (min-width: 768px){.graph-library__content{padding:8rem 2.5rem 4rem}}@media (min-width: 1024px){.graph-library__content{padding:8rem 4rem 4rem}}.graph-library__header{max-width:1200px;margin:0 auto 3rem}@media (min-width: 768px){.graph-library__header{margin-bottom:4rem}}.graph-library__title{font-size:2.5rem;font-weight:600;letter-spacing:-.02em;margin:0 0 .75rem}@media (min-width: 768px){.graph-library__title{font-size:3.5rem}}.graph-library__subtitle{font-size:1.125rem;color:var(--gl-text-secondary);margin:0;max-width:480px}@media (min-width: 768px){.graph-library__subtitle{font-size:1.25rem}}.graph-library__grid{display:grid;grid-template-columns:1fr;gap:1rem;max-width:1200px;margin:0 auto}@media (min-width: 640px){.graph-library__grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (min-width: 1024px){.graph-library__grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.graph-card{display:block;text-decoration:none;color:inherit;outline:none}.graph-card__inner{position:relative;padding:1.5rem;background:var(--gl-card);border-radius:16px;border:1px solid var(--gl-border);box-shadow:inset 0 0 0 1px #ffffff05,inset 0 1px 2px #0000001a,0 1px 2px #0000000d;transition:border-color .2s ease,box-shadow .2s ease;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;min-height:180px}@media (min-width: 768px){.graph-card__inner{padding:2rem;border-radius:20px;min-height:200px}}.graph-card:hover .graph-card__inner{border-color:var(--gl-accent);box-shadow:inset 0 0 0 1px #ffffff05,inset 0 1px 2px #0000001a,0 0 0 1px var(--gl-accent),0 4px 16px #22c55e1a}.graph-card:focus-visible .graph-card__inner{outline:2px solid var(--gl-accent);outline-offset:2px}.light .graph-card__inner{box-shadow:inset 0 0 0 1px #00000005,inset 0 1px 2px #0000000a,0 1px 2px #00000008}.graph-card:hover .light .graph-card__inner{box-shadow:inset 0 0 0 1px #00000005,inset 0 1px 2px #0000000a,0 0 0 1px var(--gl-accent),0 4px 16px #16a34a14}.graph-card__content{flex:1;display:flex;flex-direction:column;gap:1rem}.graph-card__header{display:flex;flex-direction:column;gap:.25rem}.graph-card__title{font-size:1.25rem;font-weight:600;margin:0;letter-spacing:-.01em}@media (min-width: 768px){.graph-card__title{font-size:1.5rem}}.graph-card__tagline{font-size:.875rem;color:var(--gl-text-secondary);margin:0;line-height:1.4}@media (min-width: 768px){.graph-card__tagline{font-size:.9375rem}}.graph-card__stats{display:flex;gap:1.25rem;flex-wrap:wrap}.graph-card__stat{display:flex;align-items:baseline;gap:.25rem}.graph-card__stat-value{font-size:.9375rem;font-weight:600;color:var(--gl-accent);font-variant-numeric:tabular-nums}.graph-card__stat-label{font-size:.75rem;color:var(--gl-text-muted);text-transform:lowercase}.graph-card__nodes{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:auto}.graph-card__node-badge{display:inline-flex;align-items:center;padding:0rem .625rem;font-size:.6875rem;font-weight:500;color:var(--gl-text-secondary);background:transparent;border:1px solid var(--gl-border);border-radius:100px;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis;transition:border-color .15s ease,color .15s ease}.graph-card:hover .graph-card__node-badge{border-color:#22c55e4d;color:var(--gl-text-primary)}.graph-card__node-more{display:inline-flex;align-items:center;padding:.125rem .375rem;font-size:.6875rem;font-weight:500;color:var(--gl-text-muted)}.graph-card__arrow{flex-shrink:0;color:var(--gl-text-muted);margin-top:.25rem}.graph-card:hover .graph-card__arrow{color:var(--gl-accent)}.graph-library__footer{max-width:1200px;margin:4rem auto 0;text-align:center}.graph-library__footer p{font-size:.875rem;color:var(--gl-text-muted);margin:0}.graph-library__footer p a{color:var(--gl-text-secondary);text-decoration:none;transition:color .15s ease}.graph-library__footer p a:hover{color:var(--gl-accent)}html{background:#0a0a0a}html.light{background:#fafafa}body{margin:0;padding:0}