:root { --bg:#fbfbf9; --fg:#1a1a18; --dim:#6b6b64; --line:#e2e2dc;
        --add:#1f7a3d; --del:#b02020; --warn:#8a6d1f; --card:#fff; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#16161a; --fg:#e8e8e4; --dim:#9a9a92; --line:#2e2e34;
          --add:#5fc27e; --del:#f07070; --warn:#d4b34a; --card:#1e1e23; }
}
* { box-sizing:border-box; }
body { margin:0; padding:1.5rem 1rem 4rem; background:var(--bg); color:var(--fg);
       font:15px/1.55 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; }
.wrap { max-width:900px; margin:0 auto; }
h1 { font-size:1.35rem; margin:0 0 .3rem; }
h2 { font-size:1.05rem; margin:2rem 0 .6rem; padding-bottom:.3rem; border-bottom:1px solid var(--line); }
a { color:inherit; }
.sub { color:var(--dim); font-size:.87rem; margin-bottom:1.2rem; }
.sub a { color:var(--dim); }
.addr { font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.92rem; }
ul.addrs { list-style:none; margin:0; padding:0; }
ul.addrs li { padding:.28rem .5rem; border-bottom:1px solid var(--line); cursor:pointer; }
ul.addrs li:hover { background:var(--card); }
ul.addrs li.copied::after { content:" скопировано"; color:var(--add); font-size:.78rem;
                            font-family:inherit; }
.cities { display:grid; grid-template-columns:repeat(auto-fill,minmax(215px,1fr)); gap:.15rem .8rem; }
.cities a { display:flex; justify-content:space-between; gap:.5rem; padding:.22rem .35rem;
            text-decoration:none; border-bottom:1px solid var(--line); }
.cities a:hover { background:var(--card); }
.cities .n { color:var(--dim); font-size:.85rem; }
.day { margin:.9rem 0 .2rem; font-weight:600; font-size:.9rem; }
.ev { display:flex; gap:.55rem; padding:.16rem .4rem; align-items:baseline; }
.ev .m { color:var(--dim); font-size:.85rem; min-width:8.5rem; }
.ev.added .s { color:var(--add); } .ev.removed .s { color:var(--del); }
.ev.missing .s, .ev.returned .s { color:var(--warn); }
.ev .s { width:1rem; font-weight:700; }
.empty { color:var(--dim); font-style:italic; }
.note { background:var(--card); border:1px solid var(--line); border-radius:6px;
        padding:.7rem .9rem; color:var(--dim); font-size:.85rem; margin:1rem 0; }
footer { margin-top:3rem; color:var(--dim); font-size:.82rem; border-top:1px solid var(--line);
         padding-top:.8rem; }