:root{
  --bg:#F3F1F6; --surface:#FFFFFF; --sunken:#E9E5F0; --ink:#1E1830; --muted:#6B6480; --line:#DAD4E4;
  --accent:#A3195B; --accent-ink:#FFFFFF; --accent-soft:#F6E1EB; --warn:#8A5200; --warn-soft:#FBEFD9; --bad:#C4302B;
  --hall-bg:#120C1C; --hall-bg2:#2A1633; --hall-ink:#F6EFE4; --hall-gold:#E3B66B; --hall-dim:#A99FBB;
  --f-display:'Prata',Georgia,'Times New Roman',serif;
  --f-body:'Onest',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --f-hand:'Caveat','Segoe Script','Comic Sans MS',cursive;
}
@media (prefers-color-scheme: dark){ :root{
  --bg:#15111F; --surface:#1F1A2D; --sunken:#191425; --ink:#EFEBF7; --muted:#A69FBA; --line:#372F4B;
  --accent:#E0679B; --accent-ink:#22081A; --accent-soft:#3A1B2C; --warn:#F0B95B; --warn-soft:#3A2C12; --bad:#FF8A84; color-scheme:dark } }

/* Тема события задаёт эти значения из themes.js (applyTheme); здесь — запасные, как у темы «Классика». */
:root{ --hall-font:var(--f-hand); --hall-weight:500; --hall-style:normal; --hall-scale:1; --hall-leading:1.12 }

*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.5}
[hidden]{display:none!important}
button,input,textarea{font:inherit;color:inherit}
button{cursor:pointer}
a{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
img,video{max-width:100%}

.wrap{max-width:1000px;margin:0 auto;padding-inline:16px;padding-block:20px 56px;display:flex;flex-direction:column;gap:20px}
.narrow{max-width:460px}
.top{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px}
.logo{font-family:var(--f-display);font-size:22px;text-decoration:none;color:var(--ink);white-space:nowrap}
.logo i{font-style:normal;color:var(--accent)}
.muted,.hint{color:var(--muted)}
.hint{font-size:14px}
h1,h2{font-family:var(--f-display);font-weight:400;margin:0;text-wrap:balance}
h1{font-size:30px;line-height:1.2} h2{font-size:22px}
h3{font-size:13px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:0;font-weight:600}
section,.col{display:flex;flex-direction:column;gap:14px}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.grow{flex:1}

.btn{border:1px solid var(--line);background:var(--surface);padding:11px 16px;border-radius:10px;font-weight:600;text-decoration:none;color:var(--ink);display:inline-block;text-align:center}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.btn.block{width:100%}
.btn.small{padding:6px 12px;font-size:14px}
.btn:disabled{opacity:.5;cursor:not-allowed}

label.f{display:flex;flex-direction:column;gap:6px;font-weight:600}
label.f small{font-weight:400;color:var(--muted)}
input[type=text],input[type=url],input[type=number],input[type=password],select,textarea{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:11px 12px;width:100%;font-weight:400}
textarea{min-height:140px;resize:vertical}
.check{display:flex;gap:10px;align-items:flex-start}
.check input{width:20px;height:20px;margin-top:2px;accent-color:var(--accent);flex:none}
.err{color:var(--bad);font-size:14px;min-height:1.4em}

.seg{display:flex;background:var(--sunken);padding:3px;border-radius:10px}
.seg button{flex:1;border:0;background:transparent;padding:9px 4px;border-radius:8px;font-weight:600;color:var(--muted)}
.seg button[aria-pressed="true"]{background:var(--surface);color:var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:6px 14px;font-weight:600}
.chip[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.pill{font-size:12px;border-radius:99px;padding:1px 9px;background:var(--sunken);color:var(--muted);white-space:nowrap}
.pill.gift{background:var(--accent-soft);color:var(--accent)}
.pill.wait{background:var(--warn-soft);color:var(--warn)}

.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px;min-width:0}
.card .t{font-family:var(--f-hand);font-size:24px;line-height:1.2;overflow-wrap:anywhere}
.card video,.card img{border-radius:10px;max-height:320px;background:var(--hall-bg);align-self:flex-start}
.card .foot{margin-top:auto;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:14px;color:var(--muted)}
.card .foot b{color:var(--ink);font-weight:600}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.none{color:var(--muted);border:1px dashed var(--line);border-radius:12px;padding:14px}

.wl-item{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:12px 14px}
.wl-item .info{min-width:0;flex:1 1 180px}
.wl-item .info b{display:block;overflow-wrap:anywhere}
.wl-item.mine{border-color:var(--accent);background:var(--accent-soft)}

.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:10px;max-width:calc(100% - 32px);z-index:5}

/* Рисованные значки (doodle.js). */
.doodle{flex:none;vertical-align:-.22em;overflow:visible}
.dd-boil{filter:url(#dd-boil)}
.dd-draw{animation:dd-draw .35s cubic-bezier(.65,.05,.36,1) backwards}
@keyframes dd-draw{from{stroke-dasharray:1;stroke-dashoffset:1;visibility:hidden}1%{visibility:visible}to{stroke-dasharray:1;stroke-dashoffset:0}}
@media (prefers-reduced-motion: reduce){.dd-draw{animation:none}.dd-boil{filter:none}}