/* מלאכת מחשבת: quiet, respectable forum look. Navy header, one restrained blue accent, a thin gold line. */
:root{
  --bg:#f4f5f7;--card:#fff;--ink:#18202e;--soft:#5b6576;--faint:#8a93a3;--line:#e2e5eb;--line2:#eef0f3;--panel:#f8f9fb;
  --head:#14243f;--head2:#1b2f52;--gold:#b8955a;
  --brand:#1e4f8f;--brand-d:#163d70;--brand-soft:#eaf0f8;
  --ok:#17784a;--ok-soft:#e6f4ec;--warn:#8a5d00;--warn-soft:#fbf1dc;--bad:#b42318;--bad-soft:#fdecea;
  --r:10px;--r-s:7px;--shadow:0 1px 2px #18202e0a,0 1px 6px #18202e0d;--shadow-h:0 4px 16px #18202e1a;
  --serif:"Frank Ruhl Libre","David Libre","David",Georgia,serif;
  --sans:"Heebo","Assistant",system-ui,"Segoe UI",Arial,sans-serif;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#0e131c;--card:#151c28;--ink:#e7ebf2;--soft:#9ba6b8;--faint:#6f7a8c;--line:#253045;--line2:#1d2636;--panel:#19212f;
  --head:#0b1426;--head2:#13213a;--gold:#c7a76b;
  --brand:#7fa8e0;--brand-d:#a2c0ea;--brand-soft:#1b2942;
  --ok:#5cc98a;--ok-soft:#14301f;--warn:#e0b350;--warn-soft:#33290f;--bad:#f07167;--bad-soft:#3a1714;
  --shadow:0 1px 2px #0007;--shadow-h:0 6px 18px #0009}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.forum{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7;direction:rtl;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
h1,h2,h3,h4{font-family:var(--serif);font-weight:700;letter-spacing:0;line-height:1.3}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}
.fwrap{width:min(1120px,100% - 32px);margin-inline:auto}
[hidden]{display:none!important}

/* header */
.fbar{background:linear-gradient(180deg,var(--head2),var(--head));color:#e9eef7;border-bottom:2px solid var(--gold);position:sticky;top:0;z-index:40}
.fbar .fwrap{display:flex;align-items:center;flex-wrap:wrap;gap:6px 26px;min-height:62px}
.fbrand{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-weight:700;font-size:1.45rem;color:#fff;letter-spacing:.2px}
.fbrand img{width:32px;height:32px;border-radius:8px;flex:none;box-shadow:0 0 0 1px #ffffff26}
.fbrand:hover{text-decoration:none;color:#fff}
.fbar nav{display:flex;gap:4px;flex:1}
.fbar nav a{color:#c9d3e4;font-size:.95rem;padding:6px 12px;border-radius:6px}
.fbar nav a:hover{text-decoration:none;color:#fff;background:#ffffff14}
.fbar nav a[aria-current=page]{color:#fff;background:#ffffff1c}
.fuser{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;font-size:.92rem}
.fuser a,.fuser button{color:#c9d3e4;background:none;border:0;font:inherit;cursor:pointer;padding:6px 10px;border-radius:6px}
.fuser a:hover,.fuser button:hover{color:#fff;background:#ffffff14;text-decoration:none}
.fuser .uname{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:600}
.fuser .uname[aria-current=page]{background:#ffffff1c}
.avatar.xs{width:24px;height:24px;font-size:.75rem;background:#ffffff26;color:#fff}
.fuser .sep{width:1px;height:20px;background:#ffffff26;margin-inline:4px}
.hbtn{background:var(--gold)!important;color:#1a1a1a!important;font-weight:600}
.hbtn:hover{background:#cfae74!important}
.badge{display:inline-grid;place-items:center;background:var(--bad);color:#fff;border-radius:10px;font-size:.72rem;min-width:18px;height:18px;padding:0 5px;margin-inline-start:6px;font-weight:700}
.badge:empty{display:none}

/* page frame */
.fmain{padding:28px 0 64px;flex:1}
.ffoot{background:var(--card);border-top:1px solid var(--line);color:var(--soft);font-size:.9rem}
.ffoot .fwrap{display:flex;justify-content:space-between;align-items:center;gap:10px 24px;flex-wrap:wrap;padding:20px 0}
.ffoot nav{display:flex;gap:18px;flex-wrap:wrap}
.ffoot a{color:var(--soft)}
.ffoot a:hover{color:var(--brand)}
.ffoot .fname{font-family:var(--serif);font-weight:700;color:var(--ink);font-size:1.05rem}
.crumbs{font-size:.88rem;color:var(--faint);margin-bottom:14px}
.crumbs a{color:var(--soft)}
.ptitle{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.ptitle h1{margin:0;font-size:1.85rem}
.lead{color:var(--soft);margin:-10px 0 20px;max-width:640px}
.sub{color:var(--soft);font-size:.92rem;margin:0}
.meta{color:var(--soft);font-size:.9rem;margin:0}
.note{background:var(--warn-soft);border:1px solid #ecd9a6;border-inline-start:4px solid var(--warn);border-radius:var(--r-s);padding:11px 15px;margin:12px 0;color:var(--ink)}
@media (prefers-color-scheme:dark){.note{border-color:#5a4a1c;border-inline-start-color:var(--warn)}}

/* two columns: content + side */
.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.layout>*,.side>*,.toolbar>*{min-width:0}
.side{display:grid;gap:16px;position:sticky;top:84px;min-width:0}
@media (max-width:900px){.layout{grid-template-columns:1fr}.side{position:static}.side.first{order:-1}}
.scard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px}
.scard h3{margin:0 0 10px;font-size:1.05rem}
.scard p{margin:0 0 12px;color:var(--soft);font-size:.93rem}
.scard .btn{width:100%}
.scard .btn+.btn{margin-top:8px}
.cta{background:linear-gradient(160deg,var(--head2),var(--head));color:#e9eef7;border:0}
.cta h3{color:#fff}
.cta p{color:#c9d3e4}
.cta .btn.primary{background:var(--gold);border-color:var(--gold);color:#1a1a1a}
.cta .btn.primary:hover{background:#cfae74}
.cta .btn.ghost{background:transparent;border-color:#ffffff40;color:#fff}
.cta .btn.ghost:hover{background:#ffffff14}
.catnav{display:grid;gap:2px;margin:0 -8px}
.catnav a{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;border-radius:6px;color:var(--ink);font-size:.94rem}
.catnav a:hover{background:var(--panel);text-decoration:none}
.catnav a.on{background:var(--brand-soft);color:var(--brand);font-weight:600}
.catnav .n{color:var(--faint);font-size:.82rem;min-width:22px;text-align:center}
.catnav a.on .n{color:var(--brand)}
@media (max-width:900px){
  .side.first .scard.cats{padding:10px 12px}
  .side.first .scard.cats h3{display:none}
  .catnav{display:flex;overflow-x:auto;gap:6px;margin:0;scrollbar-width:none}
  .catnav::-webkit-scrollbar{display:none}
  .catnav a{flex:none;border:1px solid var(--line);border-radius:999px;padding:4px 14px;gap:8px}
  .side.first .stats-card,.side.first .steps-card{display:none}
  .side.first .cta p{display:none}
}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.stat{background:var(--panel);border-radius:var(--r-s);padding:10px;text-align:center}
.stat b{display:block;font-family:var(--serif);font-size:1.5rem;line-height:1.2;color:var(--ink)}
.stat span{color:var(--soft);font-size:.82rem}
.steps{margin:0;padding:0;list-style:none;display:grid;gap:10px;counter-reset:s}
.steps li{display:grid;grid-template-columns:26px 1fr;gap:10px;font-size:.92rem;color:var(--soft);counter-increment:s}
.steps li::before{content:counter(s);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--brand-soft);color:var(--brand);font-weight:700;font-size:.85rem}
.steps b{color:var(--ink);font-weight:600}

/* buttons */
.acts{display:flex;gap:8px;flex-wrap:wrap;margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:var(--r-s);padding:9px 18px;font:inherit;font-weight:500;cursor:pointer;text-align:center;transition:background .15s,border-color .15s,box-shadow .15s}
.btn:hover{border-color:var(--brand);text-decoration:none;background:var(--panel)}
.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}
.btn.primary:hover{background:var(--brand-d);border-color:var(--brand-d)}
@media (prefers-color-scheme:dark){.btn.primary{color:#0b1220}}
.btn.ghost{background:transparent}
.btn.sm{padding:5px 12px;font-size:.9rem}
.btn:disabled{opacity:.5;cursor:not-allowed}

/* toolbar above the list */
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.seg{display:inline-flex;background:var(--card);border:1px solid var(--line);border-radius:var(--r-s);padding:3px;gap:2px;overflow-x:auto;max-width:100%}
.seg button{border:0;background:none;color:var(--soft);font:inherit;font-size:.92rem;padding:6px 14px;border-radius:5px;cursor:pointer;white-space:nowrap}
.seg button:hover{color:var(--ink)}
.seg button.on{background:var(--brand-soft);color:var(--brand);font-weight:600}
.searchbox{position:relative;flex:1;min-width:200px;max-width:340px}
.searchbox input{width:100%;font:inherit;padding:8px 36px 8px 12px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--card);color:var(--ink)}
.searchbox::before{content:"";position:absolute;inset-inline-start:12px;top:50%;width:14px;height:14px;transform:translateY(-50%);border:2px solid var(--faint);border-radius:50%;box-sizing:border-box}
#mk .searchbox input{padding-inline-start:36px}
.searchbox input:focus{outline:2px solid var(--brand-soft);border-color:var(--brand)}
/* legacy filter pieces still used by admin */
.chipbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.fchip{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:4px 14px;color:var(--ink);font-size:.92rem}
.fchip.on{background:var(--brand);border-color:var(--brand);color:#fff}
.tools{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.tools select,.tools input{font:inherit;padding:7px 12px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink)}

/* topic list */
.list{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden}
.listhead{display:flex;justify-content:space-between;padding:10px 20px;background:var(--panel);border-bottom:1px solid var(--line);color:var(--faint);font-size:.82rem}
.row{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line2);color:var(--ink);position:relative;transition:background .12s}
.row:last-child{border-bottom:0}
.row:hover{background:var(--panel);text-decoration:none}
.row:hover .ttl{color:var(--brand-d);text-decoration:underline;text-underline-offset:3px}
.row::before{content:"";position:absolute;inset-block:14px;inset-inline-start:0;width:3px;border-radius:0 3px 3px 0;background:transparent}
.row.s-open::before{background:var(--ok)}
.row.s-taken::before{background:var(--gold)}
.grow{flex:1;min-width:0;display:grid;gap:4px}
.line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ttl{color:var(--ink);font-size:1.08rem;font-weight:600}
.snip{color:var(--soft);font-size:.93rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chips{display:flex;align-items:center;gap:6px 8px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;border-radius:999px;padding:1px 10px;border:1px solid var(--line);background:var(--panel);color:var(--soft);line-height:1.7}
.chip.cat{background:var(--brand-soft);border-color:transparent;color:var(--brand)}
.chip.st-open,.chip.st-taken,.chip.st-done,.chip.st-review,.chip.st-closed{background:transparent;border-color:transparent;padding-inline:0;font-weight:600}
.chip.st-open{color:var(--ok)}.chip.st-taken{color:var(--warn)}.chip.st-done,.chip.st-closed{color:var(--faint)}.chip.st-review{color:var(--warn)}
.chip[class*=st-]::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.chip.tag{border-color:var(--gold);color:var(--warn);background:transparent}
.chip.lvl{background:transparent}
.rmeta{color:var(--faint);font-size:.84rem}
.counts{display:flex;gap:18px;flex:none;color:var(--soft);font-size:.85rem}
.counts span{display:grid;justify-items:center;min-width:48px}
.counts b{font-family:var(--serif);font-size:1.25rem;color:var(--ink);line-height:1.2}
.counts .zero b{color:var(--faint)}
.empty{padding:40px 22px;color:var(--soft);margin:0;text-align:center}
@media (max-width:640px){.row{padding:14px 16px;align-items:flex-start}.counts{gap:10px}.counts>span:nth-child(2){display:none}.counts>span{display:flex;gap:4px;align-items:baseline}.counts b{font-size:1rem}.snip{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}

/* request page */
.post,.panel,.formcard,.card,.mk-sec{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:22px 24px;margin-top:16px}
.post{margin-top:0}
.post h1{margin:6px 0 10px;font-size:1.75rem}
.post .body{white-space:pre-wrap;margin:18px 0 0;font-size:1.03rem;line-height:1.85;border-top:1px solid var(--line2);padding-top:18px}
.byline{display:flex;align-items:center;gap:10px;color:var(--soft);font-size:.9rem}
.panel{display:grid;gap:12px}
.panel>strong,.panel>h3{font-family:var(--serif);font-size:1.15rem;margin:0}
.dl{display:grid;gap:0;margin:0}
.dl div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line2);font-size:.93rem}
.dl div:last-child{border-bottom:0}
.dl dt{color:var(--soft)}
.dl dd{margin:0;font-weight:600;text-align:left}
.vstack{display:grid;gap:8px}
.vstack .btn{width:100%}
.mk-bid{border:1px solid var(--line);border-radius:var(--r-s);padding:16px;display:grid;gap:8px;background:var(--card)}
.mk-bid.chosen{border-color:var(--ok);background:var(--ok-soft)}
.bidtop{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.price{font-family:var(--serif);font-size:1.35rem;font-weight:700;color:var(--ink);white-space:nowrap}
.price small{font-family:var(--sans);font-size:.85rem;font-weight:400;color:var(--soft);margin-inline-start:6px}
.mk-bidform{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:end}
.formcard{max-width:720px;margin-inline:auto;display:grid;gap:14px;padding:28px 30px}
.formcard h1{margin:0;font-size:1.6rem}
.two{display:grid;gap:14px;grid-template-columns:1fr 1fr}
@media (max-width:560px){.two{grid-template-columns:1fr}.formcard{padding:20px 18px}.post{padding:18px}}
.card h3,.mk-sec h3{margin:0 0 6px;font-size:1.15rem}
.mk-sec{display:grid;gap:12px}
.card p{margin:0}
.card ul{margin:6px 0 0;padding-inline-start:20px}
.mf{display:grid;gap:6px;font-size:.9rem;color:var(--soft);font-weight:500}
.mf .hint{font-weight:400;color:var(--faint);font-size:.84rem}
#mk input,#mk select,#mk textarea{font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--card);color:var(--ink);width:100%;transition:border-color .15s,box-shadow .15s}
#mk textarea{resize:vertical;line-height:1.7}
#mk input:hover,#mk select:hover,#mk textarea:hover{border-color:#c9cfd9}
#mk input:focus,#mk select:focus,#mk textarea:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
#mk input[type=checkbox]{width:auto;accent-color:var(--brand)}
.mk-agree{display:flex;gap:8px;align-items:flex-start;font-size:.92rem;color:var(--soft)}
.mmsg{min-height:1.2em;color:var(--ok);font-size:.93rem;font-weight:500}
.mmsg:empty{display:none}
.mk-ok{color:var(--ok);font-weight:600;margin:0}
#mk .act,.act{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.who{display:flex;align-items:center;gap:12px}
.avatar{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--brand-soft);color:var(--brand);font-weight:700;overflow:hidden;flex:none;font-family:var(--serif)}
.avatar.big{width:64px;height:64px;font-size:1.5rem}
.avatar.sm{width:30px;height:30px;font-size:.85rem}
.avatar img{width:100%;height:100%;object-fit:cover}
.grid{display:grid;gap:16px}
.grid.c3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.pcard{display:grid;gap:10px;align-content:start;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--shadow);transition:box-shadow .15s,border-color .15s,transform .15s}
.pcard:hover{border-color:var(--brand);text-decoration:none;box-shadow:var(--shadow-h);transform:translateY(-1px)}
.pcard h3{margin:0;font-size:1.15rem}
.pcard .more{color:var(--brand);font-size:.9rem}
.profile-head{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.profile-head h1{margin:0;font-size:1.7rem}
.rules-scroll{max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:var(--r-s);padding:10px 16px;background:var(--panel);font-size:.93rem}
.rules-scroll h4{margin:12px 0 4px;font-size:1rem}
.rules-scroll ul{margin:0;padding-inline-start:18px}
.fstack{display:grid;gap:14px;max-width:820px}
.fstack h3{margin-top:0}
.fstack .card h3{font-size:1.2rem}

/* sign in / sign up */
.mk-auth{max-width:560px;margin-inline:auto;display:grid;gap:14px}
.mk-auth .mk-sec{margin-top:0;padding:26px 28px}
.mk-tabs{display:flex;gap:2px;border:1px solid var(--line);border-radius:var(--r-s);padding:3px;align-items:center;background:var(--card)}
.mk-tabs button{flex:1;border:0;background:none;color:var(--soft);font:inherit;padding:9px 12px;cursor:pointer;border-radius:5px}
.mk-tabs button.on{background:var(--brand);color:#fff;font-weight:600}
@media (prefers-color-scheme:dark){.mk-tabs button.on{color:#0b1220}}
.mk-tabs.sub{border:0;background:none;padding:0;gap:8px}
.mk-tabs.sub button{border:1px solid var(--line);background:var(--card)}
.mk-tabs.sub button.on{background:var(--brand-soft);color:var(--brand);border-color:var(--brand)}
.mk-tabs.sub .meta{padding:0 4px;flex:none}

/* private chat drawer */
.cm-strip{gap:8px}
.cm-row{display:flex;align-items:center;gap:12px;width:100%;text-align:right;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:var(--r-s);padding:10px 14px;cursor:pointer;font:inherit;transition:background .12s}
.cm-row:hover{background:var(--panel)}
.cm-txt{display:grid;flex:1;min-width:0}
.cm-txt .meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cm-badge{background:var(--bad);color:#fff;border-radius:10px;min-width:22px;height:22px;display:grid;place-items:center;font-size:.8rem;padding:0 6px;font-weight:700}
.cm{position:fixed;z-index:60;bottom:0;inset-inline-end:20px;width:min(390px,100% - 20px);height:min(540px,80vh);display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;box-shadow:0 -8px 30px #0003}
.cm-head{display:flex;justify-content:space-between;align-items:center;gap:8px;background:linear-gradient(180deg,var(--head2),var(--head));color:#fff;border-radius:12px 12px 0 0;padding:12px 16px;border-bottom:2px solid var(--gold)}
.cm-x{background:none;border:0;color:inherit;font-size:1.5rem;line-height:1;cursor:pointer;opacity:.8}
.cm-x:hover{opacity:1}
.cm-list{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:6px;background:var(--bg)}
.cm-b{max-width:80%;padding:8px 13px;border-radius:14px;white-space:pre-wrap;word-break:break-word;font-size:.95rem}
.cm-b.mine{align-self:flex-start;background:var(--brand);color:#fff;border-end-start-radius:4px}
.cm-b.theirs{align-self:flex-end;background:var(--card);border:1px solid var(--line);border-end-end-radius:4px}
@media (prefers-color-scheme:dark){.cm-b.mine{color:#0b1220}}
.cm-in{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line)}
.cm-in input{flex:1}

/* board admin (same look) */
.box{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;margin-bottom:12px;box-shadow:var(--shadow)}
.box .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;border:0;padding:0}
.box .row::before{display:none}
.f{display:grid;gap:4px;font-size:.88rem;color:var(--soft)}
.f input,.f select,.f textarea,.box input,.box select,.box textarea{font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);width:100%}
.sm{font:inherit;padding:4px 12px;border-radius:6px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer}
.sm.danger{color:var(--bad);border-color:var(--bad)}
.thumb{width:84px;height:64px;object-fit:cover;border-radius:6px;border:1px solid var(--line)}
.msg{white-space:pre-wrap;word-break:break-word;margin:6px 0 0}
.card.done{opacity:.6}
.tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:12px 0 16px}
.tabs button{border:0;background:none;color:var(--soft);font:inherit;padding:9px 16px;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px}
.tabs button.on{color:var(--brand);font-weight:700;border-bottom-color:var(--gold)}
.panel.on{display:block}
section.panel[id^="p-"]{display:none;background:none;border:0;box-shadow:none;padding:0;margin:0}
section.panel[id^="p-"].on{display:block}
#status{position:fixed;inset-inline:0;bottom:0;padding:11px 16px;text-align:center;background:var(--head);color:#fff;transform:translateY(100%);transition:transform .2s;z-index:70}
#status.show{transform:none}

/* small screens: header wraps cleanly */
@media (max-width:760px){
  .fbar{position:static}
  .fbar .fwrap{gap:4px 10px;padding:8px 0}
  .fbrand{font-size:1.25rem}
  .fbar nav{order:3;flex-basis:100%;overflow-x:auto;margin:0 -6px}
  .fuser{margin-inline-start:auto}
  .ptitle h1{font-size:1.5rem}
  .fmain{padding-top:18px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* board admin: member cards */
.ucard{display:grid;gap:6px}
.ucard.pend{border-inline-start:4px solid var(--warn)}
.uhead{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.uhead strong{font-size:1.05rem;margin-inline-end:4px}
.usettings{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;background:var(--panel);border-radius:var(--r-s);padding:10px 12px;margin-top:4px}
.usettings .f{min-width:160px;flex:0 1 auto}
.usettings .f:first-child{min-width:240px}
.usettings input{max-width:120px}
.ucard .act{margin-top:4px}
.ucard .note{margin:4px 0}
@media (max-width:900px){.side.first .cta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.side.first .cta h3{margin:0;flex-basis:100%}.side.first .cta .btn{width:auto;flex:1;margin:0}}
.pcard p{margin:0}
.linkrow{display:flex;gap:8px;flex-wrap:wrap}
.linkrow input{flex:1;min-width:220px;direction:ltr;text-align:left}
.stats.three{grid-template-columns:repeat(3,1fr)}
.panel.tabbed{gap:14px}
.ptabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:-4px 0 0}
.ptabs button{border:0;background:none;font:inherit;font-family:var(--serif);font-size:1.08rem;font-weight:700;color:var(--soft);padding:6px 14px 10px;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center}
.ptabs button.on{color:var(--ink);border-bottom-color:var(--gold)}
.tabbody{display:grid;gap:10px}
.sechead{font-size:1.2rem;margin:26px 0 10px}
.sechead:first-child{margin-top:0}
.jside{display:grid;gap:4px;justify-items:end;flex:none;font-size:.88rem;text-align:left}
.jline{display:flex;gap:6px;align-items:baseline}
.jnew{background:var(--bad);color:#fff;border-radius:999px;padding:1px 10px;font-size:.8rem;font-weight:600}
.catnav .cgroup{display:block;font-size:.76rem;font-weight:700;color:var(--faint);padding:10px 10px 2px;letter-spacing:.3px}
.catnav .cgroup:first-of-type{padding-top:6px}
@media (max-width:900px){.catnav .cgroup{display:none}}
.pend-item{display:grid;gap:6px;border-top:1px solid var(--line2);padding-top:12px;margin-top:12px}
.pend-item .msg{background:var(--panel);border-radius:var(--r-s);padding:10px 12px;margin:2px 0}
.pend-edit{display:grid;gap:8px;background:var(--panel);border-radius:var(--r-s);padding:12px}
.pend-photo{width:140px;height:140px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}
.mtbadge{display:inline-flex;align-items:center;gap:6px;justify-self:start;width:max-content;max-width:100%;border:1px solid var(--line);border-radius:999px;padding:3px 12px;font-size:.86rem;color:var(--soft);background:var(--panel)}
.mtbadge.ok{border-color:#b7dfc8;background:var(--ok-soft);color:var(--ok);font-weight:600}
.mtbadge.ok::before{content:"✓"}
.mtbadge.sm{font-size:.78rem;padding:1px 10px}
.mtcode{display:grid;gap:8px;background:var(--warn-soft);border-radius:var(--r-s);padding:12px 14px;font-size:.92rem}
.mtcode code{font-size:1.15rem;font-weight:700;letter-spacing:1px;direction:ltr;justify-self:start;background:var(--card);border:1px dashed var(--warn);border-radius:6px;padding:4px 12px}
.mtcode .btn{justify-self:start}
hr.sep{border:0;border-top:1px solid var(--line2);margin:6px 0;width:100%}
img.pend-photo,img.thumb{cursor:zoom-in}
.lightbox{position:fixed;inset:0;z-index:100;background:#0b1220e6;display:grid;place-items:center;padding:24px}
.lightbox img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 10px 40px #0008;cursor:default}
.lb-x{position:absolute;top:14px;inset-inline-start:18px;background:#ffffff1f;border:0;color:#fff;font-size:1.8rem;width:44px;height:44px;border-radius:50%;cursor:pointer}
.lb-x:hover{background:#ffffff33}
.pick{position:relative;display:grid;place-items:center;border:2px dashed var(--line);border-radius:var(--r);background:var(--panel);cursor:pointer;overflow:hidden;min-height:110px;transition:border-color .15s}
.pick:hover,.pick:focus-visible,.pick.over{border-color:var(--brand)}
.pick.photo{width:140px;height:140px;min-height:0;border-radius:50%}
.pick.cover{aspect-ratio:3/1;min-height:0}
.pick-prev{position:absolute;inset:0;background:center/cover no-repeat}
.pick-txt{position:relative;z-index:1;background:#fffffff0;color:var(--soft);font-size:.82rem;border-radius:6px;padding:4px 10px;text-align:center;max-width:90%}
@media (prefers-color-scheme:dark){.pick-txt{background:#151c28f0}}
.pick.photo .pick-txt{font-size:.72rem}
.profile{padding-top:0;overflow:hidden}
.profile .cover{margin:0 -24px 0;height:120px;background:linear-gradient(135deg,var(--head2),var(--head)) center/cover no-repeat;border-bottom:2px solid var(--gold)}
.profile.has-cover .cover{height:auto;aspect-ratio:3/1}
.profile .profile-head{margin-top:0;align-items:flex-end}
.profile .avatar.big{margin-top:-48px;width:96px;height:96px;font-size:2rem;border:4px solid var(--card);box-shadow:var(--shadow)}
@media (max-width:560px){.profile .cover{margin:0 -18px}}
.pend-photo.wide{width:min(450px,100%);height:auto;aspect-ratio:3/1;border-radius:10px}
.thumb.wide{width:192px;height:64px}
.pick.has .pick-txt{opacity:0;transition:opacity .15s}
.pick.has:hover .pick-txt,.pick.has:focus-visible .pick-txt{opacity:1}
.socials{display:flex;flex-wrap:wrap;gap:8px}
.soc{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:4px 12px;color:var(--ink);font-size:.88rem;background:var(--card)}
.soc:hover{border-color:var(--brand);text-decoration:none}
.soc svg{width:16px;height:16px;fill:currentColor}
.soc.mt{border-color:#b7dfc8;color:var(--ok);background:var(--ok-soft)}
.soc.mt::before{content:"✓";font-weight:700}