/* Палитра/типографика — только из docs/05-visual-system.md §1–§2 (правило 10) */
  :root{ --night:#0b0d17; --horizon:#1a1030; --mon:#151726; --mon-edge:#1e2138;
    --cold:#7fa8c9; --cold-core:#dcecf7; --parch:#e9e2d0; --dim:#7a7e96;
    --gold:#d9a441; --ember:#ff6a4d; }
  *{margin:0;padding:0;box-sizing:border-box}
  body{min-height:100vh;background:linear-gradient(180deg,var(--night) 0%,#101221 65%,var(--horizon) 100%);
    color:var(--parch);font-family:'JetBrains Mono',monospace;padding:32px 18px 60px}
  header{text-align:center;margin-bottom:30px}
  header h1{font-family:'Playfair Display',serif;font-weight:700;font-size:30px;letter-spacing:.28em}
  header h1 span{color:var(--gold)}
  header p{font-size:10.5px;color:var(--dim);letter-spacing:.14em;margin-top:8px}
  header .line{width:160px;height:1px;background:var(--gold);opacity:.55;margin:16px auto 0}
  #wall{display:grid;gap:16px;max-width:1120px;margin:0 auto;
    grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
  .m{position:relative;background:var(--mon);border:1px solid var(--mon-edge);
    padding:20px 18px 16px;overflow:hidden}
  .m .halo{position:absolute;top:-40px;left:50%;transform:translateX(-50%);
    width:220px;height:220px;border-radius:50%;pointer-events:none;
    background:radial-gradient(circle,rgba(127,168,201,.20),rgba(127,168,201,0) 70%)}
  .m .spark{position:absolute;top:26px;left:50%;transform:translateX(-50%);
    width:5px;height:5px;border-radius:50%;background:var(--cold-core);opacity:.6}
  .m .nm{font-family:'Playfair Display',serif;font-size:20px;color:var(--parch);
    margin-top:22px;position:relative;display:block;text-decoration:none}
  .m .nm:hover{color:var(--gold)}
  .m .cr{font-size:10.5px;color:var(--dim);letter-spacing:.06em;margin:4px 0 12px}
  .m .ep{font-family:'Playfair Display',serif;font-style:italic;font-size:14px;
    color:var(--parch);opacity:.86;line-height:1.5;min-height:42px}
  .m .ft{border-top:1px dashed rgba(122,126,150,.3);margin-top:12px;padding-top:9px;
    font-size:10px;color:var(--dim);letter-spacing:.04em}
  .m .debt{color:var(--ember)}
  .m .fame{color:var(--gold)}
  #empty{text-align:center;color:var(--dim);font-size:13px;margin-top:40px}
  nav{max-width:1120px;margin:0 auto 18px}
  nav a{color:var(--dim);text-decoration:none;font-size:11px;letter-spacing:.1em}
  nav a:hover{color:var(--gold)}
  #tools{max-width:1120px;margin:0 auto 22px;display:flex;gap:10px;flex-wrap:wrap;
    align-items:center;font-size:10px;letter-spacing:.1em;color:var(--dim)}
  #tools select{font-family:inherit;font-size:10px;letter-spacing:.08em;color:var(--parch);
    background:var(--mon);border:1px solid var(--mon-edge);padding:6px 9px}
  #count{margin-left:auto}