:root{
  --sky:#0A1F44; --orbit:#1C4FA3; --amber:#F2A516; --signal:#2FB36B; --wait:#B7791F;
  --paper:#F3F6FB; --ink:#13213A; --muted:#55657F; --line:#D3DCEA;
  --card:#fff; --soft:#ECF1F8; --hover:#F7FAFE; --sep:#E3E9F3; --ph:#8592A8;
  --mine-bg:#FFF4D9; --mine:#7A4E00; --sel-bg:#E6EEFF; --ok-bg:#E3F5EA; --ok:#17703F; --newbg:#FFF8E6;
  --f:"Tajawal",Tahoma,Arial,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0}
body{font:400 18px/1.75 var(--f);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--orbit)}
button,input,textarea,select{font-family:inherit}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px;border-radius:6px}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}


/* ───── الهيدر ───── */
.top{position:sticky;top:0;z-index:40;background:var(--sky);color:#fff}
.top .in{max-width:1080px;margin:0 auto;display:flex;align-items:center;gap:8px;padding:10px 16px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;margin-left:auto}
.brand img{width:38px;height:38px;border-radius:10px;background:#fff}
.brand b{font-weight:700;font-size:1.1rem}
.iconbtn{position:relative;width:44px;height:44px;border:0;border-radius:12px;background:rgba(255,255,255,.09);color:#fff;display:grid;place-items:center;cursor:pointer}
.iconbtn:hover{background:rgba(255,255,255,.17)}
.badge{position:absolute;top:3px;left:3px;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:var(--amber);color:#2B1B00;font:700 .72rem/20px var(--f);text-align:center}
.loginbtn{height:44px;display:inline-flex;align-items:center;padding:0 16px;border-radius:12px;background:var(--amber);color:#2B1B00;font-weight:700;text-decoration:none;font-size:.95rem}
#theme .sun{display:none}

.notif{position:absolute;top:62px;left:12px;width:min(380px,calc(100vw - 24px));background:var(--card);color:var(--ink);border-radius:18px;box-shadow:0 20px 60px rgba(10,31,68,.3);overflow:hidden;z-index:60}
.notif h3{margin:0;padding:14px 18px 10px;font-size:1.05rem;display:flex;justify-content:space-between;align-items:center}
.notif h3 button{border:0;background:none;color:var(--orbit);font-size:.85rem;font-weight:700;cursor:pointer}
.notif a{display:flex;gap:12px;padding:12px 18px;border-top:1px solid var(--sep);text-decoration:none;color:inherit}
.notif a.new{background:var(--newbg)}
.notif .dot{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--ok-bg);color:var(--ok)}
.notif p{margin:0;font-size:.95rem;line-height:1.55}
.notif small{color:var(--muted);font-size:.82rem}

/* ───── الهيرو: عنوان الصفحة + زرار السؤال ───── */
.hero{background:var(--sky);color:#fff;position:relative;overflow:hidden}
.hero .in{max-width:1080px;margin:0 auto;padding:26px 16px 30px;position:relative}
.hero h1{margin:0;font-weight:700;font-size:2.1rem;line-height:1.3;max-width:15ch}
.hero p{margin:8px 0 20px;color:#BFCDE6;font-size:1.05rem;max-width:34ch}
.hero .arcs{position:absolute;left:-90px;top:-30px;width:240px;height:240px;opacity:.4;pointer-events:none}
.composer{display:flex;align-items:center;gap:10px;max-width:560px;padding:8px;border-radius:18px;background:#fff;text-decoration:none;box-shadow:0 12px 34px rgba(0,0,0,.25)}
.composer .av{width:44px;height:44px}
.composer span.ph{flex:1;height:46px;display:flex;align-items:center;padding:0 16px;border-radius:99px;background:#EEF2F8;color:#5B6A85;font-size:1.05rem}
.composer .cam{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#FFF4D9;color:#B57400}
body.dark-mode .composer{background:#111D33}
body.dark-mode .composer span.ph{background:#1A2943;color:#9DABC4}
.askcta{display:inline-flex;align-items:center;gap:10px;height:58px;padding:0 26px;border-radius:16px;background:var(--amber);color:#2B1B00;font-weight:700;font-size:1.15rem;text-decoration:none;box-shadow:0 10px 30px rgba(242,165,22,.25)}
.askcta:hover{background:#FFB828}
.search{display:flex;margin:16px 0 0;max-width:520px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:14px;overflow:hidden}
.search input{flex:1;min-width:0;height:50px;border:0;background:transparent;color:#fff;padding:0 16px;font-size:1rem}
.search input::placeholder{color:#9FB3D6}
.search input:focus{outline:0}
.search button{border:0;background:transparent;color:#fff;width:52px;cursor:pointer}

/* ───── الهيكل ───── */
.wrap{max-width:1080px;margin:0 auto;padding:20px 16px 110px}
.grid{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
@media (min-width:980px){.grid{grid-template-columns:minmax(0,1fr) 300px}}
.crumbs{font-size:.9rem;color:var(--muted);margin:0 0 12px}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--orbit)}
.crumbs span{margin:0 6px}

/* الأقسام (روابط حقيقية — بتفيد البحث) */
.cats{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 0 14px;padding-bottom:2px}
.cats::-webkit-scrollbar{display:none}
.cats a{flex:none;padding:7px 16px;border-radius:99px;background:var(--card);border:1.5px solid var(--line);color:var(--ink);text-decoration:none;font-weight:500;font-size:.95rem}
.cats a.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}

.tabs{display:flex;gap:4px;margin:0 0 12px;border-bottom:2px solid var(--sep);overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs a{flex:none;white-space:nowrap;padding:8px 14px;color:var(--muted);text-decoration:none;font-weight:700;font-size:1rem;border-bottom:3px solid transparent;margin-bottom:-2px}
.tabs a.on{color:var(--ink);border-color:var(--amber)}
.tabs small{font-weight:500;margin-right:4px}

/* مؤشر الإشارة = حالة السؤال */
.sig{display:inline-flex;align-items:flex-end;gap:2px;height:17px}
.sig i{display:block;width:5px;border-radius:1px;background:var(--line)}
.sig i:nth-child(1){height:5px}.sig i:nth-child(2){height:9px}.sig i:nth-child(3){height:13px}.sig i:nth-child(4){height:17px}
.sig.s0 i:nth-child(1){background:var(--wait)}
.sig.s1 i:nth-child(-n+2),.sig.s2 i:nth-child(-n+3){background:var(--orbit)}
.sig.s3 i{background:var(--signal)}
.state{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:700}
.state.st-wait{color:var(--wait)}.state.st-ans{color:var(--orbit)}.state.st-done{color:var(--ok)}

/* قائمة الأسئلة */
.qlist{list-style:none;margin:0;padding:0;background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.qlist li+li{border-top:1px solid var(--sep)}
.q{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 14px;padding:16px 18px;text-decoration:none;color:inherit}
.q:hover{background:var(--hover)}
.q .ex{grid-column:1/-1;margin:6px 0 0;font-size:1.08rem;line-height:1.7;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.q .moreln{grid-column:1/-1;justify-self:start;font-weight:700;color:var(--orbit);font-size:.98rem;margin:0 0 4px}
.q .who2{display:flex;align-items:center;gap:8px;font-size:.92rem;font-weight:700}
.q .who2 .av{width:30px;height:30px;font-size:.85rem}
.q .thumb{grid-row:1/3;grid-column:2;width:64px;height:64px;border-radius:12px;background:linear-gradient(150deg,#22406F,#0A1F44);align-self:center}
.meta{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;font-size:.86rem;color:var(--muted)}
.chip{display:inline-block;padding:1px 11px;border-radius:99px;background:var(--soft);color:var(--ink);font-weight:500}
.chip.mine{background:var(--mine-bg);color:var(--mine);font-weight:700}
.clip{display:inline-flex;align-items:center;gap:4px}
.pager{display:flex;gap:6px;justify-content:center;margin:16px 0 0}
.pager a{min-width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--card);border:1.5px solid var(--line);text-decoration:none;color:var(--ink);font-weight:700;padding:0 12px}
.pager a.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}

/* الشريط الجانبي */
.side{display:flex;flex-direction:column;gap:14px}
.box{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px}
.box h3{margin:0 0 8px;font-size:1.08rem}
.box ol,.box ul{margin:0;padding-inline-start:20px;font-size:.97rem}
.box li+li{margin-top:6px}
.box a{text-decoration:none}

/* ───── صفحة إضافة سؤال ───── */
.form{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:20px}
.form h1{margin:0 0 14px;font-size:1.6rem;line-height:1.3}
.poster{display:flex;align-items:center;gap:12px;margin:0 0 10px}
.poster .av{width:48px;height:48px}
.poster b{display:block;font-size:1.05rem;line-height:1.3}
.poster small{color:var(--muted);font-size:.88rem}
.postbox{width:100%;min-height:200px;border:0;resize:none;background:transparent;color:var(--ink);font-size:1.3rem;line-height:1.75;padding:8px 2px}
.postbox:focus{outline:0}
.postbox::placeholder{color:var(--ph)}
.addto{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border:1.5px solid var(--line);border-radius:16px;margin:14px 0 18px}
.addto>span{flex-basis:100%;font-weight:700;font-size:1rem}
.addto label{flex:1;justify-content:center;display:inline-flex;align-items:center;gap:6px;height:48px;padding:0 14px;border-radius:12px;background:var(--soft);font-weight:700;font-size:.98rem;cursor:pointer}
.addto .p{color:#2F9E5B}.addto .f{color:var(--orbit)}
.form .lead{margin:0 0 20px;color:var(--muted)}
.fld{margin:0 0 20px}
.fld>label,.fld>.lbl{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-weight:700;font-size:1.05rem;margin:0 0 8px}
.fld small{font-weight:400;color:var(--muted);font-size:.85rem}
.inp{width:100%;border:2px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);padding:12px 16px;font-size:1.08rem;line-height:1.6}
.inp:focus{outline:0;border-color:var(--orbit);box-shadow:0 0 0 4px rgba(28,79,163,.12)}
.inp::placeholder{color:var(--ph)}
textarea.inp{min-height:170px;resize:vertical}
textarea.inp.title{min-height:0;resize:none;font-weight:700}
.count{display:block;text-align:left;font-size:.82rem;color:var(--muted);margin-top:4px}
.pick{display:flex;flex-wrap:wrap;gap:8px}
.pick button{border:2px solid var(--line);background:var(--card);border-radius:99px;padding:6px 16px;font-size:.98rem;font-weight:500;color:var(--ink);cursor:pointer}
.pick button[aria-pressed="true"]{border-color:var(--orbit);background:var(--sel-bg);color:var(--orbit);font-weight:700}
.drop{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}
.drop .img{position:relative;aspect-ratio:1;border-radius:14px;background:linear-gradient(150deg,#2A4A7E,#0A1F44)}
.drop .img::after{content:"";position:absolute;inset:26% 18%;border:2px solid rgba(255,255,255,.45);border-radius:5px}
.drop .img button{position:absolute;top:6px;left:6px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;font-size:1rem;line-height:1;cursor:pointer;z-index:1}
.drop .add{aspect-ratio:1;border:2px dashed var(--line);border-radius:14px;background:var(--hover);color:var(--orbit);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-weight:700;font-size:.9rem;cursor:pointer}
.filecard{display:flex;align-items:center;gap:12px;padding:12px 14px;border:2px solid var(--line);border-radius:14px;background:var(--hover)}
.filecard .ic{flex:none;width:44px;height:44px;border-radius:10px;background:var(--sel-bg);color:var(--orbit);display:grid;place-items:center}
.filecard b{display:block;direction:ltr;text-align:right;font-size:.98rem;word-break:break-all}
.filecard small{color:var(--muted)}
.filecard .x{margin-right:auto;border:0;background:none;color:#C2362B;font-weight:700;cursor:pointer;font-size:.95rem}
.publish{width:100%;height:60px;border:0;border-radius:16px;background:var(--sky);color:#fff;font-weight:700;font-size:1.2rem;cursor:pointer}
.publish:hover{background:#0E2A5C}
.fine{margin:10px 0 0;text-align:center;font-size:.88rem;color:var(--muted)}

/* ───── صفحة السؤال ───── */
.qhead{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:20px}
.qhead h1{font-size:1.45rem;line-height:1.6;margin:14px 0 0;font-weight:700}
.who{display:flex;align-items:center;gap:12px;font-size:.95rem}
.av{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;flex:none;font-size:1.1rem}
.who b{display:block;line-height:1.35}
.who small{color:var(--muted)}
.body{margin:6px 0 12px;font-size:1.15rem;line-height:1.85}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:16px 0 0}
.gallery a{position:relative;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:linear-gradient(160deg,#1C3561,#0A1F44);display:grid;place-items:center;color:#DCE6F7;font-size:.85rem;font-weight:700;text-decoration:none;text-align:center;padding:8px}
.filedl{display:flex;align-items:center;gap:12px;margin:14px 0 0;padding:12px 14px;border:1.5px solid var(--line);border-radius:14px;text-decoration:none;color:inherit;background:var(--hover)}
.filedl .ic{flex:none;width:44px;height:44px;border-radius:10px;background:var(--sel-bg);color:var(--orbit);display:grid;place-items:center}
.filedl>span:nth-child(2),.filecard>span:nth-child(2){min-width:0}
.filedl b{display:block;direction:ltr;text-align:right;word-break:break-all}
.filedl small{color:var(--muted)}
.filedl .go{margin-right:auto;font-weight:700;color:var(--orbit)}
.anscount{margin:26px 4px 12px;font-weight:700;font-size:1.25rem}
.ans{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px;margin:0 0 12px}
.ans.best{border:2px solid var(--signal);box-shadow:0 0 0 5px rgba(47,179,107,.09)}
.ans.owner{background:var(--hover)}
.bestlbl{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;padding:3px 14px;border-radius:99px;background:var(--ok-bg);color:var(--ok);font-weight:700;font-size:.92rem}
.role{display:inline-block;margin-right:6px;padding:0 9px;border-radius:7px;font-size:.78rem;font-weight:700;vertical-align:2px}
.role.staff{background:#FDE7E4;color:#9B2C22}
.role.exp{background:var(--sel-bg);color:var(--orbit)}
.role.own{background:var(--mine-bg);color:var(--mine)}
.ans p{margin:12px 0 0;font-size:1.08rem;line-height:1.85}
.ansact{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap;align-items:center}
.check{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border:2px solid var(--signal);border-radius:12px;background:var(--card);color:var(--ok);font-weight:700;font-size:.98rem;cursor:pointer}
.check svg{width:20px;height:20px}
.check[aria-pressed="true"]{background:var(--signal);color:#fff}
.thanks{height:44px;padding:0 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font-weight:500;cursor:pointer}
.related .box{padding:0}
.related h3{padding:16px 18px 6px;margin:0}
.related a{display:block;padding:10px 18px;border-top:1px solid var(--sep);color:var(--ink);font-size:.98rem;font-weight:500}

/* صندوق الرد ثابت تحت */
.reply{position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--card);border-top:1px solid var(--line);padding:10px 12px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px rgba(10,31,68,.08)}
.reply .in{max-width:1080px;margin:0 auto;display:flex;gap:8px;align-items:flex-end}
.reply textarea{flex:1;min-width:0;min-height:50px;max-height:150px;border:2px solid var(--line);border-radius:14px;padding:11px 14px;font-size:1.02rem;line-height:1.5;resize:none;background:var(--card);color:var(--ink)}
.reply textarea:focus{outline:0;border-color:var(--orbit)}
.reply .att{flex:none;width:50px;height:50px;border:0;border-radius:14px;background:var(--soft);color:var(--ink);display:grid;place-items:center;cursor:pointer}
.reply .send{flex:none;height:50px;padding:0 22px;border:0;border-radius:14px;background:var(--sky);color:#fff;font-weight:700;font-size:1.05rem;cursor:pointer}
.reply .msg{flex:1;text-align:center;font-weight:500;color:var(--muted);padding:6px;margin:0}
.reply .msg a{font-weight:700}

/* ───── أماكن الظهور + الإدارة ───── */
.frame{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px;margin:0 0 18px}
.frame>.cap{margin:0 0 12px;font-size:.95rem;color:var(--muted);font-weight:700}
.note{font-size:.9rem;color:var(--muted);margin:10px 0 0}

.adm h1{font-size:1.75rem;margin:0 0 4px}
.adm .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:16px 0 20px}
.adm .stats div{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 16px}
.adm .stats span{display:block;color:var(--muted);font-size:.88rem}
.adm .stats b{font-size:1.6rem}
.groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.groups label{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1.5px solid var(--line);border-radius:12px;cursor:pointer;font-size:.98rem}
.groups label:has(input:checked){border-color:var(--orbit);background:var(--sel-bg)}
.groups input{width:20px;height:20px;accent-color:var(--orbit)}
.groups small{margin-right:auto;color:var(--muted);font-size:.82rem}
.save{margin-top:14px;height:50px;padding:0 28px;border:0;border-radius:14px;background:var(--sky);color:#fff;font-weight:700;font-size:1.05rem;cursor:pointer}


/* ───── الوضع الداكن (نفس كوكي ms_theme بتاع الموقع) ───── */
body.dark-mode{
  --paper:#0B1426; --ink:#E8EEF8; --muted:#9DABC4; --line:#26375A;
  --card:#111D33; --soft:#1A2943; --hover:#15223A; --sep:#1E2D47; --ph:#7486A6;
  --orbit:#86ADF3; --wait:#EDB64E; --signal:#3CCB7F;
  --mine-bg:#3A2A08; --mine:#F4C870; --sel-bg:#1B3260; --ok-bg:#103A26; --ok:#62DC9B; --newbg:#2A220F;
  color-scheme:dark;
}
body.dark-mode .top,body.dark-mode .hero{background:#060E1E}
body.dark-mode .top{border-bottom:1px solid #18284A}
body.dark-mode #theme .sun{display:block}
body.dark-mode #theme .moon{display:none}
body.dark-mode .publish,body.dark-mode .reply .send,body.dark-mode .save{background:var(--amber);color:#2B1B00}
body.dark-mode .role.staff{background:#3A1714;color:#FF9C90}
body.dark-mode body.dark-mode .notif{box-shadow:0 20px 60px rgba(0,0,0,.6);border:1px solid var(--line)}
body.dark-mode .ans.best{box-shadow:0 0 0 5px rgba(60,203,127,.12)}

@media (min-width:760px){
  .hero h1{font-size:2.7rem}
  .hero .in{padding:40px 16px 44px}
  .hero .arcs{width:380px;height:380px;left:0;top:-40px}
  .form{padding:28px 32px}
  .qhead{padding:26px 28px}
  .qhead h1{font-size:1.65rem}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ───── إضافات النسخة الحقيقية ───── */
.menu{position:absolute;top:62px;left:12px;width:min(260px,calc(100vw - 24px));background:var(--card);color:var(--ink);border-radius:16px;box-shadow:0 20px 60px rgba(10,31,68,.3);overflow:hidden;z-index:60;padding:6px 0}
.menu a{display:block;padding:10px 18px;color:inherit;text-decoration:none;font-weight:500}
.menu a:hover{background:var(--hover)}
.menu hr{border:0;border-top:1px solid var(--sep);margin:6px 0}
.notif .empty{padding:18px;color:var(--muted);text-align:center;margin:0}
.notif .all{display:block;text-align:center;padding:10px;font-weight:700;color:var(--orbit);border-top:1px solid var(--sep)}
.alert{margin:0 0 14px;padding:12px 16px;border-radius:14px;background:#FDECEA;color:#8E2219;font-weight:700;border:1px solid #F3C2BC}
.alert.ok{background:var(--ok-bg);color:var(--ok);border-color:transparent}
body.dark-mode .alert{background:#3A1714;color:#FFB4AB;border-color:#5A231D}
body.dark-mode .alert.ok{background:var(--ok-bg);color:var(--ok)}
.empty-state{background:var(--card);border:1px dashed var(--line);border-radius:20px;padding:30px 20px;text-align:center;color:var(--muted)}
.empty-state b{display:block;color:var(--ink);font-size:1.15rem;margin-bottom:6px}
.empty-state a{font-weight:700}
.drop .img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:14px}
.drop .img.real::after{display:none}
.gallery a img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ans .gallery{margin-top:12px}
.tools{display:flex;gap:14px;margin-top:10px;font-size:.88rem}
.tools button,.tools a{border:0;background:none;padding:0;color:var(--muted);font-weight:500;cursor:pointer;text-decoration:none;font-size:.88rem}
.tools button:hover,.tools a:hover{color:var(--orbit)}
.tools .del:hover{color:#C2362B}
.reply form{display:flex;gap:8px;align-items:flex-end;flex:1;min-width:0}
.reply .attlist{max-width:1080px;margin:0 auto 8px;display:flex;gap:8px;flex-wrap:wrap;font-size:.85rem}
.reply .attlist span{background:var(--soft);border-radius:99px;padding:2px 12px}
.reply .attlist:empty{display:none}
.busy{opacity:.6;pointer-events:none}
.lightbox{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.88);display:grid;place-items:center;padding:16px}
.lightbox img{max-width:100%;max-height:100%;border-radius:8px}
.lightbox button{position:absolute;top:14px;left:14px;width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.15);color:#fff;font-size:1.6rem;cursor:pointer}
.editbox{width:100%;min-height:140px;border:2px solid var(--orbit);border-radius:14px;padding:10px 14px;font-size:1.05rem;line-height:1.7;background:var(--card);color:var(--ink);resize:vertical}
.editbar{display:flex;gap:8px;margin-top:8px}
.editbar button{height:42px;padding:0 18px;border-radius:12px;border:0;font-weight:700;cursor:pointer}
.editbar .s{background:var(--sky);color:#fff}.editbar .c{background:var(--soft);color:var(--ink)}
body.dark-mode .editbar .s{background:var(--amber);color:#2B1B00}
.foot{max-width:1080px;margin:0 auto;padding:10px 16px 120px;color:var(--muted);font-size:.9rem;display:flex;gap:16px;flex-wrap:wrap}
.foot a{color:var(--muted)}
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.q .ex{word-break:break-word}
.body,.ans p{word-break:break-word}
.admin-q{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid var(--sep)}
.thanks[aria-pressed="true"]{border-color:var(--orbit);color:var(--orbit);font-weight:700}
.thanks:disabled{cursor:default}
.groups input[type=number],.groups input[name=ext]{height:36px;border:1.5px solid var(--line);border-radius:8px;padding:0 8px;background:var(--card);color:var(--ink);font:inherit}
.frame form .save{display:block}
.utitle{display:block;font-size:.85rem;font-weight:700;line-height:1.4;color:var(--orbit)}
.uposts{display:block;font-size:.8rem;line-height:1.4;color:var(--muted)}
body.dark-mode .utitle[style]{filter:brightness(1.6) saturate(.9)}