:root{--r:#C62828;--rd:#8E0000;--rl:#FDECEC;--ink:#2A1212;--bg:#FFF8F7;--ln:#F0D6D4}
*{box-sizing:border-box;font-family:Cairo,Tahoma,sans-serif}
body{margin:0;background:var(--bg);color:var(--ink);min-height:100vh;display:flex;flex-direction:column}
.top{background:var(--r);color:#fff;display:flex;align-items:center;gap:20px;padding:10px 24px}
.top a{color:#fff;text-decoration:none;font-weight:600}.logo{font-size:26px;font-weight:800}
.wrap{flex:1;width:100%;max-width:680px;margin:24px auto;padding:0 16px}
.card{background:#fff;border:1px solid var(--ln);border-radius:16px;padding:16px;margin-bottom:14px}
input,textarea{width:100%;padding:10px 12px;border:1px solid var(--ln);border-radius:10px;font-size:16px;margin:4px 0}
button,.btn{background:var(--r);color:#fff;border:0;border-radius:99px;padding:9px 18px;font-weight:700;cursor:pointer;font-size:15px;text-decoration:none;display:inline-block}
.btn2{background:var(--rl);color:var(--rd)}
.av{border-radius:50%;object-fit:cover;background:var(--rd);color:#fff;display:inline-grid;place-items:center;font-weight:800;vertical-align:middle}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.err{color:var(--rd);font-weight:600}
footer{text-align:center;padding:16px 16px 52px;color:#6b3a3a;font-size:14px}footer a{color:var(--rd)}
#dock{position:fixed;bottom:0;left:16px;display:flex;align-items:flex-end;gap:12px;direction:ltr;z-index:9}
.fl{position:relative}#fb{border-radius:12px 12px 0 0}
#flist{position:absolute;bottom:100%;left:0;width:240px;background:#fff;border:1px solid var(--ln);border-radius:12px 12px 0 0;max-height:300px;overflow:auto;direction:rtl}
#flist button{display:flex;gap:8px;align-items:center;width:100%;background:none;color:var(--ink);border-radius:0;text-align:right}
#wins{display:flex;gap:12px;align-items:flex-end}
.win{width:300px;background:#fff;border:1px solid var(--ln);border-radius:12px 12px 0 0;direction:rtl;display:flex;flex-direction:column}
.wh{background:var(--r);color:#fff;display:flex;justify-content:space-between;padding:8px 12px;border-radius:12px 12px 0 0}.wh button{padding:0 6px;background:none}
.wb{height:260px;overflow:auto;padding:10px;display:flex;flex-direction:column;gap:6px}
.m{background:var(--rl);padding:7px 12px;border-radius:14px;max-width:80%;align-self:flex-start;word-break:break-word}.m.me{background:var(--r);color:#fff;align-self:flex-end}
.win form{display:flex;gap:6px;padding:8px;border-top:1px solid var(--ln)}
.b{font-size:12px;font-weight:600;padding:2px 8px;border-radius:99px}.g{background:#DDF5EA;color:#0A6B4A}.a{background:#FFF0CC;color:#7A4E00}.r{background:#FFE1E6;color:#A01D38}
select{padding:8px;border-radius:10px;border:1px solid var(--ln);font-size:15px}
.ckb{position:fixed;bottom:0;right:0;left:0;background:#2A1212;color:#fff;padding:12px 20px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;z-index:20}.ckb a{color:#FFB4AB}.ckb span{flex:1}