:root{
    --bg:#11110f; --bg-card:#181815; --border:#2a2a25;
    --text:#f4f1ea; --text-dim:#a8a595; --accent:#c99a3f;
    --live:#6fae66; --broken:#c9603f; --unknown:#8a8a80;
  }
  *{box-sizing:border-box}
  body{margin:0;background:var(--bg);color:var(--text);
    font-family:'Inter',system-ui,sans-serif;line-height:1.5}
  header{padding:56px 24px 32px;max-width:1080px;margin:0 auto}
  h1{font-family:'DM Serif Display',serif;font-size:2.4rem;font-weight:400;
    margin:0 0 8px;color:var(--accent)}
  .sub{color:var(--text-dim);font-family:'Source Serif 4',serif;font-size:1.05rem;margin:0}
  .controls{max-width:1080px;margin:0 auto;padding:0 24px 24px;
    display:flex;gap:12px;flex-wrap:wrap;align-items:center}
  input[type=search]{background:var(--bg-card);border:1px solid var(--border);
    color:var(--text);padding:10px 14px;border-radius:8px;font-size:0.95rem;
    flex:1;min-width:200px;font-family:inherit}
  input[type=search]:focus{outline:1px solid var(--accent)}
  .chip{background:transparent;border:1px solid var(--border);color:var(--text-dim);
    padding:8px 14px;border-radius:20px;font-size:0.85rem;cursor:pointer;
    font-family:inherit;transition:all .15s}
  .chip.active{background:var(--accent);border-color:var(--accent);color:#11110f;font-weight:500}
  .chip:hover:not(.active){border-color:var(--accent);color:var(--text)}
  main{max-width:1080px;margin:0 auto;padding:0 24px 64px}
  .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
  .card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;
    padding:20px;display:flex;flex-direction:column;gap:10px;text-decoration:none;
    color:inherit;transition:border-color .15s,transform .15s}
  .card:hover{border-color:var(--accent);transform:translateY(-2px)}
  .card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
  .card h2{font-size:1.05rem;font-weight:600;margin:0;font-family:'Inter',sans-serif}
  .badge{font-size:0.68rem;text-transform:uppercase;letter-spacing:.04em;
    padding:3px 8px;border-radius:4px;white-space:nowrap;font-weight:500}
  .badge.live{background:rgba(111,174,102,.15);color:var(--live)}
  .badge.broken{background:rgba(201,96,63,.15);color:var(--broken)}
  .badge.unknown{background:rgba(138,138,128,.15);color:var(--unknown)}
  .badge.dead{background:rgba(138,138,128,.15);color:var(--unknown);text-decoration:line-through}
  .card p.desc{color:var(--text-dim);font-size:0.88rem;margin:0;flex:1}
  .meta{font-family:'JetBrains Mono',monospace;font-size:0.72rem;color:var(--text-dim);
    display:flex;flex-direction:column;gap:3px;border-top:1px solid var(--border);
    padding-top:10px;margin-top:2px}
  .meta .url{color:var(--accent)}
  .note{font-size:0.76rem;color:var(--broken);font-style:italic}
  .empty{color:var(--text-dim);text-align:center;padding:60px 0;font-family:'Source Serif 4',serif}
  footer{max-width:1080px;margin:0 auto;padding:24px;color:var(--text-dim);
    font-size:0.78rem;border-top:1px solid var(--border);font-family:'JetBrains Mono',monospace}