:root { --bg:#f6f5f2; --card:#fff; --fg:#1d1d1f; --muted:#6b6b70; --line:#e3e1dc;
        --accent:#d71920; --ok:#15803d; --bad:#b91c1c; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#141416; --card:#1e1e21; --fg:#ececee; --muted:#9a9aa2; --line:#2e2e33;
          --accent:#ff4d4f; --ok:#4ade80; --bad:#f87171; } }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--fg);
       font:16px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
header { background:var(--card); border-bottom:1px solid var(--line); }
header .in, main { max-width:820px; margin:0 auto; padding:12px 16px; }
header .in { display:flex; gap:16px; align-items:center; flex-wrap:wrap; }
header .brand { margin-right:auto; display:flex; align-items:center; gap:10px;
                font-weight:700; }
.logo { width:36px; height:36px; border-radius:50%; display:block; }
.logo.big { width:120px; height:120px; margin:0 auto 12px; }
.login h1 { text-align:center; }
header a { color:var(--fg); text-decoration:none; }
header a.on { color:var(--accent); font-weight:600; }
h1 { font-size:22px; margin:8px 0 16px; }
h2 { font-size:17px; margin:24px 0 8px; }
a { color:var(--accent); }
.card { background:var(--card); border:1px solid var(--line); border-radius:10px;
        padding:14px 16px; margin-bottom:12px; }
.row { display:flex; gap:12px; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.muted { color:var(--muted); font-size:14px; }
.msg { background:var(--card); border-left:3px solid var(--accent); padding:10px 14px;
       margin-bottom:16px; border-radius:6px; }
form.inline { display:inline; }
input[type=text], input[type=password], textarea {
  width:100%; padding:9px 11px; border:1px solid var(--line); border-radius:8px;
  background:var(--bg); color:var(--fg); font:inherit; }
textarea { min-height:90px; }
label { display:block; margin:10px 0 4px; font-size:14px; color:var(--muted); }
button { font:inherit; padding:8px 14px; border-radius:8px; border:1px solid var(--line);
         background:var(--card); color:var(--fg); cursor:pointer; }
button.main { background:var(--accent); border-color:var(--accent); color:#fff; }
button.danger { color:var(--bad); }
.btns { display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
.tag { font-size:13px; padding:2px 8px; border-radius:99px; border:1px solid var(--line);
       color:var(--muted); white-space:nowrap; }
.tag.ok { color:var(--ok); border-color:currentColor; }
.tag.bad { color:var(--bad); border-color:currentColor; }
ul.slots { list-style:none; padding:0; margin:0; }
img.poster { max-width:220px; width:100%; border-radius:8px; display:block; }
.thumb { width:132px; height:192px; object-fit:cover; border-radius:8px; flex:none; display:block;
         background:var(--line); }
a.thumb-link { flex:none; transition:transform .15s; }
a.thumb-link:hover { transform:scale(1.03); }
@media (max-width:420px) { .thumb { width:96px; height:140px; } }
.with-thumb { display:flex; gap:16px; align-items:center; }
ul.slots li { display:flex; justify-content:space-between; gap:8px; align-items:center;
              padding:6px 0; border-bottom:1px solid var(--line); }