/* ===== Bunnie Studio — desktop + shared styles (phone rules live in mobile.css) ===== */
:root{--bg:#0d0920;--side:#0a0718;--card:rgba(30,22,68,.78);--card2:#2a2060;--line:rgba(142,112,255,.22);--text:#f5f1ff;--muted:#a99fd4;--accent:#8b5cf6;--accent2:#c4b5fd;--good:#34d399;--warn:#fbbf24;--bad:#fb7185;--ig:#e1306c;--fb:#1877f2;--grad:linear-gradient(135deg,#7c3aed,#c026d3);--sat:0px;--sab:0px}
*{box-sizing:border-box}
html,body{margin:0}
body{background:radial-gradient(900px 520px at 88% -6%,rgba(168,85,247,.24),transparent 60%),radial-gradient(760px 520px at 0% 105%,rgba(236,72,153,.13),transparent 60%),var(--bg);background-attachment:fixed;color:var(--text);font:14.5px/1.45 Manrope,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}
a{color:#c4a8ff;text-decoration:none}a:hover{text-decoration:underline}
h1{font-size:26px;font-weight:800;margin:0 0 4px;letter-spacing:-.01em}h2{font-size:17px;font-weight:800;margin:0}h3{font-size:15px;margin:0}
code{background:var(--card2);padding:2px 6px;border-radius:6px;font-size:13px;word-break:break-all}
.muted{color:var(--muted)}.small{font-size:13px}.good{color:var(--good)}.bad{color:var(--bad)}
.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;display:inline-block;vertical-align:middle}
button{font-family:inherit}

/* ---------- shell ---------- */
.shell{display:flex;min-height:100vh}
.content{flex:1;min-width:0;display:flex;flex-direction:column}
.side{width:252px;flex:0 0 252px;position:sticky;top:0;height:100vh;padding:18px 14px 14px;background:linear-gradient(180deg,rgba(19,12,44,.97),rgba(10,7,24,.98));border-right:1px solid var(--line);display:flex;flex-direction:column;gap:6px;z-index:6}
.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 14px;color:var(--text)}.brand:hover{text-decoration:none}
.logo{width:54px;height:54px;flex:0 0 auto;filter:drop-shadow(0 4px 12px rgba(168,85,247,.5))}
.bn{display:flex;flex-direction:column;line-height:1.1;min-width:0}
.bn b{font-size:21px;font-weight:800;letter-spacing:-.01em;white-space:nowrap}
.bn small{color:#d8b4fe;font-size:12px;margin-top:5px;font-weight:500;white-space:nowrap}
.side nav{display:flex;flex-direction:column;gap:4px;flex:1;min-height:0;overflow-y:auto;scrollbar-width:none}
.side nav::-webkit-scrollbar{display:none}
.side nav a{display:flex;align-items:center;gap:13px;height:46px;flex:0 0 auto;padding:0 14px;border-radius:13px;color:#d4cbf7;font-weight:600;font-size:15px}
.side nav a .ic{width:21px;height:21px;color:#b9a8ff}
.side nav a:hover{background:rgba(255,255,255,.06);text-decoration:none;color:#fff}
.side nav a.on{background:linear-gradient(90deg,#6d28d9,#a855f7);color:#fff;box-shadow:0 8px 20px rgba(124,58,237,.45)}
.side nav a.on .ic{color:#fff}
.navplus{margin-left:auto;width:24px;height:24px;border-radius:8px;border:1px solid rgba(196,181,253,.4);display:flex;align-items:center;justify-content:center}
.navplus .ic{width:14px;height:14px;color:#e9d5ff !important}
.side-foot{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.bk{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;border:1px solid rgba(168,85,247,.55);background:linear-gradient(135deg,rgba(109,40,217,.35),rgba(192,38,211,.18));color:var(--text)}
.bk:hover{text-decoration:none;border-color:#c084fc}
.bk-ic{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#c026d3);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.bk b{display:block;font-size:14px}.bk small{color:#d8b4fe;font-size:12px}
.stor{padding:2px 6px}
.stor-h{font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px;margin-bottom:8px}.stor-h .ic{width:18px;height:18px;color:#b9a8ff}
.bar{height:8px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#34d399,#22d3ee)}
.stor-n{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);margin-top:6px}.stor-n b{color:var(--text)}
.side .out{display:flex;align-items:center;gap:13px;height:42px;padding:0 14px;border-radius:12px;color:var(--muted);font-weight:600}
.side .out:hover{background:rgba(255,255,255,.06);text-decoration:none;color:#fff}

/* ---------- header ---------- */
.top{height:64px;flex:0 0 64px;display:flex;align-items:center;gap:16px;padding:0 26px}
.brand-m{display:none}
.search{position:relative;flex:1;max-width:560px;display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--muted)}
.search:focus-within{border-color:#a78bfa;background:rgba(255,255,255,.07)}
.search input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--text);font:inherit;padding:0;height:100%;border-radius:0;-webkit-appearance:none;appearance:none}
.search input:focus{outline:none}
.search kbd{font:600 11px Manrope,sans-serif;color:var(--muted);border:1px solid var(--line);border-radius:7px;padding:3px 7px}
.sr{position:absolute;left:0;right:0;top:50px;background:#1a1340;border:1px solid var(--line);border-radius:14px;padding:6px;display:none;z-index:30;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.sr.open{display:block}
.sr a,.sr .none{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:10px;color:var(--text)}
.sr a:hover,.sr a.on{background:rgba(139,92,246,.25);text-decoration:none}.sr em{font-style:normal;color:var(--muted);font-size:12px}
.sr .none{color:var(--muted)}
.top-r{margin-left:auto;display:flex;align-items:center;gap:14px}
.pop-wrap{position:relative}
.health{height:38px;display:flex;align-items:center;gap:8px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--text);font-size:13px;font-weight:600;cursor:pointer}
.health:hover{border-color:#a78bfa}
.dot{width:9px;height:9px;border-radius:50%;background:var(--good);display:inline-block;flex:0 0 auto;box-shadow:0 0 0 3px rgba(52,211,153,.18)}
.dot.warn{background:var(--warn);box-shadow:0 0 0 3px rgba(251,191,36,.18)}.dot.bad{background:var(--bad);box-shadow:0 0 0 3px rgba(251,113,133,.2)}
.bell{position:relative;width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--text);background:rgba(255,255,255,.05);border:1px solid var(--line)}
.bell:hover{text-decoration:none;border-color:#a78bfa}
.bell b{position:absolute;top:-3px;right:-3px;background:#ef4444;color:#fff;font-size:10.5px;border-radius:999px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--bg)}
.me{display:flex;align-items:center;gap:10px;background:none;border:0;color:var(--text);cursor:pointer;padding:0}
.av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#a855f7,#ec4899);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px;border:2px solid rgba(255,255,255,.25)}
.who{display:flex;flex-direction:column;text-align:left;line-height:1.15}.who b{font-size:14px}.who small{color:var(--muted);font-size:12px}
.pop{position:absolute;right:0;top:48px;min-width:270px;background:#1a1340;border:1px solid var(--line);border-radius:16px;padding:14px;display:none;z-index:40;box-shadow:0 24px 60px rgba(0,0,0,.55)}
.pop.open{display:block}.pop h3{margin-bottom:6px}
.pop.menu{min-width:210px;padding:6px}.pop.menu a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--text);font-weight:600}.pop.menu a:hover{background:rgba(139,92,246,.25);text-decoration:none}
.hrow{display:flex;gap:10px;align-items:flex-start;padding:5px 0}.hrow .dot{margin-top:6px}.hrow b{font-size:13.5px}
main{flex:1;min-width:0;padding:6px 26px 60px}
.tabbar,.sheet{display:none}

/* ---------- generic components (other pages) ---------- */
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;margin:0 0 16px;box-shadow:0 8px 26px rgba(0,0,0,.22)}
.stack{display:flex;flex-direction:column;gap:12px}
.sec-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
input,textarea,select{width:100%;background:rgba(8,5,22,.65);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:10px 12px;font:inherit}
input:focus,textarea:focus,select:focus{outline:2px solid #8b5cf6;outline-offset:1px}
input[type=checkbox],input[type=radio]{width:auto}
label{display:flex;flex-direction:column;gap:6px;font-weight:500}
label.check{flex-direction:row;align-items:center;gap:10px;font-weight:400;padding:4px 0}
.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;background:rgba(255,255,255,.07);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:9px 15px;font:inherit;font-weight:600;cursor:pointer}
.btn:hover{border-color:#a78bfa;text-decoration:none}
.btn.primary{background:linear-gradient(135deg,#7c3aed,#a855f7);border-color:transparent;color:#fff;box-shadow:0 8px 20px rgba(124,58,237,.35)}.btn.primary:hover{filter:brightness(1.1)}
.btn.danger,.link.danger{color:var(--bad)}
.btn.sm{padding:5px 10px;font-size:13px}
.link{background:none;border:0;color:#c4a8ff;cursor:pointer;font:inherit;padding:4px}
.flash{padding:10px 14px;border-radius:12px;margin:0 0 14px;border:1px solid var(--line);background:var(--card)}
.flash.slim{margin:0;padding:8px 14px;font-size:13.5px}
.flash.ok{border-color:#166534;background:#0f2a1c}.flash.err{border-color:#7f1d1d;background:#2a1215}.flash.warn{border-color:#854d0e;background:#2a2010}
.pill{font-size:12px;padding:3px 10px;border-radius:999px;white-space:nowrap}
.pill.ok{background:#14532d;color:#86efac}.pill.info{background:#312e81;color:#c7d2fe}.pill.warn{background:#713f12;color:#fde68a}.pill.bad{background:#7f1d1d;color:#fecaca}.pill.mute{background:var(--card2);color:var(--muted)}
.row{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.row:first-of-type{border-top:0}.row.sub{padding:6px 0 6px 20px}.row.rowtop{border-top:0;align-items:flex-start}
.grow{flex:1;min-width:0}
.thumb{width:42px;height:56px;border-radius:9px;overflow:hidden;background:var(--card2);flex-shrink:0}
.thumb video,.thumb img{width:100%;height:100%;object-fit:cover}
.big{font-size:24px}
.empty{color:var(--muted);padding:10px 0;margin:0}
.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.actions form{margin:0}
.nums{display:flex;gap:24px}.nums div{display:flex;flex-direction:column}.nums b{font-size:20px}.nums span{font-size:12px;color:var(--muted)}
.ws-block{border-left:4px solid var(--c)}
.inline-form{display:flex;gap:10px}.inline-form input{flex:1}
.two-in{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.filters{display:flex;gap:8px;margin:12px 0}.filters button{background:rgba(255,255,255,.06);color:var(--muted);border:0;border-radius:10px;padding:7px 14px;font:inherit;cursor:pointer;font-weight:600}.filters button.on{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff}
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.mtile{position:relative;aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:var(--card2);border:2px solid transparent}
.mtile video,.mtile img{width:100%;height:100%;object-fit:cover;display:block}
.mtile .cap{position:absolute;left:0;right:0;bottom:0;padding:6px 8px;font-size:11px;background:rgba(10,8,24,.75);display:flex;justify-content:space-between;gap:6px}
.mtile .cap span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mtile.upload{border:1.5px dashed rgba(167,139,250,.5);background:transparent;display:flex;align-items:center;justify-content:center;color:#c4b5fd;text-align:center;font-size:13px}
.mtile.upload label{flex:1;align-items:center;justify-content:center;color:#c4b5fd;cursor:pointer;text-align:center;gap:4px}
.mtile.pick{cursor:pointer}.mtile.pick.sel{border-color:var(--accent)}
.badge{position:absolute;top:6px;right:6px;min-width:22px;height:22px;border-radius:999px;background:var(--accent);color:#fff;font-size:12px;display:none;align-items:center;justify-content:center;font-weight:700}
.mtile.pick.sel .badge{display:flex}
.seg{display:inline-flex;background:rgba(8,5,22,.65);border-radius:12px;padding:3px;border:1px solid var(--line);align-self:flex-start}
.seg label{flex-direction:row}.seg input{display:none}.seg span{padding:7px 18px;border-radius:9px;cursor:pointer;color:var(--muted)}
.seg input:checked+span{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff}
.grp{margin-top:6px}.sub-form{border-top:1px solid var(--line);padding-top:14px}
.cap-text{color:var(--muted);margin-top:4px;white-space:pre-wrap}
.cal-head{display:flex;align-items:center;gap:10px;margin:14px 0}.cal-head h2{flex:1;text-align:center}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:16px}
.cal .dow{font-size:12px;color:var(--muted);text-align:center;padding:4px}
.cal .day{background:var(--card);border:1px solid var(--line);border-radius:12px;min-height:110px;padding:6px;cursor:pointer;font-size:13px;display:flex;flex-direction:column;gap:4px;min-width:0}
.cal .day.out{opacity:.35}.cal .day.today{border-color:var(--accent)}.cal .day.sel{background:var(--card2)}.cal .day.over{background:rgba(124,92,255,.25);border-color:var(--accent)}
.cal .dn{font-weight:700;font-size:13px}
.cpost{font-size:11px;background:rgba(124,92,255,.2);border-left:3px solid var(--accent2);border-radius:6px;padding:3px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cpost[draggable=true]{cursor:grab}.cpost.published{background:rgba(52,211,153,.14);border-color:var(--good)}.cpost.failed{background:rgba(251,113,133,.16);border-color:var(--bad)}
.dots{display:flex;flex-wrap:wrap;gap:3px;margin-top:6px}.dots i{width:8px;height:8px;border-radius:50%;background:var(--accent2)}.dots i.published{background:var(--good)}.dots i.failed{background:var(--bad)}
.authpage{display:flex;align-items:center;justify-content:center;padding:20px;min-height:100vh}.authbox{width:100%;max-width:400px;display:flex;flex-direction:column;gap:12px}
.auth-logo{width:84px;height:84px;align-self:center;filter:drop-shadow(0 6px 16px rgba(168,85,247,.5))}
.authbox h1{text-align:center;font-size:22px}.authbox p{text-align:center;margin:0}
.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.tchip{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#fff;border-radius:999px;padding:4px 6px 4px 12px;font-size:13px}
.tchip button{background:rgba(255,255,255,.2);border:0;color:#fff;border-radius:50%;width:18px;height:18px;cursor:pointer;line-height:1}
.pathrow{display:flex;gap:8px}
.modal{position:fixed;inset:0;background:rgba(5,3,15,.7);display:none;align-items:center;justify-content:center;z-index:60;padding:16px}
.modal.open{display:flex}.modal .box{background:#1a1340;border:1px solid var(--line);border-radius:18px;width:100%;max-width:520px;max-height:80vh;display:flex;flex-direction:column;padding:16px;gap:10px}
.modal .list{overflow:auto;flex:1;border:1px solid var(--line);border-radius:12px}
.modal .list div{padding:9px 12px;cursor:pointer;display:flex;gap:8px;align-items:center;border-top:1px solid var(--line)}.modal .list div:first-child{border-top:0}.modal .list div:hover{background:var(--card2)}
.modal .box textarea{resize:vertical}
.acc-grp{margin-top:8px}.acc-grp .t{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.acc{display:flex;align-items:center;gap:10px;padding:6px 0}

/* ---------- platform badges ---------- */
.pfb{width:24px;height:24px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:#fff;flex:0 0 auto}
.pfb .ic{width:15px;height:15px;stroke-width:2}
.pfb.instagram{background:linear-gradient(45deg,#f9a03f,#e1306c 52%,#833ab4)}
.pfb.facebook{background:var(--fb);border-radius:50%}.pfb.facebook .ic{width:17px;height:17px}

/* ---------- Home (one screen, no scrolling) ---------- */
.page-home .content{height:100vh;overflow:hidden}
.page-home main{min-height:0;padding:0 26px 18px;display:flex;flex-direction:column}
.page-home .flash{flex:0 0 auto}
.hm{flex:1;min-height:0;display:flex;flex-direction:column;gap:14px}
.hello{display:flex;justify-content:space-between;align-items:flex-end;flex:0 0 auto;padding-top:2px}
.hello h1{font-size:34px;font-weight:800;letter-spacing:-.02em;margin:0;line-height:1.1}
.hello p{margin:5px 0 0;color:var(--muted);font-size:15px}
.script{font-family:Caveat,cursive;font-size:30px;line-height:1.02;text-align:right;color:#eadcff;transform:rotate(-5deg);margin-right:10px}
.script .ic{color:#f472b6;fill:#f472b6;stroke:none;width:22px;height:22px}
.wsrow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;flex:0 0 auto}
.wsc{position:relative;border-radius:20px;padding:12px 14px;border:1.5px solid var(--c);background:linear-gradient(160deg,color-mix(in srgb,var(--c) 26%,#150f33),#150f33 78%);box-shadow:0 10px 30px color-mix(in srgb,var(--c) 18%,transparent);display:flex;flex-direction:column;gap:8px;min-width:0}
.wsc-h{display:flex;gap:12px;align-items:center;min-width:0}
.wav{width:54px;height:54px;border-radius:15px;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 50%,#000));display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#fff;flex:0 0 auto;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.wn{min-width:0}.wn b{display:block;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wn small{color:var(--muted)}
.pfs{display:flex;gap:7px;min-height:24px;align-items:center;flex-wrap:nowrap;overflow:hidden}.pfs small{color:var(--muted)}
.wsc .nums{display:flex;justify-content:space-between;gap:8px}
.wsc .nums div{display:flex;flex-direction:column;align-items:flex-start}
.wsc .nums b{font-size:22px;line-height:1.1;font-weight:800}.wsc .nums span{font-size:12px;color:var(--muted)}
.wsc .open{margin-top:auto;height:38px;border-radius:12px;background:var(--c);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}
.wsc .open:hover{text-decoration:none;filter:brightness(1.12)}.wsc .open .sm{display:none}
.wsc.new{border:2px dashed rgba(167,139,250,.45);background:rgba(255,255,255,.02);box-shadow:none;align-items:center;justify-content:center;text-align:center}
.newbtn{background:none;border:0;color:var(--text);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0}
.newbtn b{font-size:16px}.newbtn small{color:var(--muted);font-size:12.5px;max-width:190px;line-height:1.35}
.plusc{width:52px;height:52px;border-radius:50%;background:rgba(139,92,246,.25);display:flex;align-items:center;justify-content:center;color:#d8c8ff}.plusc .ic{width:26px;height:26px}
.newf{display:none;flex-direction:column;gap:8px;width:100%}.wsc.new.open .newbtn{display:none}.wsc.new.open .newf{display:flex}
.wsc.autoc{grid-column:span var(--r,1);border:1px solid var(--line);background:var(--card);box-shadow:none;gap:6px}
.wsc.autoc .ph{margin:0}.wsc.autoc h2{display:flex;align-items:center;gap:8px}.wsc.autoc h2 .ic{color:#c4a8ff}
.afl{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:6px}
.afr{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:12px;background:rgba(255,255,255,.04);flex:0 0 auto}
.afi{width:32px;height:32px;border-radius:10px;background:rgba(139,92,246,.25);color:#d8c8ff;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.afb{min-width:0;display:flex;flex-direction:column;line-height:1.25}.afb b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.afb span{font-size:12.5px;color:var(--muted)}.afb i{font-style:normal}
.paused{font-style:normal;font-size:11px;background:var(--card2);color:var(--muted);padding:1px 7px;border-radius:99px}
.statrow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) 1.5fr;gap:12px;flex:0 0 auto}
.stc{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;background:var(--card);border:1px solid var(--line);min-width:0}
.stc>div{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.stc small{font-size:12.5px;color:var(--muted);font-weight:600;white-space:nowrap}
.stc b{font-size:26px;font-weight:800;line-height:1.15}
.stc em{font-style:normal;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stc em.good{color:var(--good)}.stc em.bad{color:var(--bad)}
.sti{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.sti .ic{width:23px;height:23px}
.c-blue{background:rgba(59,130,246,.2);color:#60a5fa}.c-violet{background:rgba(139,92,246,.25);color:#c4b5fd}.c-sky{background:rgba(56,189,248,.18);color:#38bdf8}.c-red{background:rgba(251,113,133,.18);color:#fb7185}.c-pink{background:rgba(236,72,153,.2);color:#f472b6}
.quote{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;border-radius:18px;background:linear-gradient(120deg,rgba(109,40,217,.5),rgba(192,38,211,.3));border:1px solid rgba(168,85,247,.5);min-width:0}
.quote q{font-size:17px;font-style:italic;font-weight:700;quotes:none;display:block;line-height:1.25}.quote small{color:#d8b4fe}
.quote img{width:50px;height:50px;flex:0 0 auto}
.rowa{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1.5fr) minmax(0,.9fr);gap:14px;flex:1;min-height:0}
.rowb{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.35fr) minmax(0,.9fr);gap:14px;flex:0 0 clamp(150px,20vh,200px);min-height:0}
.panel{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:14px 16px;display:flex;flex-direction:column;min-height:0;min-width:0;box-shadow:0 10px 30px rgba(0,0,0,.25);overflow:hidden}
.ph{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px;flex:0 0 auto}
.ph h2{font-size:17px;font-weight:800;white-space:nowrap}.ph a{font-size:13px;color:#c4a8ff;font-weight:600;white-space:nowrap}
.up-list{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:8px}
.up{display:flex;align-items:center;gap:12px;padding:6px 10px;border-radius:15px;background:rgba(255,255,255,.04);border:1px solid rgba(142,112,255,.14);flex:0 0 auto}
.th{position:relative;width:52px;height:52px;border-radius:13px;overflow:hidden;background:var(--card2);flex:0 0 auto}
.th img,.th video{width:100%;height:100%;object-fit:cover;display:block}
.ub{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.ub b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.when{font-size:12.5px;color:var(--muted)}
.tg{display:flex;align-items:center;gap:6px;min-width:0}.tg .pfb{width:20px;height:20px;border-radius:6px}.tg .pfb .ic{width:12px;height:12px}.tg .pfb.facebook .ic{width:13px;height:13px}
.tg em{font-style:normal;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st{font-size:12px;font-weight:700;color:var(--good);background:rgba(52,211,153,.13);border:1px solid rgba(52,211,153,.35);padding:4px 10px;border-radius:9px;white-space:nowrap}
.kb{position:relative;flex:0 0 auto}
.kebab{width:32px;height:32px;border-radius:9px;background:none;border:0;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.kebab:hover{background:rgba(255,255,255,.08);color:#fff}
.kmenu{display:none;position:fixed;z-index:50;min-width:150px;background:#1a1340;border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:0 20px 50px rgba(0,0,0,.55)}
.kmenu.open{display:block}
.kmenu button{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;color:var(--text);padding:9px 12px;border-radius:10px;font:inherit;font-weight:600;cursor:pointer}
.kmenu button:hover{background:rgba(139,92,246,.25)}.kmenu .danger{color:var(--bad)}
.calctl{display:flex;gap:6px;align-items:center}
.pill-b,.sq{height:32px;border-radius:10px;background:rgba(255,255,255,.07);border:1px solid var(--line);color:var(--text);font:inherit;font-weight:600;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.pill-b{padding:0 14px}.sq{width:32px}.sq .ic{width:16px;height:16px}.pill-b:hover,.sq:hover{border-color:#a78bfa}
.segb{display:inline-flex;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:11px;padding:2px;margin-left:6px}
.segb a,.segb button{padding:5px 12px;border-radius:9px;color:var(--muted);font:inherit;font-size:13px;background:none;border:0;cursor:pointer;font-weight:600}
.segb a:hover{text-decoration:none;color:#fff}.segb .on{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff}
.cal-title{font-size:14px;color:var(--muted);font-weight:700;margin:0 0 8px;flex:0 0 auto}
.cal2{flex:1;min-height:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.cal2.day{grid-template-columns:1fr}
.cd{display:flex;flex-direction:column;min-height:0;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid rgba(142,112,255,.12);overflow:hidden}
.cd.today{border-color:#a855f7;background:rgba(168,85,247,.1)}
.ch{display:flex;flex-direction:column;align-items:center;padding:6px 0 4px;color:var(--muted);font-size:12px;font-weight:600;line-height:1.2;flex:0 0 auto}
.ch b{font-size:17px;color:var(--text)}.cd.today .ch b{background:#7c3aed;color:#fff;border-radius:8px;padding:0 8px}
.cb{flex:1;min-height:0;padding:4px;display:flex;flex-direction:column;gap:5px;overflow:hidden}
.cc{display:flex;flex-direction:column;gap:3px;padding:3px;border-radius:10px;background:rgba(124,58,237,.24);border-left:3px solid #a855f7;min-width:0;flex:0 0 auto}
.cc[data-edit]{cursor:pointer}.cc[data-edit]:hover{filter:brightness(1.2)}
.cc.ig{border-color:var(--ig);background:rgba(225,48,108,.2)}.cc.fb{border-color:var(--fb);background:rgba(24,119,242,.22)}
.cc.pub{border-color:var(--good);background:rgba(52,211,153,.16)}.cc.fail{border-color:var(--bad);background:rgba(251,113,133,.2)}
.ct{display:block;width:100%;height:36px;border-radius:7px;overflow:hidden;background:var(--card2)}.ct img,.ct video{width:100%;height:100%;object-fit:cover;display:block}
.cx{display:flex;flex-direction:column;min-width:0;line-height:1.15;padding:0 2px 1px}
.cx i{font-style:normal;font-size:10.5px;color:#dccfff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cx b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.cc.big{flex-direction:row;align-items:center;gap:12px;padding:6px}.cc.big .ct{width:48px;height:48px}.cc.big .cx i{font-size:12.5px}.cc.big .cx b{font-size:14px}
.cal-foot{display:flex;align-items:center;gap:14px;margin-top:8px;font-size:12px;color:var(--muted);flex:0 0 auto;flex-wrap:nowrap;overflow:hidden}
.lg-i{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.lg-i i{width:9px;height:9px;border-radius:50%;display:inline-block}
.lg-i .ig{background:var(--ig)}.lg-i .fb{background:var(--fb)}.lg-i .ok{background:var(--good)}.lg-i .bad{background:var(--bad)}
.addp{margin-left:auto;background:var(--grad);color:#fff;border-radius:11px;padding:7px 14px;font-weight:700;display:inline-flex;gap:6px;align-items:center;white-space:nowrap;box-shadow:0 6px 16px rgba(168,85,247,.35)}
.addp:hover{text-decoration:none;filter:brightness(1.1)}.addp .ic{width:16px;height:16px}
.wstrip{display:none}
.spk{display:inline-flex;margin-right:8px;color:#d8b4fe;vertical-align:-3px}.spk .ic{width:22px;height:22px}
.tagf{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:2px 10px;white-space:nowrap}
.tabs{display:flex;gap:4px;background:rgba(255,255,255,.05);border-radius:12px;padding:3px;margin-bottom:10px;flex:0 0 auto}
.tabs button{flex:1;height:32px;border-radius:9px;border:0;background:none;color:var(--muted);font:inherit;font-weight:700;font-size:13.5px;cursor:pointer}
.tabs .on{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff}
.cl{display:block;flex:0 0 auto}
.pn-cap textarea{background:rgba(6,3,18,.55);border:1px solid var(--line);border-radius:12px;padding:9px 12px;font:inherit;font-size:13.5px;color:var(--text);resize:none;width:100%}
.topics{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0;flex:0 0 auto}
.topics button{padding:6px 13px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--muted);font:inherit;font-size:13px;cursor:pointer;font-weight:600}
.topics .on{background:rgba(139,92,246,.32);border-color:#a78bfa;color:#fff}
.gen{height:46px;flex:0 0 auto;border-radius:14px;border:0;background:linear-gradient(90deg,#6d28d9,#c026d3);color:#fff;font:inherit;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 8px 22px rgba(168,85,247,.4)}
.gen:hover{filter:brightness(1.1)}
.capout{position:relative;margin-top:10px;flex:1;min-height:0;display:flex}
.capout textarea{flex:1;min-height:0;padding-right:44px}
.copyb{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.08);border:1px solid var(--line);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center}
.copyb .ic{width:16px;height:16px}.copyb.done{background:var(--good);color:#06281c;border-color:var(--good)}
.pills{display:flex;gap:6px;margin-bottom:8px;overflow:hidden;flex:0 0 auto}
.pills button{height:28px;padding:0 13px;border-radius:9px;background:rgba(255,255,255,.05);border:0;color:var(--muted);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap}
.pills .on{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff}
.ml{flex:1;min-height:0;display:flex;gap:8px;overflow:hidden}
.mt{position:relative;height:100%;aspect-ratio:3/4;flex:0 0 auto;border-radius:13px;overflow:hidden;background:var(--card2);border:1px solid var(--line)}
.mt img,.mt video{width:100%;height:100%;object-fit:cover;display:block}
.mt .pl{position:absolute;left:6px;bottom:6px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;color:#fff}.pl .ic{width:12px;height:12px}
.mt .used{position:absolute;top:6px;right:6px;color:var(--good);background:rgba(0,0,0,.55);border-radius:50%;display:flex}.used .ic{width:17px;height:17px}
.mt.upl{border:1.5px dashed rgba(167,139,250,.5);background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#c4b5fd;font-size:12px;font-weight:700;text-align:center;padding:6px}
.mt.upl .ic{width:24px;height:24px}.mt.upl:hover{text-decoration:none;background:rgba(139,92,246,.1)}
.rp{flex:1;min-height:0;display:flex;gap:10px;overflow:hidden}
.rpi{display:flex;flex-direction:column;gap:5px;flex:0 0 auto;width:clamp(96px,22%,140px);min-width:0}
.rpi .th{flex:1;min-height:0;width:100%;height:auto}
.rpi .chk{position:absolute;top:6px;right:6px;color:var(--good);background:rgba(0,0,0,.55);border-radius:50%;display:flex}.rpi .chk .ic{width:17px;height:17px}
.rpi b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rpi .tg em{font-size:11.5px}
.act-list{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}
.ac{display:flex;gap:10px;align-items:center;padding:6px 0;border-top:1px solid rgba(142,112,255,.1);flex:0 0 auto}.ac:first-child{border-top:0;padding-top:0}
.ai{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.ai .ic{width:16px;height:16px}
.ai.ok{background:rgba(52,211,153,.18);color:var(--good)}.ai.bad{background:rgba(251,113,133,.18);color:var(--bad)}.ai.pu{background:rgba(139,92,246,.25);color:#c4b5fd}.ai.bl{background:rgba(59,130,246,.2);color:#60a5fa}
.ab{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.ab b{font-size:13px}.ab span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ag{font-size:11.5px;color:var(--muted);white-space:nowrap}

/* ---------- workspace page ---------- */
.wp{display:flex;flex-direction:column;gap:14px}
.wp-head{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:20px;border:1.5px solid var(--c);background:linear-gradient(120deg,color-mix(in srgb,var(--c) 30%,#150f33),#150f33 70%)}
.wp-head .wav{width:64px;height:64px;font-size:28px}
.wp-head h1{margin:0;font-size:26px}.wp-head .sub{color:var(--muted)}
.wp-head .pfs{margin-top:6px}
.wp-actions{margin-left:auto;display:flex;gap:10px;align-items:center}
.wp-back{display:none}
.wp-tabs{display:none}
.wp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.wp-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr);gap:14px;align-items:start}
.wp-grid .panel{overflow:visible}
.hist .up{background:rgba(255,255,255,.03)}
.hist .up .st.pub{color:#7dd3fc;background:rgba(56,189,248,.12);border-color:rgba(56,189,248,.35)}
.st.fail{color:var(--bad);background:rgba(251,113,133,.13);border-color:rgba(251,113,133,.35)}
.st.part{color:var(--warn);background:rgba(251,191,36,.12);border-color:rgba(251,191,36,.35)}
.wp-media{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}
.wp-media .mt{height:auto;width:100%}
.wp-acc{display:flex;flex-direction:column;gap:8px}
.wp-acc .arow{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:14px;background:rgba(255,255,255,.04)}
.wp-acc .arow b{display:block}.wp-acc .arow small{color:var(--muted)}

/* ---------- smaller desktop screens ---------- */
@media (max-height:900px){
  .top{height:60px;flex-basis:60px}.hello h1{font-size:28px}.hello p{font-size:14px;margin-top:2px}.script{font-size:26px}
  .hm{gap:11px}.wsc{padding:11px;gap:7px}.wav{width:44px;height:44px;font-size:20px;border-radius:13px}.wsc .nums b{font-size:19px}.wsc .open{height:34px}
  .stc{padding:9px 12px}.stc b{font-size:22px}.sti{width:40px;height:40px}.quote{padding:8px 16px}.quote img{width:42px;height:42px}
  .panel{padding:12px 14px}.ph{margin-bottom:8px}.up{padding:6px 9px}.th{width:48px;height:48px}
  .side nav a{height:42px}.logo{width:48px;height:48px}.brand{padding-bottom:8px}
}
@media (max-height:820px){.hello p{display:none}.side .stor{display:none}.bk{padding:9px}}
@media (max-height:780px){.rowb{display:none}.stc em{display:none}.stc{padding:8px 12px}.hello h1{font-size:25px}.script{display:none}}
@media (max-height:660px){.pfs{display:none}.quote{display:none}.statrow{grid-template-columns:repeat(5,minmax(0,1fr))}.side .bk{display:none}}
@media (max-width:1380px){
  .rowa{grid-template-columns:minmax(0,1fr) minmax(0,1.45fr)}.pn-cap{display:none}
  .rowb{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.pn-act{display:none}
  .statrow{grid-template-columns:repeat(5,minmax(0,1fr))}.quote{display:none}
  .wsrow{grid-template-columns:repeat(4,minmax(0,1fr))}.wsrow>:nth-child(n+5){display:none}
  .wsc.autoc{grid-column:span calc(var(--r,2) - 1)}.wsc.autoc[style*="--r:1"]{display:none}
}
@media (max-width:1100px){
  .side{width:78px;flex-basis:78px;padding:14px 10px;align-items:center}
  .side .bn,.side nav a span,.side .navplus,.side .bk>span:last-child,.side .stor,.side .out span{display:none}
  .brand{padding:0 0 10px}.side nav a{justify-content:center;padding:0;width:54px}.bk{padding:8px}.side .out{justify-content:center;padding:0;width:54px}
  .who{display:none}.health span:last-child{display:none}
}
.wp .cal2{min-height:320px}
.wp-col{display:flex;flex-direction:column;gap:14px;min-width:0}
.wp .pn-cal{min-height:0}
.wp-head .wh-t{min-width:0}
@media (max-width:1100px){.wp-grid{grid-template-columns:1fr}}

.stc small .sm{display:none}
.cmore{font-size:10.5px;font-weight:700;color:#d8c8ff;text-align:center;padding:2px 0;flex:0 0 auto}

.afr form{margin:0 0 0 auto;flex:none}
.mini{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line,#3b2f7a);background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;border-radius:9px;padding:6px 10px;font:700 12px inherit;cursor:pointer}
.mini svg{width:14px;height:14px}

.vary{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px dashed var(--line);border-radius:12px}
.selall{font-weight:700;margin-bottom:6px}

.atable{width:100%;border-collapse:collapse;font-size:14px}
.atable th{text-align:left;font-size:12px;color:var(--muted);font-weight:700;padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.atable td{padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
.atable tr:last-child td{border-bottom:0}
.acn{display:flex;align-items:center;gap:10px}.acn small{display:block;color:var(--muted);font-size:12px}
.meter{width:90px;height:6px;border-radius:6px;background:var(--card2,#2a2158);overflow:hidden;margin-bottom:3px}.meter i{display:block;height:100%;background:linear-gradient(90deg,#8b5cf6,#d946ef)}
.grpf{display:flex;gap:6px;align-items:center}.grpf input{width:90px;padding:6px 8px}
.errl{margin-top:4px;max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ra{text-align:right}
@media(max-width:820px){.atable thead{display:none}.atable,.atable tbody,.atable tr,.atable td{display:block}.atable tr{padding:10px 8px;border-bottom:1px solid var(--line)}.atable td{border:0;padding:4px 8px}}

.statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}
.stc2{background:var(--card,#1b1540);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.stc2 small{display:block;color:var(--muted);font-size:12px}.stc2 b{font-size:24px}

.mini2{padding:5px 10px;font-size:12px;border-radius:9px}.grpchips{margin:4px 0 8px}

.mini.ghost{background:transparent;border:1px solid #6d4fd8;color:#d8ccff}
.afr form + form{margin-left:6px}

/* ---------- quick actions ---------- */
a.stc{color:var(--text);text-decoration:none;transition:border-color .15s,transform .15s}a.stc:hover{border-color:#a78bfa;text-decoration:none;transform:translateY(-1px)}
.qtop{height:38px;display:flex;align-items:center;gap:7px;padding:0 15px;border-radius:999px;border:0;background:linear-gradient(90deg,#6d28d9,#c026d3);color:#fff;font:inherit;font-weight:800;font-size:13.5px;cursor:pointer;box-shadow:0 6px 18px rgba(168,85,247,.4)}
.qtop:hover{filter:brightness(1.12)}.qtop .ic{width:17px;height:17px}
.qpop{min-width:340px;width:360px}
.qa{display:flex;flex-direction:column;gap:8px;min-height:0;flex:1}
.qsel{width:100%;height:38px;border-radius:11px;background:rgba(6,3,18,.55);border:1px solid var(--line);color:var(--text);font:inherit;font-weight:600;padding:0 10px}
.qgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1;min-height:0}
.qa.big .qgrid{grid-auto-rows:1fr}
.pn-quick .qa .qgrid{grid-template-columns:1fr}
.qgrid form{display:flex;min-width:0}
.qb{display:flex;align-items:center;gap:10px;width:100%;min-width:0;padding:10px 12px;border-radius:15px;border:1px solid transparent;color:#fff;font:inherit;text-align:left;cursor:pointer;text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,.28);transition:filter .15s,transform .1s}
.qb:hover{filter:brightness(1.13);text-decoration:none}.qb:active{transform:scale(.97)}
.qb .ic,.qb i{width:24px;height:24px;font-size:24px;flex:0 0 auto}
.qb span{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.qb b{font-size:14.5px;font-weight:800;white-space:nowrap}
.qb small{font-size:11.5px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qb.b1{background:linear-gradient(135deg,#7c3aed,#a855f7)}
.qb.b2{background:linear-gradient(135deg,#db2777,#f472b6)}
.qb.b3{background:linear-gradient(135deg,#ea580c,#f59e0b)}
.qb.b4{background:linear-gradient(135deg,#0d9488,#22c55e)}
.qb.off{background:rgba(255,255,255,.07);border:1px dashed var(--line)}
.qgrid.rq{margin:12px 0 4px}.qgrid.rq .qb{padding:14px 14px}
.qnote{margin:0;line-height:1.35}.qnote a{color:#c4a8ff;font-weight:600}
.qsetup{display:flex;flex-direction:column;gap:8px}.qsetup input{background:rgba(6,3,18,.55);border:1px solid var(--line);border-radius:11px;padding:10px 12px;color:var(--text);font:inherit;font-size:13.5px;width:100%}
.qsetup .btn{height:44px;justify-content:center;font-weight:800}
.pn-quick{overflow:hidden}
.qbar{display:none}
@media (max-width:1380px){
  .pn-quick{display:none}
  .hello .script{display:none}
  .qbar{display:block;flex:0 1 640px;min-width:0}
  .qbar .qb .ic,.qbar .qb i{display:none}
  .wsc.autoc .afr form{display:none}
  .qbar .qa{flex-direction:row;align-items:center;gap:8px}
  .qbar .qgrid{grid-template-columns:repeat(4,minmax(0,1fr));flex:1}
  .qbar .qb{padding:7px 10px;gap:7px}.qbar .qb b{font-size:13px}.qbar .qb small,.qbar .qnote{display:none}
  .qbar .qsel{width:150px;flex:0 0 auto}
  .qbar .qsetup{flex-direction:row;align-items:center}.qbar .qsetup p{display:none}.qbar .qsetup input{flex:1}
}
@media (max-width:1100px){.qtop span{display:none}.qtop{padding:0 12px}}
.pn-quick .qnote:not([data-nostory]){display:none}
@media (max-height:900px){.pn-quick .qb{padding:7px 12px}.pn-quick .qb .ic{width:22px;height:22px}}

.qb.b5{background:linear-gradient(135deg,#be123c,#fb7185)}
.qgrid .qclear{grid-column:1/-1}
.pn-quick .qa .qgrid{grid-template-columns:1fr 1fr}
.pn-quick .qb{padding:9px 10px;gap:8px}.pn-quick .qb b{font-size:13.5px}
.pn-quick .qb .ic{width:20px;height:20px}
@media (max-height:1000px){.pn-quick .qb small{display:none}.pn-quick .qb .ic{display:none}}
@media (max-width:1380px){.qbar .qgrid{grid-template-columns:repeat(5,minmax(0,1fr))}.qbar .qclear{grid-column:auto}}
.qtools{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}

/* accounts panel, today card, stock */
.pills .hint{margin-left:auto;align-self:center;font-size:11.5px;color:#c4a8ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.at{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:0 0 auto;width:124px;height:100%;padding:8px 6px;border-radius:13px;background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--text);min-width:0;text-align:center}
.at:hover{text-decoration:none;border-color:#a78bfa}
.at.bad{border-color:rgba(251,113,133,.5)}
.at b{font-size:12.5px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.at em{font-style:normal;font-size:11.5px;color:var(--muted);white-space:nowrap}
.at.bad em{color:var(--bad)}
.at .rk{position:absolute;top:5px;left:7px;font-size:11px;font-weight:800;color:#d8b4fe}
.at:nth-child(-n+3) .rk{color:#fbbf24}
.av2{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;background:linear-gradient(135deg,#f58529,#dd2a7b 50%,#8134af)}
.tdl{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:6px}
.tdr{display:grid;grid-template-columns:46px 1fr;gap:3px 10px;align-items:center;padding:6px 10px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(142,112,255,.14);flex:0 0 auto}
.tdr b{font-size:14px}.tdr span{grid-column:1/-1;font-size:12px;color:var(--muted)}
.tdr.done b{color:var(--good)}
.tbar{height:6px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden}.tbar i{display:block;height:100%;background:linear-gradient(90deg,#7c3aed,#22c55e);border-radius:3px}
.stk{display:flex;gap:6px;margin:0 0 8px;padding:9px 10px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--text);font-size:12.5px;justify-content:space-between}
.stk:hover{text-decoration:none;border-color:#a78bfa}
.stk span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.stk .ic{width:15px;height:15px;color:#b9a8ff}.stk b{font-size:14px}
@media (max-width:1100px){.stk{flex-direction:column;align-items:center;padding:8px 2px}.stk .ic{display:none}.stk span{font-size:10.5px}}

/* news card */
.newsc .ph form{margin:0}
.newsref{height:26px;padding:0 11px;border-radius:9px;background:rgba(255,255,255,.07);border:1px solid var(--line);color:#c4a8ff;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.newsref:hover{border-color:#a78bfa}
.newsc .pills{margin-bottom:6px}
.nl{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:5px}
.ni{display:flex;flex-direction:column;gap:1px;padding:6px 10px;border-radius:11px;background:rgba(255,255,255,.04);border:1px solid rgba(142,112,255,.12);color:var(--text);flex:0 0 auto;min-width:0}
.ni:hover{text-decoration:none;border-color:#a78bfa}
.ni b{font-size:13px;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ni span{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wsc.newsc{contain:size;min-height:0;overflow:hidden}

/* news carousel */
.nc{flex:1;min-height:0;position:relative;overflow:hidden;border-radius:14px}
.ntrack{display:flex;height:calc(100% - 16px);transition:transform .6s cubic-bezier(.4,0,.2,1)}
.ntrack .ni{flex:0 0 100%;width:100%;justify-content:center;gap:5px;padding:10px 14px;border-radius:14px;background:linear-gradient(135deg,rgba(124,58,237,.22),rgba(192,38,211,.12));border:1px solid rgba(168,85,247,.3)}
.ntrack .ni b{font-size:15px;-webkit-line-clamp:3}
.ntrack .ni span{font-size:12px}
.ntrack .empty{flex:0 0 100%}
.ndots{position:absolute;left:0;right:0;bottom:0;height:12px;display:flex;justify-content:center;align-items:center;gap:5px}
.ndots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.22);cursor:pointer;transition:all .3s}
.ndots i.on{width:18px;border-radius:4px;background:#a855f7}
.wsc.newsc{contain:size;min-height:0;overflow:hidden}

.newsm{display:none}
.newsbox{display:flex;flex-direction:column;flex:1;min-height:0}
.nsrc{font-style:normal}
.ntrack .ni .nsrc{font-size:11px;color:#d8b4fe;font-weight:700;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.cmore{background:rgba(124,58,237,.35);border-radius:8px;margin:2px 3px;padding:3px 0;color:#fff}
.pn-cal .cal2{min-height:84px}

/* ---------- publishing queue v2 ---------- */
.qhead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.qhead h1{margin-bottom:2px}.qhead p{margin:0}
.qhead-r{display:flex;gap:10px;align-items:center}
.qbtn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--text);font:inherit;font-weight:700;cursor:pointer}
.qbtn:hover{background:rgba(139,92,246,.22)}.qbtn.hot{background:rgba(251,113,133,.14);border-color:rgba(251,113,133,.45);color:#fecdd3}
.qbtn .ic{width:17px;height:17px}
.qmanage form{margin:0}.qmanage button{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;color:var(--text);padding:10px 12px;border-radius:10px;font:inherit;font-weight:600;cursor:pointer;text-align:left}
.qmanage button:hover{background:rgba(139,92,246,.25)}.qmanage button.danger{color:var(--bad)}.qmanage .ic{width:17px;height:17px}
.qbar2{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 18px;padding:12px;border-radius:18px;background:var(--card);border:1px solid var(--line);position:sticky;top:0;z-index:8;backdrop-filter:blur(10px)}
.qacc{flex:0 0 auto}
.qsel2{display:flex;align-items:center;gap:12px;min-width:270px;height:52px;padding:0 14px 0 8px;border-radius:14px;background:linear-gradient(135deg,rgba(124,58,237,.35),rgba(192,38,211,.22));border:1px solid rgba(167,139,250,.5);color:var(--text);font:inherit;cursor:pointer;text-align:left}
.qsel2:hover{border-color:#c4b5fd}
.qsel2-t{display:flex;flex-direction:column;line-height:1.2;flex:1;min-width:0}.qsel2-t b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qsel2-t small{color:var(--accent2);font-size:12px;font-weight:600}
.qsel2 .chev{width:16px;height:16px;transform:rotate(90deg);color:var(--accent2)}
.qav{width:36px;height:36px;border-radius:50%;flex:0 0 36px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;background:linear-gradient(135deg,#f58529,#dd2a7b 55%,#8134af)}
.qav.facebook{background:linear-gradient(135deg,#1877f2,#0a4db3)}.qav.all{background:var(--grad)}.qav .ic{width:18px;height:18px}
.qaccpop{left:0;right:auto;top:60px;width:360px;max-width:92vw;padding:10px}
.qaccpop input{margin-bottom:8px}
.qacclist{max-height:340px;overflow:auto;display:flex;flex-direction:column;gap:2px}
.qai{display:flex;align-items:center;gap:12px;width:100%;padding:8px 10px;border-radius:12px;background:none;border:0;color:var(--text);font:inherit;cursor:pointer;text-align:left}
.qai:hover{background:rgba(139,92,246,.2)}.qai.on{background:rgba(139,92,246,.32);box-shadow:inset 0 0 0 1px rgba(196,181,253,.5)}
.qai .qav{width:32px;height:32px;flex-basis:32px;font-size:13px}
.qai b{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}
.qai em{font-style:normal;font-size:12px;color:var(--muted);font-weight:600}.qai em.has{color:#86efac}
.qseg{display:flex;padding:4px;border-radius:12px;background:rgba(8,5,22,.55);border:1px solid var(--line)}
.qseg button{height:34px;padding:0 14px;border:0;border-radius:9px;background:none;color:var(--muted);font:inherit;font-weight:700;cursor:pointer}
.qseg button.on{background:var(--grad);color:#fff;box-shadow:0 4px 14px rgba(124,58,237,.4)}
.qtabs{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}
.qtabs button{display:flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid transparent;color:var(--muted);font:inherit;font-weight:700;cursor:pointer}
.qtabs button i{font-style:normal;font-size:12px;min-width:22px;text-align:center;padding:2px 6px;border-radius:999px;background:rgba(255,255,255,.1);color:var(--text)}
.qtabs button.on{background:rgba(139,92,246,.28);border-color:rgba(196,181,253,.55);color:#fff}
.qtabs button[data-s=failed] i{background:rgba(251,113,133,.25);color:#fecdd3}
.dayh{display:flex;align-items:baseline;gap:12px;margin:22px 4px 10px}
.dayh b{font-size:15px}.dayh span{font-size:12.5px;color:var(--muted);font-weight:600}
.dayh:first-child{margin-top:4px}
.qr{display:flex;align-items:center;gap:16px;padding:12px 14px;margin:0 0 10px;border-radius:16px;background:var(--card);border:1px solid var(--line);transition:border-color .15s,transform .15s}
.qr:hover{border-color:rgba(196,181,253,.5)}
.qr.isLive{border-color:rgba(52,211,153,.6);box-shadow:0 0 0 3px rgba(52,211,153,.1)}
.qthumb{position:relative;width:54px;height:72px;flex:0 0 54px;border-radius:11px;overflow:hidden;background:var(--card2)}
.qthumb img,.qthumb video{width:100%;height:100%;object-fit:cover;display:block}
.qtype{position:absolute;left:4px;bottom:4px;font-size:10px;font-weight:800;padding:2px 6px;border-radius:999px;background:rgba(10,7,24,.75);color:#fff}
.qtype.story{background:linear-gradient(135deg,#f58529,#dd2a7b)}
.qtime{width:74px;flex:0 0 74px;display:flex;flex-direction:column;gap:4px}.qt{font-size:19px;font-weight:800}
.qlive{display:none;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--good)}.qlive i{width:7px;height:7px;border-radius:50%;background:var(--good);animation:qpulse 1.2s infinite}
.qr.isLive .qlive{display:flex}
@keyframes qpulse{50%{opacity:.25}}
.qmid{flex:1;min-width:0}
.qcap{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:7px}
.qchips{display:flex;flex-wrap:wrap;gap:6px}
.qc{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12.5px;font-weight:600;background:rgba(255,255,255,.07);color:var(--text)}
.qc .d{width:7px;height:7px;border-radius:50%;background:var(--muted)}
.qc[data-st=published] .d{background:var(--good)}.qc[data-st=failed] .d{background:var(--bad)}.qc[data-st=running] .d{background:var(--warn)}.qc[data-st=pending] .d{background:#a78bfa}
.qc[data-st=failed]{background:rgba(251,113,133,.14)}
.qmore{border:0;border-radius:999px;padding:4px 10px;font:inherit;font-size:12.5px;font-weight:700;background:rgba(124,58,237,.35);color:#fff;cursor:pointer}
.qerr{margin-top:8px;font-size:12.5px;color:#fecdd3;background:rgba(251,113,133,.1);border-radius:9px;padding:6px 10px}
.qpill{flex:0 0 auto;font-size:12px;font-weight:800;padding:5px 12px;border-radius:999px}
.qpill.waiting{background:rgba(167,139,250,.2);color:#ddd6fe}.qpill.published{background:rgba(52,211,153,.18);color:#86efac}.qpill.failed{background:rgba(251,113,133,.2);color:#fecdd3}.qpill.cancelled{background:rgba(255,255,255,.08);color:var(--muted)}
.qempty{text-align:center;color:var(--muted);padding:50px 10px;border:1px dashed var(--line);border-radius:18px}
.qt{white-space:nowrap}.qtime{width:92px;flex-basis:92px}

.wsapp{display:flex;align-items:center;gap:10px;margin:2px 0 10px;padding:8px 12px;border-radius:12px;background:rgba(139,92,246,.12);border:1px solid var(--line);font-size:13.5px;font-weight:600;color:var(--accent2)}
.wsapp span{flex:1}.wsapp select{width:auto;min-width:180px;max-width:55%;padding:6px 10px;border-radius:10px}

.wsadd{margin:0 0 10px;border-radius:12px;border:1px dashed var(--line);padding:0 12px}
.wsadd summary{cursor:pointer;list-style:none;padding:10px 0;font-weight:700;font-size:13.5px;color:var(--accent2);display:flex;align-items:center;gap:8px}
.wsadd summary::-webkit-details-marker{display:none}.wsadd[open] summary{border-bottom:1px solid var(--line);margin-bottom:10px}
.wsadd form{padding-bottom:12px}

.wsec{margin:26px 0 8px}.wsec-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.wsec-h h2{margin:0;font-size:20px}.wsec-dot{width:12px;height:12px;border-radius:50%;background:var(--c,#8b5cf6);box-shadow:0 0 0 4px rgba(139,92,246,.18)}
.wsec-add{margin-left:auto}.wsec-empty{padding:14px;border:1px dashed var(--line);border-radius:14px;text-align:center}
.wspick{max-width:340px}

/* workspace switcher */
.wsw{display:flex;align-items:center;gap:10px;height:42px;padding:0 12px 0 12px;border-radius:14px;background:rgba(139,92,246,.16);border:1px solid rgba(167,139,250,.45);color:var(--text);font:inherit;cursor:pointer;text-align:left}
.wsw:hover{background:rgba(139,92,246,.28)}
.wsw-t{display:flex;flex-direction:column;line-height:1.1;min-width:0}.wsw-t small{font-size:10.5px;color:var(--accent2);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.wsw-t b{font-size:14px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wsw .ic{width:14px;height:14px;transform:rotate(90deg);color:var(--accent2)}
.wsw-dot{width:11px;height:11px;border-radius:50%;background:var(--c,#8b5cf6);flex:0 0 11px;box-shadow:0 0 0 3px rgba(255,255,255,.08)}
.wswpop{left:0;right:auto;min-width:220px}.wswpop a.on{background:rgba(139,92,246,.3)}

.wsw-new{display:flex;gap:6px;margin:6px 4px 2px;padding-top:8px;border-top:1px solid var(--line)}
.wsw-new input{flex:1;min-width:0;height:38px;padding:0 10px;border-radius:10px}
.wsw-new button{width:38px;height:38px;border-radius:10px;border:0;background:var(--grad);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:0 0 38px}
.wsw-new .ic{width:18px;height:18px}
.wsc.chk{border:1.5px solid color-mix(in srgb,var(--c) 55%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--c) 14%,#150f33),#150f33 80%);gap:8px}
.chk .ph{margin:0;align-items:center}.chk h2{font-size:14.5px;display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chk-n{font-weight:800;font-size:13px;color:var(--accent2)}
.chk-bar{height:6px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}.chk-bar i{display:block;height:100%;background:var(--grad);border-radius:99px}
.chk-l{display:flex;flex-direction:column;gap:5px}
.chk-i{display:flex;align-items:center;gap:10px;padding:5px 8px;border-radius:10px;color:var(--text);min-width:0}
.chk-i:hover{background:rgba(255,255,255,.07);text-decoration:none}
.chk-i b{display:block;font-size:13px;line-height:1.15}.chk-i small{display:block;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chk-i>span:last-child{min-width:0}
.chk-d{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.25);flex:0 0 20px;display:flex;align-items:center;justify-content:center;color:#fff}
.chk-d .ic{width:12px;height:12px}
.chk-i.ok .chk-d{background:var(--good);border-color:var(--good)}.chk-i.ok b{color:var(--muted);font-weight:600}
.chk-i.next{background:rgba(139,92,246,.22)}.chk-i.next .chk-d{border-color:#c4b5fd}
.chk-n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}.chk .ph{gap:8px}

.dsel{margin-bottom:8px;border-color:rgba(167,139,250,.5);background:rgba(139,92,246,.12)}
.dsaved{margin:0 0 12px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.dsaved>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;padding:11px 14px;font-weight:700;font-size:14px}
.dsaved>summary::-webkit-details-marker{display:none}.dsaved>summary .ic{width:18px;height:18px;color:var(--accent2)}
.dsaved-n{margin-left:auto;font-size:12px;padding:2px 9px;border-radius:99px;background:rgba(139,92,246,.3)}
.dsaved-b{padding:0 14px 14px;display:flex;flex-direction:column;gap:6px}
.ds-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 0;border-top:1px solid var(--line)}
.ds-row .grow{display:flex;flex-direction:column;min-width:0}.ds-link{text-decoration:underline}
.ds-edit{position:relative}.ds-edit>summary{list-style:none;cursor:pointer}.ds-edit>summary::-webkit-details-marker{display:none}
.ds-edit[open]{flex-basis:100%;order:5}.ds-edit form{margin-top:8px}
.ds-add{display:grid;grid-template-columns:1fr 1.6fr auto auto;gap:8px;margin-top:6px}

/* Instagram quick access (Home header) */
.igq{display:flex;align-items:center;gap:12px;min-width:0;max-width:62%;padding:8px 12px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.igq-t{display:flex;align-items:center;gap:7px;color:var(--accent2);font-size:12.5px;white-space:nowrap}.igq-t .ic{width:18px;height:18px}.igq-t b{font-weight:800}
.igq-l{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;min-width:0;padding:2px}.igq-l::-webkit-scrollbar{display:none}
.igq-a{display:flex;flex-direction:column;align-items:center;gap:3px;flex:0 0 auto;width:62px;color:var(--text)}
.igq-a:hover{text-decoration:none}.igq-a:hover .igq-av{transform:translateY(-2px);box-shadow:0 8px 20px rgba(221,42,123,.4)}
.igq-av{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;background:linear-gradient(135deg,#f58529,#dd2a7b 55%,#8134af);box-shadow:0 0 0 2px #120d2b,0 0 0 4px rgba(221,42,123,.55);transition:transform .15s,box-shadow .15s}
.igq-a small{font-size:10.5px;max-width:62px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
.igq-a.bad .igq-av{background:#3a2a4a;box-shadow:0 0 0 2px #120d2b,0 0 0 4px rgba(251,113,133,.7)}
.igq-a.more .igq-av{background:rgba(139,92,246,.35);box-shadow:0 0 0 2px #120d2b,0 0 0 4px rgba(139,92,246,.5);font-size:13px}
@media (max-height:780px){.igq-a small{display:none}.igq-a{width:44px}.igq-av{width:34px;height:34px}.igq{padding:6px 10px}}
.igq-av{position:relative;overflow:hidden}.igq-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.igq-l{padding:6px 4px}
/* instagram accounts card (replaces news) */
.igg{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:8px 6px;align-content:start;flex:1;min-height:0;overflow-y:auto;padding:6px 2px;scrollbar-width:thin}
.igg .igq-a{width:auto}.igg .igq-a small{max-width:100%}
.igc .ph a.newsref{display:inline-flex;align-items:center}
.igm{display:none}
.igc .ph a.newsref{display:none}
.igc .igg{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}
.igc .igq-a small{font-size:10px}
.igm .ph a.newsref{display:inline-flex;align-items:center;height:30px;line-height:1;text-decoration:none}
.igq-av{overflow:visible}.igq-av img{border-radius:50%}
.igq-f{position:absolute;right:-3px;bottom:-3px;width:15px;height:15px;border-radius:50%;background:#1877f2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M14 8h2.5V5H14c-2 0-3.5 1.6-3.5 3.6V10H8.5v3h2v7h3v-7H16l.5-3h-3V8.6c0-.4.2-.6.5-.6z'/%3E%3C/svg%3E") center/100% no-repeat;border:2px solid #120d2b;z-index:2;box-sizing:content-box}
/* post to all */
.bcg{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin:16px 0}
.bc{display:flex;flex-direction:column;gap:14px;margin:0}
.bc-h{display:flex;align-items:center;gap:12px}.bc-h h2{margin:0;font-size:19px}.bc-h small{color:var(--muted)}
.bc-i{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff}
.bc-i .ic{width:24px;height:24px}
.bc-instagram .bc-i{background:linear-gradient(135deg,#f58529,#dd2a7b 55%,#8134af)}.bc-facebook .bc-i{background:#1877f2}
.bc-b{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.bc-b .qb{min-height:84px;opacity:1}.bc-b .qb[disabled]{opacity:.4;cursor:not-allowed}
.bc-f{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--muted)}.bc-f select{width:100%}
@media (max-width:560px){.bc-b{grid-template-columns:1fr}.bc-b .qb{min-height:64px}}
/* quick actions: post-to switch */
.qplat{display:flex;align-items:center;gap:4px;margin:0 0 8px;padding:3px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid var(--line)}
.qplat span{font-size:11.5px;color:var(--muted);padding:0 8px 0 6px;white-space:nowrap}
.qplat button{flex:1;height:28px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.qplat button.on{background:linear-gradient(135deg,#7c3aed,#c026d3);color:#fff}
.qplat button[data-p=facebook].on{background:#1877f2}
.qplat button[data-p=instagram].on{background:linear-gradient(135deg,#f58529,#dd2a7b 55%,#8134af)}
@media (max-width:420px){.qplat span{display:none}}
@media (min-width:901px){.qbar .qa{flex-direction:column;align-items:stretch;gap:6px}.qbar .qplat{margin:0;align-self:flex-end;width:260px;padding:2px}.qbar .qplat button{height:24px;font-size:12px}.qbar .qplat span{padding:0 6px}}
.qa.big .qsel{display:none}
/* quick actions card: always fit, nothing cut off */
.pn-quick .qa{gap:6px}
.pn-quick .qplat{margin:0;flex:0 0 auto}.pn-quick .qplat button{height:26px}
.pn-quick .qa .qgrid{grid-template-rows:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:6px}
.pn-quick .qgrid form{min-height:0}
.pn-quick .qb{padding:3px 10px;min-height:0;height:100%;border-radius:12px;align-items:center}
.pn-quick .qb b{line-height:1.1;overflow:hidden;text-overflow:ellipsis}
@media (max-height:960px){
 .pn-quick .ph{display:none}
 .pn-quick .qclear{display:none}
 .pn-quick .qa .qgrid{grid-template-rows:repeat(2,minmax(0,1fr))}
 .pn-quick .qb b{font-size:13px}
}

/* ===== Instagram-style tiles ===== */
@property --ang{syntax:'<angle>';initial-value:0deg;inherits:false}
.igg{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:16px 10px;padding:12px 6px 8px}
.igg .igq-a{gap:8px;width:auto}
.igg .igq-av{width:72px;height:72px;border-radius:24px;margin:0 auto;font-size:26px;position:relative;z-index:0;overflow:visible;
  box-shadow:0 0 0 3px #120d2b;background:linear-gradient(135deg,#6d28d9,#c026d3);transition:transform .25s cubic-bezier(.3,1.4,.5,1),box-shadow .25s}
.igg .igq-av img{border-radius:24px}
.igg .igq-av::before{content:"";position:absolute;inset:-6px;border-radius:29px;z-index:-1;
  background:conic-gradient(from var(--ang),#f58529,#dd2a7b,#8134af,#515bd4,#f58529);animation:igspin 6s linear infinite}
.igg .igq-a.fb .igq-av::before{background:conic-gradient(from var(--ang),#1877f2,#5aa9ff,#7c3aed,#1877f2)}
.igg .igq-a.bad .igq-av::before{background:#fb7185;animation:none}
.igg .igq-a:hover .igq-av{transform:translateY(-5px) scale(1.07);box-shadow:0 0 0 3px #120d2b,0 14px 28px rgba(221,42,123,.45)}
.igg .igq-a.fb:hover .igq-av{box-shadow:0 0 0 3px #120d2b,0 14px 28px rgba(24,119,242,.5)}
.igg .igq-a small{font-size:12px;font-weight:600;color:var(--text);max-width:100%;opacity:.9}
.igg .igq-a:hover small{opacity:1;color:#fff}
.igg .igq-f{width:22px;height:22px;right:-8px;bottom:-8px;border-width:3px}
.igg .igq-a.more .igq-av{background:rgba(139,92,246,.3);font-size:20px}
.igg .igq-a.more .igq-av::before{animation:none;background:rgba(139,92,246,.6)}
@keyframes igspin{to{--ang:360deg}}
.igc .igg{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}
.igc .igg .igq-av{width:60px;height:60px;border-radius:20px;font-size:22px}.igc .igg .igq-av img{border-radius:20px}
.igc .igg .igq-av::before{border-radius:25px}

/* ===== shine + motion ===== */
@keyframes fadeup{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes sweep{0%{background-position:160% 0}60%,100%{background-position:-60% 0}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes waving{0%,60%,100%{transform:rotate(0)}10%,30%{transform:rotate(16deg)}20%,40%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}
@keyframes glowpulse{0%,100%{box-shadow:0 6px 18px rgba(168,85,247,.4)}50%{box-shadow:0 6px 28px rgba(217,70,239,.75)}}
.page-home .wsrow>*,.page-home .statrow>*,.page-home .rowa>*,.page-home .rowb>*,.page-home .newsm,.page-home .hello{animation:fadeup .55s cubic-bezier(.2,.8,.3,1) both}
.page-home .wsrow>:nth-child(2){animation-delay:.06s}.page-home .wsrow>:nth-child(3){animation-delay:.12s}.page-home .wsrow>:nth-child(4){animation-delay:.18s}.page-home .wsrow>:nth-child(5){animation-delay:.24s}
.page-home .statrow>*{animation-delay:.2s}.page-home .rowa>*{animation-delay:.3s}.page-home .rowb>*{animation-delay:.4s}
.wave{display:inline-block;transform-origin:70% 70%;animation:waving 2.8s ease-in-out 1s infinite}
.qtop{animation:glowpulse 3s ease-in-out infinite}
.brand img,.brand svg,.brand-m img{animation:floaty 4s ease-in-out infinite}
/* shine sweep on cards when hovered */
.wsc,.stc,.pn-quick,.card{position:relative}
.wsc::after,.stc::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;
  background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.16) 50%,transparent 62%);background-size:260% 100%;background-position:160% 0;transition:opacity .2s}
.wsc:hover::after,.stc:hover::after{opacity:1;animation:sweep 1.1s ease-out 1}
.wsc,.stc{transition:transform .2s,box-shadow .2s,border-color .2s}
.wsc:hover,.stc:hover{transform:translateY(-3px)}
/* quick action buttons: gentle moving shine */
.qb{position:relative;overflow:hidden}
.qb::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.28) 50%,transparent 60%);background-size:260% 100%;background-position:160% 0;animation:sweep 5.5s ease-in-out infinite}
.qgrid>:nth-child(2) .qb::after{animation-delay:.8s}.qgrid>:nth-child(3) .qb::after{animation-delay:1.6s}.qgrid>:nth-child(4) .qb::after{animation-delay:2.4s}.qgrid>:nth-child(5) .qb::after{animation-delay:3.2s}
.qb:hover{transform:translateY(-2px) scale(1.02)}
.qb[disabled]::after{display:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* ===== Home v3: quick buttons on top, account screens wall ===== */
.pn-quick{display:none!important}
.hello{flex-wrap:wrap}
@media (min-width:901px){
 .hello .script{display:block}
 .qbar{display:block!important;flex:1 1 100%;order:3;min-width:0;margin-top:8px;max-width:none}
 .qbar .qa{flex-direction:row;align-items:center;gap:10px}
 .qbar .qplat{margin:0;width:250px;flex:0 0 auto}
 .qbar .qgrid{grid-template-columns:repeat(5,minmax(0,1fr));flex:1;gap:8px}
 .qbar .qclear{grid-column:auto}
 .qbar .qb{padding:9px 12px}.qbar .qb .ic,.qbar .qb i{display:inline-block;width:20px;height:20px}
 .qbar .qb small,.qbar .qnote{display:none}.qbar .qb b{font-size:13.5px}
}
.screens{flex:1 1 0;min-height:230px;display:flex;flex-direction:column;margin-top:12px}
.sc-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px}
.sc-head h2{margin:0;font-size:18px;display:flex;align-items:center;gap:9px}.sc-head h2 .ic{width:20px;height:20px;color:#f472b6}
.sc-head small{font-size:12px;color:var(--muted);background:rgba(255,255,255,.07);padding:2px 9px;border-radius:999px;font-weight:700}
.sc-arrows{display:flex;gap:8px}
.sc-arrows button{width:40px;height:40px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,background .15s}
.sc-arrows button:hover{background:linear-gradient(135deg,#7c3aed,#c026d3);transform:scale(1.08)}
.sc-arrows button:disabled{opacity:.3;cursor:default;transform:none;background:rgba(255,255,255,.06)}
.sc-arrows .ic{width:20px;height:20px}
.sc-track{flex:1;min-height:0;display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:none;padding:4px 2px 10px}
.sc-track::-webkit-scrollbar{display:none}
.sc{flex:0 0 232px;scroll-snap-align:start;display:flex;flex-direction:column;gap:10px;min-height:0;padding:14px 14px 12px;border-radius:30px;
  background:linear-gradient(160deg,rgba(124,58,237,.22),rgba(20,12,48,.92) 55%),var(--card);border:1.5px solid rgba(168,85,247,.35);box-shadow:0 12px 30px rgba(40,10,90,.45);
  position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.sc::before{content:"";position:absolute;top:7px;left:50%;width:54px;height:5px;border-radius:9px;background:rgba(255,255,255,.14);transform:translateX(-50%)}
.sc::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.14) 50%,transparent 62%);background-size:260% 100%;background-position:160% 0}
.sc:hover{transform:translateY(-5px);border-color:#e879f9;box-shadow:0 20px 40px rgba(168,85,247,.35)}
.sc:hover::after{opacity:1;animation:sweep 1.2s ease-out 1}
.sc.fb{background:linear-gradient(160deg,rgba(24,119,242,.26),rgba(10,14,40,.92) 55%),var(--card);border-color:rgba(24,119,242,.45)}
.sc.bad{border-color:rgba(251,113,133,.7)}
.sc-top{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:10px;color:var(--text);text-align:center;min-width:0}
.sc-top:hover{text-decoration:none}
.sc-top b{font-size:15px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc-top small{font-size:11.5px;color:var(--muted)}
.sc-av{position:relative;width:72px;height:72px;border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;color:#fff;margin-bottom:4px;
  background:linear-gradient(135deg,#f58529,#dd2a7b 55%,#8134af);box-shadow:0 0 0 3px #120d2b,0 0 0 6px rgba(221,42,123,.7)}
.sc.fb .sc-av{background:linear-gradient(135deg,#1877f2,#7c3aed);box-shadow:0 0 0 3px #120d2b,0 0 0 6px rgba(24,119,242,.8)}
.sc-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:24px}
.sc-av .igq-f{width:22px;height:22px;right:-8px;bottom:-8px;border-width:3px}
.sc-num{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:center}
.sc-num div{padding:7px 4px;border-radius:14px;background:rgba(255,255,255,.06)}
.sc-num b{display:block;font-size:20px;line-height:1.1}.sc-num span{font-size:11px;color:var(--muted)}
.sc-th{flex:1;min-height:60px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.sc-th span{border-radius:12px;overflow:hidden;background:rgba(255,255,255,.05);display:block;min-height:0;position:relative}
.sc-th span.e{border:1px dashed var(--line);background:transparent}
.sc-th img,.sc-th video{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0}
.sc-act{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sc-act form{display:flex;margin:0}.sc-act form button,.sc-act a{width:100%;height:36px;border-radius:12px;border:0;font:inherit;font-weight:800;font-size:13px;color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:filter .15s,transform .15s}
.sc-act .ic{width:15px;height:15px}
.sc-act .b1{background:linear-gradient(135deg,#7c3aed,#a855f7)}.sc-act .b2{background:linear-gradient(135deg,#db2777,#f472b6)}
.sc-act .b3{grid-column:1/-1;background:rgba(255,255,255,.09);border:1px solid var(--line);text-decoration:none}
.sc-act button:hover,.sc-act a:hover{filter:brightness(1.15);transform:translateY(-1px)}
.sc-th{min-height:34px}
.sc{padding-bottom:12px}.sc-track{padding-bottom:14px}
@media (max-height:900px){.sc-av{width:56px;height:56px;border-radius:19px;font-size:21px}.sc-av img{border-radius:19px}.sc-top{margin-top:6px}.sc-num div{padding:4px}.sc-num b{font-size:17px}.sc-act form button,.sc-act a{height:32px}.sc{gap:7px;padding:12px 12px 10px}.sc-th{min-height:0}.sc-top small{display:none}}
@media (min-width:901px){
 .page-home .content{overflow-y:auto}
 .page-home main{min-height:100%}
 .screens{flex:1 0 400px}
}

/* Live Instagram screens */
.sc-act .b3.golive{background:linear-gradient(135deg,#f58529,#dd2a7b 55%,#8134af);border:0}
.sc-live{display:flex;flex-direction:column;gap:8px}
.sc-live[hidden]{display:none}
.sc.live{flex-basis:340px}
.sc.live .sc-num,.sc.live .sc-th,.sc.live .sc-act{display:none}
.sc-track:has(.sc.live){align-items:flex-start}
.lv-bar{display:flex;gap:6px}
.lv-bar button{flex:1;height:30px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.09);color:#fff;font:inherit;font-weight:800;font-size:12px;cursor:pointer}
.lv-bar button:hover{filter:brightness(1.2)}.lv-bar .x{flex:0 0 34px;background:rgba(239,68,68,.25)}
.lv-view{position:relative;aspect-ratio:390/844;width:100%;border-radius:26px;overflow:hidden;background:#000;border:2px solid rgba(255,255,255,.14);touch-action:none;outline:0;cursor:pointer;user-select:none}
.lv-view:focus{border-color:#a855f7;box-shadow:0 0 0 3px rgba(168,85,247,.3)}
.lv-img{width:100%;height:100%;display:block;object-fit:fill;pointer-events:none;-webkit-user-drag:none}
.lv-msg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;font-weight:700;color:#d8c8ff;background:rgba(10,6,28,.85);font-size:14px}
.lv-type{display:flex;gap:6px;margin:0}
.lv-type input{flex:1;min-width:0;height:34px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.07);color:#fff;padding:0 10px;font:inherit;font-size:13px}
.lv-type button{height:34px;padding:0 10px;border-radius:10px;border:0;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;font:inherit;font-weight:800;font-size:12px;cursor:pointer}
.lv-type button[data-k]{background:rgba(255,255,255,.12)}
.sc-act button.b3.golive{width:100%;height:36px;border-radius:12px;font:inherit;font-weight:800;font-size:13px;color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;grid-column:1/-1;transition:filter .15s,transform .15s}
@media (max-height:900px){.sc-act button.b3.golive{height:32px}}

/* compact Account screens so the whole Home fits one screen */
.screens .sc{flex:0 0 176px;padding:10px 10px 10px;gap:7px;border-radius:24px}
.screens .sc-th{display:none}
.screens .sc-top small{display:none}.screens .sc-top{margin-top:4px}
.screens .sc-av{width:52px;height:52px;border-radius:18px;font-size:20px}.screens .sc-av img{border-radius:18px}
.screens .sc-num div{padding:3px}.screens .sc-num b{font-size:16px}
.screens .sc-act{grid-template-columns:1fr 1fr 1fr;gap:5px}
.screens .sc-act form button,.screens .sc-act a,.sc-act button.b3.golive{height:30px;font-size:11px;gap:3px;border-radius:10px;padding:0}
.screens .sc-act .b3,.sc-act button.b3.golive{grid-column:auto}
.screens .sc-act .ic{width:12px;height:12px}
.screens .sc.live{flex-basis:340px}
.screens .sc.live .sc-act,.screens .sc.live .sc-num{display:none}
.sc-head{margin-bottom:6px}
.screens{flex:0 0 auto;min-height:0;margin-top:0}
.screens .sc-track{flex:0 0 auto;align-items:flex-start}
.screens .sc{align-self:flex-start}
/* quick bar: never overlap or clip on mid-size windows */
.qbar .qb{min-width:0;overflow:hidden}.qbar .qb b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (min-width:901px) and (max-width:1320px){
 .qbar .qa{flex-wrap:wrap;gap:8px}
 .qbar .qplat{flex:0 0 auto;width:250px}
 .qbar .qgrid{flex:1 1 100%;order:2}
 .qbar .qb .ic,.qbar .qb i{display:none}
}
@media (max-width:900px){.qbar .qb b{white-space:normal}}
.mst{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 6px}
.mst a{flex:1 1 auto;display:flex;align-items:baseline;gap:5px;padding:3px 8px;border-radius:10px;background:rgba(255,255,255,.07);border:1px solid var(--line);text-decoration:none;color:#fff;font-size:11px;white-space:nowrap}
.mst b{font-size:14px}.mst span{opacity:.7}.mst .bad b{color:#ff7b7b}
.igc .igg{max-height:150px;overflow:auto}
@media (min-width:901px) and (max-width:1380px){
 .wsrow>.wsc.igc{display:flex!important;grid-column:1/-1;flex-direction:column}
 .igc .igg{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));max-height:112px}
 .igc .igg .igq-av{width:46px;height:46px;border-radius:16px;font-size:18px}.igc .igg .igq-av img{border-radius:16px}.igc .igg .igq-av::before{border-radius:20px}
}
/* Your accounts: one slim full-width strip (numbers + all account tiles) */
@media (min-width:901px){
 .wsrow>.wsc.igc{grid-column:1/-1!important;display:flex!important;flex-direction:row;align-items:center;gap:16px;height:auto;min-height:104px;padding:10px 16px;overflow:hidden}
 .igc .ph{margin:0;flex:0 0 auto}.igc .ph a{display:none}
 .igc .mst{flex:0 0 auto;margin:0;flex-wrap:nowrap}
 .igc .mst a{flex-direction:column;align-items:center;gap:0;padding:5px 10px}
 .igc .igg{display:flex;flex:1;min-width:0;gap:10px;max-height:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;padding:4px 0}
 .igc .igg .igq-a{flex:0 0 76px}
 .igc .igg .igq-av{width:50px;height:50px;border-radius:17px;font-size:19px}.igc .igg .igq-av img{border-radius:17px}.igc .igg .igq-av::before{border-radius:22px}
}
@media (min-width:901px){.wsrow>.wsc.igc{min-height:122px}.igc .igg{align-items:flex-start;padding:6px 0 8px}.igc .igg .igq-a small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:76px}}
.screens{margin-bottom:12px}

/* ===== Post now section ===== */
.postnow{border-radius:22px;border:1px solid var(--line);background:var(--card);padding:12px 16px 14px;margin-bottom:12px}
.pn-h h2{display:flex;align-items:center;gap:8px;font-size:16px;margin:0 0 8px}.pn-h h2 .ic{color:#c4a8ff;width:18px;height:18px}
@media (min-width:901px){
 .postnow .qbar{display:block!important;flex:none;order:0;margin:0;max-width:none;width:100%}
 .postnow .qbar .qa{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}
 .postnow .qbar .qsel{flex:0 0 260px;width:260px;height:38px}
 .postnow .qbar .qplat{flex:0 0 auto;width:260px;margin:0;align-self:center}
 .postnow .qbar .qnote{display:block;flex:1 1 280px;margin:0;font-size:12px;order:2}
 .postnow .qbar .qnote[data-nostory]{flex-basis:100%;order:4}
 .postnow .qbar .qgrid{flex:1 1 100%;order:3;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
 .postnow .qbar .qb{padding:12px 14px;gap:10px;overflow:hidden;align-items:center}
 .postnow .qbar .qb .ic,.postnow .qbar .qb i{display:inline-block;width:22px;height:22px;flex:0 0 auto}
 .postnow .qbar .qb span{display:flex;flex-direction:column;min-width:0;text-align:left}
 .postnow .qbar .qb b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .postnow .qbar .qb small{display:block!important;font-size:11px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media (max-width:900px){.postnow{border:0;background:none;padding:0;margin:0}.pn-h{display:none}}

/* Home: scheduled posts + calendar */
.hrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:14px;margin-top:2px;align-items:start}
.hrow .panel{min-width:0}
.hp-up .up-list{display:flex;flex-direction:column;gap:8px;max-height:430px;overflow-y:auto}
.hp-cal .cal2{min-height:300px}
.hrow .ph h2{display:flex;align-items:center;gap:8px}.hrow .ph h2 .ic{color:#c4a8ff}
@media (max-width:900px){.hrow{grid-template-columns:1fr}.hp-up .up-list{max-height:none}}
.hp-cal .cal2{height:340px;min-height:0;overflow:hidden}
.hp-cal .cal2 .cd{min-height:0;height:100%;overflow:hidden;display:flex;flex-direction:column}
.hp-cal .cal2 .cb{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none}
.hp-cal .cal2{grid-template-rows:minmax(0,1fr)}.hp-cal .cal2 .cd{height:auto}
.hp-cal .cal2{flex:0 0 340px}

/* ===== Home: nicer scheduled list + calendar ===== */
.hrow{grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:16px;align-items:stretch;margin-top:6px}
.hrow .panel{display:flex;flex-direction:column;height:480px;padding:16px 18px;border-radius:26px;
  background:linear-gradient(160deg,rgba(124,58,237,.16),rgba(20,12,48,.85) 55%);border:1px solid rgba(168,139,255,.22);
  box-shadow:0 12px 40px -18px rgba(124,58,237,.55),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden}
.hrow .ph{margin:0 0 12px;flex:0 0 auto}
.hrow .ph h2{font-size:17px;font-weight:800;letter-spacing:.2px}
.hrow .ph>a{font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--line);color:#e6dcff;text-decoration:none}
.hrow .ph>a:hover{background:rgba(168,85,247,.35)}
.hp-up .up-list{flex:1;min-height:0;max-height:none;overflow-y:auto;gap:10px;padding-right:6px;scrollbar-width:thin;scrollbar-color:rgba(168,139,255,.45) transparent}
.hp-up .up-list::-webkit-scrollbar{width:6px}.hp-up .up-list::-webkit-scrollbar-thumb{background:rgba(168,139,255,.45);border-radius:6px}.hp-up .up-list::-webkit-scrollbar-track{background:transparent}
.hp-up .up{gap:14px;padding:10px 12px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(168,139,255,.14);transition:transform .15s,background .15s,border-color .15s}
.hp-up .up:hover{transform:translateY(-1px);background:rgba(255,255,255,.09);border-color:rgba(168,139,255,.4)}
.hp-up .th{width:54px;height:54px;border-radius:14px;overflow:hidden;flex:0 0 54px;box-shadow:0 4px 14px rgba(0,0,0,.35)}
.hp-up .th img,.hp-up .th video{width:100%;height:100%;object-fit:cover}
.hp-up .ub{min-width:0;display:flex;flex-direction:column;gap:2px}
.hp-up .ub b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hp-up .when{font-size:12px;color:#c9b8ff;font-weight:600}
.hp-up .tg{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.hp-up .tg em{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hp-up .st{font-size:11px;font-weight:800;padding:4px 10px;border-radius:999px;margin-left:auto}
.hp-cal .calctl{display:flex;align-items:center;gap:6px}
.hp-cal .cal-title{font-weight:700;color:#d8c8ff;font-size:13px;margin:0 0 10px}
.hp-cal .cal2{flex:1 1 auto;height:auto;min-height:0;gap:8px}
.hp-cal .cd{border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(168,139,255,.12);padding:0}
.hp-cal .cd .ch{display:flex;flex-direction:column;align-items:center;padding:8px 0 6px;font-size:11px;color:#b9a6f0;text-transform:uppercase;letter-spacing:.6px;font-weight:700}
.hp-cal .cd .ch b{font-size:16px;color:#fff;letter-spacing:0;margin-top:2px}
.hp-cal .cd.today{background:linear-gradient(180deg,rgba(168,85,247,.38),rgba(124,58,237,.12));border-color:#a855f7;box-shadow:0 0 22px -6px rgba(168,85,247,.7)}
.hp-cal .cd.today .ch b{background:linear-gradient(135deg,#a855f7,#ec4899);padding:1px 9px;border-radius:999px}
.hp-cal .cb{padding:0 6px 8px;gap:6px}
.hp-cal .cc{border-radius:12px;overflow:hidden;transition:transform .15s}.hp-cal .cc:hover{transform:scale(1.03)}
@media (max-width:900px){.hrow .panel{height:auto}.hp-up .up-list{max-height:420px}.hp-cal .cal2{flex:0 0 330px}}
.lv-cred{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid var(--line);margin:0}
.lv-cred[hidden]{display:none}.lv-cred small{font-size:11px;color:#d8c8ff;line-height:1.3}
.lv-cred input{height:34px;border-radius:10px;border:1px solid var(--line);background:rgba(6,3,18,.6);color:#fff;padding:0 10px;font:inherit;font-size:13px;min-width:0}
.lv-cred div{display:flex;gap:6px;flex-wrap:wrap}.lv-cred button{height:32px;padding:0 10px;border-radius:10px;border:0;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;font:inherit;font-weight:800;font-size:12px;cursor:pointer}
.lv-cred button[data-a]{background:rgba(255,255,255,.14)}.lv-cred button[data-a=rm]{background:rgba(239,68,68,.35)}
.lv-bar button.on{background:linear-gradient(135deg,#16a34a,#22c55e);border-color:#22c55e}

/* Live page + top button */
.livetop{height:38px;display:flex;align-items:center;gap:7px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--line);color:#fff;font-weight:800;font-size:13.5px;text-decoration:none}
.livetop i{width:9px;height:9px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 0 rgba(239,68,68,.7);animation:lvp 1.6s infinite}
.livetop.on,.livetop:hover{background:rgba(239,68,68,.22);border-color:#ef4444}
@keyframes lvp{70%{box-shadow:0 0 0 8px rgba(239,68,68,0)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}
@media (max-width:1100px){.livetop{padding:0 11px}}
.lvgrid{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}
.lvgrid .sc{flex:0 0 232px}.lvgrid .sc.live{flex-basis:340px}
.lvgrid .sc .sc-act{grid-template-columns:1fr}.lvgrid .sc.live .sc-act{display:none}
.lvs{display:inline-block;margin-top:2px;font-size:11px;font-weight:800;padding:2px 10px;border-radius:999px;background:rgba(255,255,255,.1);color:#d8c8ff}
.lvc.logged .lvs{background:rgba(34,197,94,.22);color:#6ee7a0}
.lvc.live .lvs{background:rgba(239,68,68,.25);color:#ff9a9a}
@media (max-width:900px){.lvgrid .sc,.lvgrid .sc.live{flex:1 1 100%}}
.lvc .sc-top .lvs{display:inline-block!important}

/* ===== Home: dashboard layout like the design ===== */
@media (min-width:901px){
 .dashhome .hello{align-items:center;gap:16px;padding:0 0 4px}
 .dashhome .hl{flex:1;min-width:0}
 .hero-art{position:relative;flex:0 0 460px;height:118px;border-radius:22px;overflow:hidden;border:1px solid rgba(168,139,255,.25);box-shadow:0 10px 36px -14px rgba(168,85,247,.6)}
 .hero-art .mtn{position:absolute;inset:0;width:100%;height:100%}
 .hero-art .script{position:absolute;left:22px;top:30px;display:block!important;font-size:24px;line-height:1.15;color:#fff;transform:rotate(-4deg);text-shadow:0 2px 12px rgba(0,0,0,.5)}
 .hero-art .script .ic{color:#f472b6;width:20px;height:20px}
 .hero-art .bun{position:absolute;right:16px;bottom:4px;height:112px;filter:drop-shadow(0 6px 16px rgba(0,0,0,.45))}
 .hero-quote{flex:0 0 190px;padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid var(--line);font-weight:700;font-size:15px;line-height:1.35;color:#efe6ff}
 .dash{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
 .dmain,.drail{display:flex;flex-direction:column;gap:16px;min-width:0}
}
@media (min-width:901px) and (max-width:1250px){.hero-art{flex-basis:320px}.hero-quote{display:none}.dash{grid-template-columns:minmax(0,1fr) 300px}}
@media (max-width:900px){.hero-art,.hero-quote{display:none}.dash,.dmain,.drail{display:flex;flex-direction:column;gap:14px}.dstats{order:-1}}
.dstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dst{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:20px;text-decoration:none;color:#fff;
  background:linear-gradient(160deg,rgba(124,58,237,.16),rgba(20,12,48,.85) 60%);border:1px solid rgba(168,139,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:transform .15s,border-color .15s;min-width:0;position:relative;overflow:hidden}
.dst:hover{transform:translateY(-2px);border-color:#a855f7}
.dst .sti{flex:0 0 38px;width:38px;height:38px}
.dtx{display:flex;flex-direction:column;min-width:0;flex:1}.dtx small{font-size:11px;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dtx b{font-size:26px;line-height:1.1;font-weight:800}.dtx em{font-style:normal;font-size:11px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dtx em.good{color:#4ade80;opacity:1}.dtx em.bad{color:#ff7b7b;opacity:1}
.spk{flex:0 0 64px;width:64px;height:34px;align-self:flex-end}
.spk rect{fill:#8b5cf6}.spk.b rect{fill:#3b82f6}.spk.ln{fill:none}.spk.o polyline{stroke:#f87171}.spk.p polyline{stroke:#c084fc}
@media (max-width:1500px){.spk{display:none}}
@media (max-width:900px){.dstats{grid-template-columns:1fr 1fr}.dtx b{font-size:22px}.spk{display:none}}
.postnow .pn-h{display:flex;flex-direction:column;gap:2px}.postnow .pn-h small{font-size:12px;opacity:.7;font-weight:500}
.sc-all{align-self:center;font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--line);color:#e6dcff;text-decoration:none;margin-right:6px}
.sc-arrows{display:flex;align-items:center}
.dmain .hrow{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);margin-top:0}.dmain .hrow .panel{height:440px}
@media (max-width:1250px){.dmain .hrow{grid-template-columns:1fr}.dmain .hrow .panel{height:auto}.dmain .hp-up .up-list{max-height:380px}.dmain .hp-cal .cal2{flex:0 0 340px}}
/* right rail */
.rc{padding:16px 18px;border-radius:24px;background:linear-gradient(160deg,rgba(124,58,237,.16),rgba(20,12,48,.85) 60%);border:1px solid rgba(168,139,255,.22);box-shadow:0 12px 40px -20px rgba(124,58,237,.55),inset 0 1px 0 rgba(255,255,255,.05)}
.rc .ph{margin:0 0 8px;display:flex;align-items:center;justify-content:space-between}.rc .ph h2{display:flex;align-items:center;gap:8px;font-size:17px;margin:0}.rc .ph h2 .ic{color:#c4a8ff}
.rc .ph>a{font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--line);color:#e6dcff;text-decoration:none}
.ai-tabs{display:flex;gap:6px;margin:10px 0}.ai-tabs button{flex:1;height:32px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:#d8c8ff;font:inherit;font-weight:700;font-size:12px;cursor:pointer}
.ai-tabs button.on{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border-color:transparent}
.ai-idea{display:flex;align-items:center;gap:10px;padding:12px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid var(--line);font-size:13px;line-height:1.35}
.ai-bulb{font-size:20px}.ai-idea>span:nth-child(2){flex:1}
.ai-use{flex:0 0 auto;padding:8px 12px;border-radius:10px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;font-weight:800;font-size:12px;text-decoration:none;white-space:nowrap}
.ai-nav{display:flex;justify-content:flex-end;gap:6px;margin-top:8px}.ai-nav button{width:30px;height:30px;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.07);color:#fff;cursor:pointer}.ai-nav .ic{width:14px;height:14px}
.aibox textarea{width:100%;border-radius:14px;border:1px solid var(--line);background:rgba(6,3,18,.6);color:#fff;padding:10px;font:inherit;font-size:13px;resize:none}
.ai-row{display:flex;gap:8px;margin-top:8px}.ai-row button{height:34px;padding:0 16px;border-radius:10px;border:0;background:rgba(255,255,255,.12);color:#fff;font:inherit;font-weight:800;font-size:12px;cursor:pointer}.ai-row .b1{background:linear-gradient(135deg,#7c3aed,#a855f7)}
.bt-bars{display:flex;align-items:flex-end;gap:8px;height:96px;margin:10px 0 6px}
.bt-bars>div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}
.bt-bars i{display:block;width:100%;max-height:78px;min-height:4px;border-radius:6px;background:rgba(139,92,246,.45)}
.bt-bars .top i{background:linear-gradient(180deg,#ec4899,#8b5cf6);box-shadow:0 0 14px rgba(236,72,153,.5)}
.bt-bars span{font-size:10px;color:#b9a6f0;font-weight:700}.bt-n{color:#d8c8ff;margin:4px 0 0}
.nt-l{display:flex;flex-direction:column;gap:8px}.nt-i{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(168,139,255,.12);font-size:12.5px}
.nt-d{flex:0 0 10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e}.nt-d.bad{background:#ef4444;box-shadow:0 0 8px #ef4444}
.nt-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nt-i em{font-style:normal;opacity:.65;font-size:11px;white-space:nowrap}
.rc.chk .chk-l{display:flex;flex-direction:column;gap:6px}
.dtx small{white-space:normal;line-height:1.15;font-size:11.5px}
.dashhome .hello{margin-top:8px}
.aibox{min-height:0;display:block}
.dash .screens{order:0!important}
@media (min-width:901px) and (max-width:1500px){.postnow .qbar .qb small{display:none!important}}

/* ===== Home v4: compact one-screen layout like the design ===== */
@media (min-width:901px){
 .dashhome{gap:12px}
 .dashhome .hello{min-height:96px;margin-top:0}
 .dashhome .hello h1{font-size:32px}
 .hero-art{height:96px;overflow:visible;flex-basis:470px;border:0;box-shadow:none;background:none}
 .hero-art .mtn{border-radius:20px;border:1px solid rgba(168,139,255,.3);box-shadow:0 10px 36px -14px rgba(168,85,247,.6)}
 .hero-art .bun{height:132px;bottom:-4px;right:20px}
 .hero-art .script{top:22px;font-size:23px}
 .hero-quote{flex-basis:180px;padding:12px 16px}
 .dash{gap:14px}.dmain,.drail{gap:12px}
 .dstats{gap:10px}.dst{padding:9px 12px;border-radius:18px}.dtx b{font-size:25px}.dst .sti{width:36px;height:36px;flex-basis:36px}
 /* Create & publish: title left, switch + schedule text right, buttons below */
 .postnow{padding:12px 16px 14px}
 .postnow .qbar,.postnow .qbar .qa{display:contents!important}
 .postnow{display:grid!important;grid-template-columns:1fr auto auto auto;column-gap:14px;row-gap:10px;align-items:center}
 .postnow .pn-h{grid-column:1;grid-row:1}.postnow .pn-h h2{margin:0}
 .postnow .qsel{grid-column:2;grid-row:1;width:170px!important;flex:none}
 .postnow .qplat{grid-column:3;grid-row:1;width:250px!important}
 .postnow .qnote:not([data-nostory]){grid-column:4;grid-row:1;display:flex!important;flex-direction:column;line-height:1.25;font-size:11.5px;white-space:nowrap;margin:0}
 .postnow .qnote b{font-size:12px;color:#fff}
 .postnow .qgrid{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px}
 .postnow .qnote[data-nostory]{grid-column:1/-1;grid-row:3}
 .postnow .qsetup{grid-column:1/-1;grid-row:2}
 .postnow .qbar .qb{padding:10px 14px}
 /* accounts: six across */
 .screens{margin:0}.screens .sc-head{margin-bottom:8px}
 .screens .sc-track{gap:12px;padding:2px 0 6px}
 .screens .sc{flex:0 0 calc((100% - 60px)/6);min-width:150px;position:relative}
 .screens .sc.live{flex-basis:340px}
 .sc-k{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#cbb8ff;background:rgba(255,255,255,.06);z-index:2}
 .sc-k:hover{background:rgba(255,255,255,.16)}.sc-k .ic{width:15px;height:15px}
 .dmain .hrow .panel{height:260px;padding:12px 14px}
 .dmain .hrow .ph{margin-bottom:8px}
 .hp-up .up{padding:7px 10px}.hp-up .th{width:44px;height:44px;flex-basis:44px}
 .dmain .hp-cal .cal2{flex:1 1 auto}
 .rc{padding:13px 16px;border-radius:22px}
}
.sc-k{display:none}@media (min-width:901px){.sc-k{display:flex}}
.ai-rows{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.ai-rows button{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;padding:9px 12px;border-radius:12px;border:1px solid rgba(168,139,255,.14);background:rgba(255,255,255,.05);color:#efe6ff;font:inherit;font-size:12.5px;cursor:pointer}
.ai-rows button:hover{background:rgba(255,255,255,.1)}.ai-rows .ic{width:14px;height:14px;opacity:.7}
.ai-tr{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05);margin-top:8px;font-size:13px}.ai-tr span{color:#cbb8ff}
.ai-nav{margin-top:6px}
.bt-hours{display:flex;align-items:flex-end;gap:3px;height:96px;margin:14px 0 8px;position:relative}
.bt-hours i{flex:1;border-radius:4px;background:rgba(139,92,246,.4);position:relative;min-height:4px}
.bt-hours i.top{background:linear-gradient(180deg,#ec4899,#8b5cf6);box-shadow:0 0 12px rgba(236,72,153,.5)}
.bt-hours u{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);white-space:nowrap;text-decoration:none;font-size:11px;font-weight:800;padding:4px 9px;border-radius:9px;background:rgba(20,12,48,.95);border:1px solid rgba(168,139,255,.5);color:#fff;text-align:center;z-index:3}
.bt-hours u small{display:block;font-size:9px;font-weight:600;color:#cbb8ff}
.bt-days{display:flex;gap:6px}.bt-days button{flex:1;height:28px;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#cbb8ff;font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.bt-days button.on{background:rgba(168,85,247,.35);border-color:#a855f7;color:#fff}
.nt-k{opacity:.55}.nt-k .ic{width:14px;height:14px}
.navnew{margin-left:auto;font-style:normal;font-size:10px;font-weight:800;padding:2px 8px;border-radius:999px;background:rgba(168,85,247,.45);color:#fff}
.me .mechev{width:14px;height:14px;transform:rotate(90deg);opacity:.7;margin-left:2px}
@media (min-width:901px){.hero-art .bun{height:108px;bottom:2px}.dashhome .hello{margin-top:6px}}

/* =====================================================================
   Home v5 — matches the design (class prefix h2-, root .dh2)
   ===================================================================== */
.dh2{display:flex;flex-direction:column;gap:14px;min-width:0}
.dh2 .h2-card{background:linear-gradient(165deg,rgba(40,28,96,.55),rgba(22,15,56,.82));border:1px solid rgba(139,92,246,.24);border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);min-width:0}
.dh2 .ph{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
.dh2 .ph h2{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:800;margin:0}.dh2 .ph h2 .ic{color:#b79cff;width:18px;height:18px}
.dh2 .ph>a{font-size:12px;font-weight:700;padding:5px 12px;border-radius:9px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#ddd0ff;text-decoration:none}
/* hero */
.h2-hero{display:flex;align-items:center;gap:18px;min-height:104px;position:relative}
.h2-hero .hl{flex:1;min-width:0}.h2-hero h1{font-size:30px;font-weight:800;letter-spacing:-.01em;margin:0;line-height:1.15}
.h2-hero p{margin:6px 0 0;color:#b9aedf;font-size:14px}
.h2-art{position:relative;flex:0 0 470px;height:104px}
.h2-art img{position:absolute;left:0;bottom:-8px;height:150px;width:auto;-webkit-mask-image:radial-gradient(ellipse 56% 60% at 50% 56%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 56% 60% at 50% 56%,#000 62%,transparent 100%)}
.h2-art .script{position:absolute;left:236px;top:30px;display:block;font-family:inherit;font-size:21px;line-height:1.2;font-style:italic;font-weight:700;color:#e9ddff;transform:rotate(-6deg);text-shadow:0 2px 10px rgba(0,0,0,.4)}
.h2-art .script .ic{color:#f472b6;width:16px;height:16px;vertical-align:-2px}
.h2-date{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(139,92,246,.24)}
.h2-date>span{color:#cdb8ff}.h2-date .ic{width:26px;height:26px}.h2-date small{display:block;font-size:11px;color:#b9aedf}.h2-date b{font-size:14px}
/* stats */
.h2-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.h2-st{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;text-decoration:none;color:#fff;background:linear-gradient(165deg,rgba(40,28,96,.55),rgba(22,15,56,.82));border:1px solid rgba(139,92,246,.24);min-width:0;transition:transform .15s,border-color .15s}
.h2-st:hover{transform:translateY(-2px);border-color:#a855f7}
.h2-si{flex:0 0 46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:rgba(124,58,237,.22);color:#c4a8ff;border:1px solid rgba(139,92,246,.35)}
.h2-si .ic{width:22px;height:22px}.h2-si.b{background:rgba(59,130,246,.18);color:#7db3ff;border-color:rgba(59,130,246,.35)}.h2-si.p{background:rgba(236,72,153,.16);color:#f58fc4;border-color:rgba(236,72,153,.35)}.h2-si.r{background:rgba(236,72,153,.16);color:#f58fc4;border-color:rgba(236,72,153,.35)}
.h2-tx{flex:1;min-width:0}.h2-tx small{display:block;font-size:12px;color:#c9bdf0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h2-v{display:flex;align-items:baseline;gap:10px;white-space:nowrap}.h2-v b{font-size:28px;font-weight:800;line-height:1.15}
.h2-v em{font-style:normal;font-size:11.5px;color:#b9aedf}.h2-v em.good{color:#4ade80;font-weight:700}.h2-v em.bad{color:#ff7b7b;font-weight:700}
.h2-st .spk{flex:0 0 96px;width:96px;height:40px}
/* grid */
.h2-grid{display:grid;grid-template-columns:minmax(0,1fr) 372px;gap:14px;align-items:start}
.h2-main,.h2-rail{display:flex;flex-direction:column;gap:14px;min-width:0}
/* create & publish */
.h2-create{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px 16px}
.h2-create .qbar,.h2-create .qbar .qa,.h2-create .qbar .qgrid{display:contents!important}
.h2-create .pn-h{order:1;flex:1 1 260px;display:flex;flex-direction:column;gap:3px}.h2-create .pn-h h2{margin:0}
.h2-create .pn-h small{font-size:12px;color:#b9aedf;font-weight:500}
.h2-as{order:2;display:flex;align-items:center;gap:8px;padding:0 4px 0 12px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);font-size:12px;color:#c9bdf0;margin:0}
.h2-as select{background:transparent;border:0;color:#fff;font:inherit;font-weight:800;font-size:12px;padding:0 6px;height:32px;min-height:0;outline:0;cursor:pointer;width:auto}
.h2-as select option{background:#1a1340}
.h2-create .qsel{order:3;width:150px;height:34px;flex:0 0 auto;border-radius:10px;font-size:12px}
.h2-create .qplat{order:4;margin:0;width:230px;flex:0 0 auto}
.h2-create .qclear{order:5;margin:0}.h2-create .qclear .qb{height:34px;padding:0 12px;min-height:0;background:transparent;border:1px solid rgba(239,68,68,.45);color:#fca5a5;border-radius:10px;box-shadow:none}
.h2-create .qclear .qb small{display:none}.h2-create .qclear .qb .ic{width:15px;height:15px}.h2-create .qclear .qb b{font-size:12px}
.h2-create .h2-br{order:6;flex:1 1 100%;height:0}
.h2-create form:not(.qclear):not(.qsetup),.h2-create .qcustom{order:7;flex:1 1 140px;min-width:0;margin:0}
.h2-create .qb{width:100%;min-height:62px;padding:10px 14px;border-radius:12px;display:flex;align-items:center;gap:12px;text-align:left}
.h2-create .qb .ic{width:26px;height:26px;display:inline-block;flex:0 0 auto}
.h2-create .qb b{font-size:14px;display:block}.h2-create .qb small{display:block!important;font-size:11px;opacity:.85}
.h2-create .qb span{min-width:0}
.h2-create .qb small,.h2-create .qb b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h2-create .qcustom{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#fff;text-decoration:none;display:flex!important;align-items:center;gap:12px;border-radius:12px;min-height:62px;padding:10px 14px}
.h2-create .qcustom .ic{width:24px;height:24px}.h2-create .qcustom b{font-size:14px;display:block}.h2-create .qcustom small{font-size:11px;opacity:.8;display:block}
.h2-create .qnote{display:none!important}.h2-create .qnote[data-nostory]{order:8;flex:1 1 100%;display:block!important}
.h2-create .qsetup{order:7;flex:1 1 100%}
/* connected accounts */
.h2-acc{padding:14px 16px 12px;margin:0!important;display:block!important;min-height:0!important}
.h2-acc .sc-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
.h2-acc .sc-head h2{display:flex;align-items:center;gap:9px;font-size:16px;margin:0}.h2-acc .sc-head h2 small{background:rgba(255,255,255,.1);padding:2px 9px;border-radius:999px;font-size:12px}
.h2-acc .sc-arrows{display:flex;align-items:center;gap:8px}
.h2-acc .sc-arrows select{height:32px;min-height:0;border-radius:9px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#fff;font:inherit;font-size:12px;font-weight:700;padding:0 10px;width:auto}
.h2-acc .sc-arrows select option{background:#1a1340}
.h2-acc .sc-all{margin:0;height:32px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border-radius:9px;font-size:12px;font-weight:700;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#ddd0ff;text-decoration:none}
.h2-acc .sc-all.live i{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:lvp 1.6s infinite}
.h2-acc .sc-arrows button{width:32px;height:32px;border-radius:9px}
.h2-acc .sc-track{display:flex;gap:12px;overflow-x:auto;padding:2px 0 4px;align-items:flex-start}
.h2-acc .sc{flex:0 0 calc((100% - 60px)/6);min-width:156px;padding:12px 10px 10px;gap:8px;border-radius:14px;position:relative;background:linear-gradient(170deg,rgba(54,40,128,.55),rgba(28,20,72,.8));border:1px solid rgba(139,92,246,.28);display:flex;flex-direction:column}
.h2-acc .sc:hover{border-color:#a855f7}
.h2-acc .sc.live{flex-basis:340px}.h2-acc .sc.live .sc-num,.h2-acc .sc.live .sc-act{display:none}
.h2-acc .sc-top{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0;text-decoration:none;color:#fff}
.h2-acc .sc-av{width:56px;height:56px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c3aed,#c026d3);font-weight:800;font-size:20px;border:2px solid rgba(255,255,255,.85);box-shadow:0 4px 14px rgba(0,0,0,.4)}
.h2-acc .sc-av img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover}
.h2-acc .sc-av::before,.h2-acc .sc-av::after{display:none}
.sc-pf{position:absolute;right:-5px;bottom:-3px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #1b1245;z-index:2}
.sc-pf .ic{width:12px;height:12px;color:#fff}.sc-pf.ig{background:linear-gradient(135deg,#f58529,#dd2a7b 55%,#8134af)}.sc-pf.fb{background:#1877f2}
.h2-acc .sc-top b{font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h2-acc .sc-top small{display:inline-block!important;font-size:10px;color:#ff9a9a}
.h2-acc .sc-num{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.h2-acc .sc-num div{padding:5px 2px;border-radius:9px;background:rgba(255,255,255,.07);text-align:center;display:flex;flex-direction:column;align-items:center}
.h2-acc .sc-num b{font-size:15px;line-height:1.2}.h2-acc .sc-num span{font-size:10px;color:#b9aedf}
.h2-acc .sc-act{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}
.h2-acc .sc-act form{display:flex;margin:0}
.h2-acc .sc-act form button,.h2-acc .sc-act .b3{width:100%;height:28px;border-radius:8px;border:0;font:inherit;font-weight:800;font-size:11px;color:#fff;display:flex;align-items:center;justify-content:center;gap:4px;padding:0;cursor:pointer;text-decoration:none;grid-column:auto}
.h2-acc .sc-act .ic{width:12px;height:12px}
.h2-acc .sc-act .b1{background:linear-gradient(135deg,#7c3aed,#a855f7)}.h2-acc .sc-act .b2{background:linear-gradient(135deg,#db2777,#f472b6)}
.h2-acc .sc-act .b3{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14)}
.h2-acc .sc-act .b3.golive{background:linear-gradient(135deg,#f58529,#dd2a7b 55%,#8134af);border:0;height:28px}
.h2-acc .sc-k{display:none}
/* bottom row */
.h2-bottom{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1fr);gap:14px;align-items:stretch}
.h2-bottom .h2-card{padding:14px 16px;height:272px;display:flex;flex-direction:column;overflow:hidden}
.h2-bottom .up-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(168,139,255,.4) transparent}
.h2-bottom .up{padding:7px 10px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(139,92,246,.14);gap:12px}
.h2-bottom .th{width:46px;height:46px;flex:0 0 46px;border-radius:10px}
.h2-bottom .cal2{flex:1 1 auto;min-height:0;height:auto;gap:7px;grid-template-rows:minmax(0,1fr)}
.h2-bottom .cal2 .cd{height:auto;min-height:0;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(139,92,246,.18);display:flex;flex-direction:column;overflow:hidden}
.h2-bottom .cal2 .cd.today{background:linear-gradient(180deg,rgba(168,85,247,.32),rgba(124,58,237,.1));border-color:#a855f7}
.h2-bottom .cal2 .ch{padding:6px 0 4px}.h2-bottom .cal2 .ch span{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#b9aedf}.h2-bottom .cal2 .ch b{font-size:14px}
.h2-bottom .cal2 .cb{flex:1;min-height:0;padding:0 5px 6px;overflow:hidden}
.cempty{height:100%;min-height:60px;border:1px dashed rgba(168,139,255,.28);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#8f80c8}
.cempty i{font-style:normal;font-size:18px;line-height:1}.cempty small{font-size:9px;text-align:center;padding:0 4px}
/* right rail */
.aibox{padding:14px 16px}
.aih{display:flex;align-items:center;gap:10px}.aih h2{font-size:16px;margin:0}.aih small{display:block;font-size:11.5px;color:#b9aedf;margin-top:1px}
.aiav{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c3aed,#c026d3);color:#fff}.aiav .ic{width:18px;height:18px}
.ai-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);font-size:11px;font-weight:700;color:#ddd0ff;white-space:nowrap}.ai-chip .ic{width:12px;height:12px}
.aibox .ai-tabs{display:flex;gap:0;margin:2px 0 12px;padding:3px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.aibox .ai-tabs button{flex:1;height:30px;border-radius:9px;border:0;background:transparent;color:#c9bdf0;font:inherit;font-weight:700;font-size:12px;cursor:pointer}
.aibox .ai-tabs button.on{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff}
.ai-box{position:relative}.ai-box textarea{width:100%;min-height:92px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(8,5,24,.55);color:#fff;padding:11px 12px 22px;font:inherit;font-size:13px;resize:none}
.ai-cnt{position:absolute;right:12px;bottom:8px;font-size:11px;color:#8f80c8}
.ai-sel{display:flex;gap:10px;margin:10px 0}.ai-sel label{flex:1;display:flex;flex-direction:column;gap:4px;font-size:11px;color:#b9aedf}
.ai-sel select{height:38px;min-height:0;border-radius:10px;background:rgba(8,5,24,.55);border:1px solid rgba(255,255,255,.12);color:#fff;font:inherit;font-size:13px;padding:0 10px;width:100%}
.ai-sel select option{background:#1a1340}
.ai-go{width:100%;height:42px;border:0;border-radius:11px;background:linear-gradient(135deg,#6d28d9,#a855f7);color:#fff;font:inherit;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 8px 22px -8px rgba(168,85,247,.7)}.ai-go .ic{width:16px;height:16px}
.aibox #aiOut{width:100%;margin-top:10px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(8,5,24,.55);color:#fff;padding:10px;font:inherit;font-size:13px;resize:none}
.aibox .ai-row{display:flex;gap:8px;margin-top:8px}.aibox .ai-row button,.aibox .ai-row a{height:34px;padding:0 14px;border-radius:10px;border:0;background:rgba(255,255,255,.12);color:#fff;font:inherit;font-weight:800;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;text-decoration:none}.aibox .ai-row .b1{background:linear-gradient(135deg,#7c3aed,#a855f7)}
.bt{padding:14px 16px}.bt .ph{margin-bottom:8px}.bt h2{font-size:16px;margin:0}.bt small{display:block;font-size:11.5px;color:#b9aedf;margin-top:2px}
.bt-l{display:flex;flex-direction:column;gap:10px}.bt-l>div{display:grid;grid-template-columns:10px 70px 1fr 40px;align-items:center;gap:10px;font-size:13px}
.bt-l .bd{width:8px;height:8px;border-radius:50%;background:#a78bfa}.bt-bar{height:8px;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden}.bt-bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#7c3aed,#d946ef)}
.bt-l b{font-size:12px;text-align:right}
.h2-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.h2-duo .h2-card{padding:12px 14px;min-width:0}.h2-duo .ph h2{font-size:14px}.h2-duo .ph>a{padding:4px 9px;font-size:11px}
.nt-l{display:flex;flex-direction:column;gap:8px}.nt-i{display:flex;align-items:flex-start;gap:9px}
.nt-d{flex:0 0 9px;height:9px;border-radius:50%;background:#22c55e;margin-top:5px;box-shadow:0 0 8px #22c55e}.nt-d.bad{background:#ef4444;box-shadow:0 0 8px #ef4444}
.nt-x{min-width:0}.nt-x b{display:block;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.nt-x em{font-style:normal;font-size:10.5px;color:#9d90cf}
.pq-n{display:flex;align-items:baseline;gap:8px}.pq-n b{font-size:34px;line-height:1;font-weight:800}.pq-n span{font-size:12px;color:#b9aedf}
.pq-th{display:flex;gap:6px;margin:10px 0}.pq-th span{flex:1;aspect-ratio:1;border-radius:9px;overflow:hidden;background:rgba(255,255,255,.07);min-width:0}.pq-th img,.pq-th video{width:100%;height:100%;object-fit:cover}
.pq-go{display:block;text-align:center;padding:9px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#fff;font-weight:800;font-size:12px;text-decoration:none}.pq-go:hover{background:rgba(168,85,247,.35)}
@media (min-width:901px) and (max-width:1450px){.h2-grid{grid-template-columns:minmax(0,1fr) 320px}.h2-art{flex-basis:360px}.h2-art .script{left:180px;font-size:18px}.h2-date{display:none}.h2-st .spk{display:none}.h2-bottom{grid-template-columns:1fr}.h2-bottom .h2-card{height:300px}}
@media (min-width:901px) and (max-width:1200px){.h2-stats{grid-template-columns:1fr 1fr}.h2-grid{grid-template-columns:1fr}.h2-art{display:none}}
.h2-create .h2-as{display:flex!important;flex-direction:row!important;align-items:center;white-space:nowrap;width:auto;height:34px}
.h2-create .h2-as select{min-width:120px;max-width:170px}
.h2-create .qclear .qb small{display:none!important}
.h2-create .qb b,.h2-create .qcustom b{white-space:normal!important;font-size:13.5px;line-height:1.15}
.h2-create .qb small,.h2-create .qcustom small{white-space:normal;line-height:1.2}
.h2-art img{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 25%,#000 85%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 25%,#000 85%,transparent);mask-composite:intersect}

/* ===== Create new post (cp) ===== */
.cp{max-width:1500px;margin:0 auto}
.cp-head h1{margin:0;font-size:28px;display:flex;align-items:center;gap:10px}
.cp-head p{margin:4px 0 16px;color:var(--muted)}
.cp-spark{display:inline-flex;color:#c4b5fd}.cp-spark svg{width:22px;height:22px}
.cp-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
.cp-main{display:flex;flex-direction:column;gap:14px;min-width:0}
.cp-side{position:sticky;top:76px}
.cp-tabs{display:flex;gap:6px;padding:5px;border-radius:14px;background:rgba(22,15,56,.7);border:1px solid rgba(139,92,246,.24);width:max-content;max-width:100%}
.cp-tabs label{cursor:pointer}.cp-tabs input{display:none}
.cp-tabs span{display:flex;align-items:center;gap:8px;padding:9px 20px;border-radius:10px;color:var(--muted);font-weight:600}
.cp-tabs svg{width:17px;height:17px}
.cp-tabs input:checked+span{background:var(--grad);color:#fff;box-shadow:0 4px 16px rgba(124,58,237,.45)}
.cp-card{padding:16px;border-radius:18px;background:linear-gradient(165deg,rgba(40,28,96,.55),rgba(22,15,56,.82));border:1px solid rgba(139,92,246,.24)}
.cp-h{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.cp-h h2{margin:0;font-size:17px}.cp-h small{color:var(--muted);display:block;font-size:12.5px}
.cp-h>div:not(.cp-tools){flex:1;min-width:140px}
.cp-i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(139,92,246,.2);color:#c4b5fd;flex:none}
.cp-i svg{width:18px;height:18px}
.cp-ghost{background:rgba(139,92,246,.14);border:1px solid rgba(139,92,246,.3);color:#d8ccff;border-radius:10px;padding:7px 12px;cursor:pointer;font:inherit;font-size:13px}
.cp-ghost:hover{background:rgba(139,92,246,.28)}
.cp-mgrid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px}
.cp-prev{aspect-ratio:9/14;max-height:340px;border-radius:14px;background:#0b0720;border:1px dashed rgba(139,92,246,.35);overflow:hidden;display:grid;place-items:center;position:relative}
.cp-prev img,.cp-prev video{width:100%;height:100%;object-fit:cover}
.cp-ph{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted);font-size:13px}.cp-ph svg{width:30px;height:30px}
.cp-lib{min-width:0;display:flex;flex-direction:column;gap:10px}
.cp-lib .media-grid{max-height:290px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}
.cp-add{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px dashed rgba(139,92,246,.4);color:#d8ccff;text-decoration:none}
.cp-add svg{width:18px;height:18px}.cp-add small{display:block;color:var(--muted);font-size:11.5px}
.cp-ta{position:relative}
.cp-ta textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:110px;padding:12px 12px 26px}
.cp-cnt{position:absolute;right:12px;bottom:8px;font-size:12px;color:var(--muted)}
.cp-ai{display:flex;align-items:center;gap:6px;border:0;border-radius:10px;padding:8px 14px;color:#fff;background:var(--grad);cursor:pointer;font:inherit;font-weight:600;font-size:13px}
.cp-ai svg{width:15px;height:15px}
.cp-qt{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;color:var(--muted);font-size:13px}
.cp-chip{cursor:pointer}.cp-chip input{display:none}
.cp-chip i{font-style:normal;display:inline-block;padding:5px 12px;border-radius:999px;border:1px solid rgba(139,92,246,.3);color:var(--muted);font-size:13px}
.cp-chip input:checked+i{background:rgba(139,92,246,.28);color:#fff;border-color:#8b5cf6}
.cp-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-left:auto}
.cp-search{display:flex;align-items:center;gap:6px;padding:0 10px;border-radius:10px;border:1px solid rgba(139,92,246,.3);background:rgba(10,7,24,.6)}
.cp-search svg{width:15px;height:15px;color:var(--muted)}
.cp-search input{background:none;border:0;outline:0;color:#fff;padding:8px 0;width:170px;font:inherit}
.cp-tools b{font-size:13px;color:#c4b5fd}
.cp-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.cp-chips:empty{display:none}
.cp-chips span{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 10px;border-radius:999px;background:rgba(139,92,246,.22);font-size:12.5px}
.cp-chips span button{border:0;background:rgba(255,255,255,.15);color:#fff;border-radius:50%;width:18px;height:18px;cursor:pointer;line-height:1;padding:0}
.cp-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:360px;overflow:auto;padding-right:4px}
.cp-list .grp{grid-column:1/-1;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.cp-acc{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:12px;border:1px solid rgba(139,92,246,.22);background:rgba(10,7,24,.45);cursor:pointer;min-width:0}
.cp-acc input{accent-color:#8b5cf6}
.cp-acc:has(input:checked){border-color:#8b5cf6;background:rgba(139,92,246,.24)}
.cp-acc[hidden]{display:none}
.cp-an{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13.5px}
.cp-pf{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex:none;color:#fff;font-style:normal}
.cp-pf svg{width:13px;height:13px}.cp-pf.ig{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af)}.cp-pf.fb{background:#1877f2}
.cp-wrow{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;align-items:stretch}
.cp-opt{cursor:pointer}.cp-opt input{display:none}
.cp-opt>span{display:grid;grid-template-columns:auto 1fr;column-gap:10px;padding:11px 12px;border-radius:12px;border:1px solid rgba(139,92,246,.25);height:100%;box-sizing:border-box}
.cp-opt svg{width:18px;height:18px;grid-row:span 2;align-self:center;color:#c4b5fd}
.cp-opt small{color:var(--muted);font-size:11.5px}
.cp-opt input:checked+span{border-color:#8b5cf6;background:rgba(139,92,246,.24)}
.cp-dt{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}
.cp-dt input{padding:9px}.cp-tz{padding:9px 10px;border-radius:10px;border:1px solid rgba(139,92,246,.25);color:#fff;font-size:13px}
.cp-sum{display:flex;flex-direction:column;gap:10px}
.cp-sm{display:flex;gap:10px;align-items:center}.cp-sm small{display:block;color:var(--muted)}
.cp-sth{width:52px;height:64px;border-radius:10px;background:#0b0720;overflow:hidden;flex:none}
.cp-sth img,.cp-sth video{width:100%;height:100%;object-fit:cover}
.cp-row{display:flex;justify-content:space-between;font-size:13px;margin-top:4px}.cp-row span{color:var(--muted)}
.cp-box{padding:10px;border-radius:10px;background:rgba(10,7,24,.55);border:1px solid rgba(139,92,246,.2);font-size:13px;color:var(--muted);max-height:96px;overflow:auto;white-space:pre-wrap;word-break:break-word}
.cp-icons{display:flex;flex-wrap:wrap;gap:4px}
.cp-sched{display:flex;gap:10px;align-items:center;padding:10px;border-radius:10px;background:rgba(10,7,24,.55)}
.cp-sched svg{width:18px;height:18px;color:#c4b5fd}.cp-sched small{display:block;color:var(--muted);font-size:12px}
.cp-plat label{display:flex;align-items:center;gap:10px;padding:7px 2px}.cp-plat label span{flex:1}
.cp-sw{appearance:none;-webkit-appearance:none;width:40px;height:22px;border-radius:999px;background:rgba(255,255,255,.18);position:relative;cursor:pointer;transition:.15s;flex:none}
.cp-sw::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.15s}
.cp-sw:checked{background:#8b5cf6}.cp-sw:checked::after{left:21px}
.cp-go{display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:14px;padding:12px;color:#fff;background:var(--grad);cursor:pointer;font:inherit;text-align:left}
.cp-go svg{width:20px;height:20px}.cp-go b{display:block}.cp-go small{opacity:.8;font-size:11.5px}
.cp-go.alt{background:rgba(139,92,246,.18);border:1px solid rgba(139,92,246,.4)}
@media(max-width:1180px){.cp-grid{grid-template-columns:1fr}.cp-side{position:static}.cp-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* cp fixes */
.cp label{font-weight:500}
.cp .cp-acc,.cp .cp-plat label,.cp .cp-search,.cp .cp-chip,.cp .cp-tabs label{flex-direction:row}
.cp .cp-tabs label{display:block}
.cp .cp-plat label{align-items:center}
.cp input.cp-sw{width:40px;height:22px;padding:0;min-height:0;border:0;margin:0}
.cp .cp-acc input{width:16px;height:16px;flex:none}
.cp-lib .mtile{aspect-ratio:3/4}
.cp-lib #pick{display:grid}
.cp-search input{padding:8px 0;border:0;background:none;min-height:0;height:auto}
.cp-search{height:36px}
.cp-tools{align-items:center}
.cp-opt>span{box-sizing:border-box}
.cp-tabs input{display:none}
/* YouTube */
.pfb.youtube{background:#ff0033;border-radius:7px}.pfb.youtube .ic{width:16px;height:16px}
.cp-pf.yt{background:#ff0033}.cc.yt{border-color:#ff0033;background:rgba(255,0,51,.2)}.lg-i .yt{background:#ff0033}
.cp-acc.nope{opacity:.4;pointer-events:none}
.cp-ytnote{font-size:12px;color:var(--muted);margin:6px 0 0}

.h2-ws{display:inline-flex;flex-direction:row;align-items:center;gap:8px;margin-top:10px;padding:6px 10px 6px 12px;border-radius:12px;background:rgba(139,92,246,.18);border:1px solid rgba(139,92,246,.4);width:max-content;max-width:100%;position:relative}
.h2-ws small{color:#b9aedf;font-size:12px}
.h2-ws .wsw-dot{width:10px;height:10px;border-radius:50%;background:var(--c,#8b5cf6);flex:none}
.h2-ws select{background:transparent;border:0;color:#fff;font:inherit;font-weight:700;font-size:15px;padding:2px 22px 2px 2px;min-height:0;width:auto;cursor:pointer;outline:0}
.h2-ws select option{background:#1a1240;color:#fff}
/* YouTube on Home */
.sc-pf.yt{background:#ff0033}
.sc.yt{background:linear-gradient(160deg,rgba(255,0,51,.22),rgba(20,10,30,.92) 55%),var(--card);border-color:rgba(255,0,51,.45)}
.sc.yt .sc-av{background:linear-gradient(135deg,#ff0033,#7c3aed);box-shadow:0 0 0 3px #120d2b,0 0 0 6px rgba(255,0,51,.8)}
.h2-acc .sc-act .b2.ytstudio{background:linear-gradient(135deg,#ff0033,#ff5470)}
.igq-a.yt .igq-av{box-shadow:0 0 0 2px #ff0033}
/* YouTube card */
.ytbox .aih{display:flex;align-items:center;gap:10px}.ytav{width:34px;height:34px;border-radius:11px;background:#ff0033;display:grid;place-items:center;color:#fff}.ytav svg{width:20px;height:20px}
.ytbox .ph{display:flex;align-items:center;justify-content:space-between;gap:8px}.ytbox h2{margin:0;font-size:16px}.ytbox .aih small{color:#b9aedf;font-size:12px;display:block}
.yt-link{font-size:12px;color:#fff;background:rgba(255,255,255,.1);padding:6px 11px;border-radius:9px;text-decoration:none}
.yt-tot{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
.yt-tot div{padding:8px 4px;border-radius:12px;background:rgba(255,255,255,.06);text-align:center;display:flex;flex-direction:column}.yt-tot b{font-size:18px}.yt-tot span{font-size:11px;color:#b9aedf}
.yt-l{display:flex;flex-direction:column;gap:6px}
.yt-i{display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:12px;background:rgba(255,255,255,.04);text-decoration:none;color:#fff;min-width:0}.yt-i.bad{border:1px solid rgba(251,113,133,.5)}
.yt-av{position:relative;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:linear-gradient(135deg,#ff0033,#7c3aed);display:grid;place-items:center;font-weight:800;overflow:hidden}.yt-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.yt-n{flex:1;min-width:0;display:flex;flex-direction:column}.yt-n b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yt-n small{font-size:11px;color:#b9aedf}
.yt-i em{font-style:normal;font-weight:800;font-size:14px;text-align:right;display:flex;flex-direction:column}.yt-i em small{font-size:10px;color:#b9aedf;font-weight:500}
.yt-more{font-size:12px;color:#cdb8ff;text-align:center;padding:4px;text-decoration:none}
.yt-act{display:flex;gap:8px;margin-top:12px}.yt-act form{flex:1;display:flex;margin:0}
.yt-go{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:38px;border:0;border-radius:11px;background:linear-gradient(135deg,#ff0033,#ff5470);color:#fff;font:inherit;font-weight:800;font-size:13px;text-decoration:none;cursor:pointer;padding:0 10px}
.yt-go.alt{background:rgba(255,255,255,.1)}.yt-go svg{width:15px;height:15px}
.h2-create .qplat{width:auto!important;flex:0 0 auto;max-width:100%}
.h2-create .qplat span{padding:0 6px}.h2-create .qplat button{padding:0 9px;flex:0 0 auto}
.h2-create .qclear{order:5}
.ytbox{padding:14px 16px 16px}.h2-create .qclear{order:3}

/* ===== Auto folders (af) ===== */
.af{max-width:1500px;margin:0 auto}
.af-head{display:flex;align-items:center;gap:14px;margin-bottom:14px;flex-wrap:wrap}
.af-ico{width:52px;height:52px;border-radius:14px;background:rgba(139,92,246,.2);border:1px solid rgba(139,92,246,.4);display:grid;place-items:center;color:#e9ddff}.af-ico svg{width:28px;height:28px}
.af-t{flex:1;min-width:220px}.af-t h1{margin:0;font-size:28px}.af-t p{margin:3px 0 0;color:#b9aedf;font-size:14px}
.af-new{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;background:var(--grad);color:#fff;font-weight:700;text-decoration:none;box-shadow:0 6px 20px rgba(124,58,237,.4)}.af-new svg{width:16px;height:16px}
.af-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.af-st{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:16px;background:linear-gradient(165deg,rgba(40,28,96,.55),rgba(22,15,56,.82));border:1px solid rgba(139,92,246,.24)}
.af-st b{display:block;font-size:24px;line-height:1.1}.af-st small{color:#b9aedf;font-size:12.5px}
.af-si{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none}.af-si svg{width:22px;height:22px}
.af-si.g{background:rgba(52,211,153,.18);color:#34d399}.af-si.p{background:rgba(236,72,153,.18);color:#f472b6}.af-si.b{background:rgba(139,92,246,.22);color:#c4b5fd}.af-si.v{background:rgba(99,102,241,.22);color:#a5b4fc}
.af-card{padding:14px 16px}
.af-r{display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:16px;align-items:center}
.af-th{width:84px;height:84px;border-radius:14px;overflow:hidden;background:rgba(255,255,255,.07);display:grid;place-items:center;color:#c4b5fd}.af-th svg{width:30px;height:30px}.af-th img,.af-th video{width:100%;height:100%;object-fit:cover}
.af-nm{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.af-nm b{font-size:18px}
.af-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:8px;color:#cfc4f5;font-size:13px}
.af-meta>span{display:inline-flex;align-items:center;gap:6px}.af-meta svg{width:15px;height:15px;color:#a99fd4}
.af-pfs{display:inline-flex;gap:3px;margin-left:4px}.af-pfs .cp-pf{width:18px;height:18px}.af-pfs .cp-pf svg{width:10px;height:10px;color:#fff}
.af-runs{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#cfc4f5;min-width:170px}.af-runs>div{display:flex;align-items:center;gap:8px}.af-runs svg{width:15px;height:15px;color:#a99fd4}
.af-hide,.af-nums{display:none}
.af-card .qgrid.af-q{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 8px}
.af-card .actions{margin-top:6px}
.af-only{align-items:center;margin:6px 0}.af-only .yt{background:rgba(255,0,51,.18);border-color:rgba(255,0,51,.5)}
.af-acclist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px}.af-acclist .acc-grp{grid-column:1/-1}
.af-form{padding:18px}.af-form>h2{display:flex;align-items:center;gap:8px}.af-form>h2 svg{width:18px;height:18px;color:#c4b5fd}
@media(max-width:900px){.af-stats{grid-template-columns:1fr 1fr}.af-r{grid-template-columns:64px minmax(0,1fr)}.af-th{width:64px;height:64px}.af-runs{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:6px 16px}.af-card .qgrid.af-q{grid-template-columns:1fr 1fr}.af-acclist{grid-template-columns:1fr}.af-t h1{font-size:22px}.af-new{width:100%;justify-content:center}}

/* ===== YouTube panel (yp) ===== */
.yp{max-width:1560px;margin:0 auto}
.yp-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.yp-logo{width:60px;height:46px;border-radius:12px;background:#ff0033;display:grid;place-items:center;color:#fff;box-shadow:0 6px 22px rgba(255,0,51,.4)}.yp-logo svg{width:30px;height:30px}
.yp-t{flex:1;min-width:220px}.yp-t h1{margin:0;font-size:30px}.yp-t p{margin:2px 0 0;color:#b9aedf;font-size:14px}
.yp-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(139,92,246,.35);color:#fff;font-weight:700;text-decoration:none;font-size:14px}.yp-btn svg{width:16px;height:16px}
.yp-btn.pri{background:var(--grad);border-color:transparent;box-shadow:0 6px 20px rgba(124,58,237,.4)}
.yp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.yp-st{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:16px;background:linear-gradient(165deg,rgba(40,28,96,.55),rgba(22,15,56,.82));border:1px solid rgba(139,92,246,.24)}
.yp-st b{display:block;font-size:24px;line-height:1.1}.yp-st small{color:#b9aedf;font-size:12.5px}.yp-st em{font-style:normal;font-weight:800;margin-left:4px}.yp-st em.up{color:#34d399}.yp-st em.dn{color:#fb7185}
.yp-si{width:46px;height:46px;border-radius:50%;background:rgba(255,0,51,.18);color:#ff7a93;display:grid;place-items:center;flex:none}.yp-si svg{width:22px;height:22px}
.yp-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start}
.yp-main,.yp-side{display:flex;flex-direction:column;gap:14px;min-width:0}
.yp-row2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px}
.yp-card{padding:16px;border-radius:18px;background:linear-gradient(165deg,rgba(40,28,96,.55),rgba(22,15,56,.82));border:1px solid rgba(139,92,246,.24);min-width:0}
.yp-h{display:flex;align-items:center;gap:10px;margin-bottom:12px}.yp-h h2{margin:0;font-size:17px;flex:1}.yp-h form{margin:0}
.yp-hi{width:30px;height:30px;border-radius:9px;background:rgba(255,0,51,.18);color:#ff7a93;display:grid;place-items:center;flex:none}.yp-hi svg{width:16px;height:16px}
.yp-link{background:rgba(255,255,255,.08);border:1px solid rgba(139,92,246,.3);color:#fff;border-radius:9px;padding:6px 11px;font:inherit;font-size:12.5px;text-decoration:none;cursor:pointer}
.yp-ovb{display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr);gap:16px;align-items:center}
.yp-ch{display:flex;flex-direction:column;gap:10px}.yp-ch b{font-size:18px;display:block}.yp-ch small,.yp-acc small{display:block;color:#b9aedf;font-size:12.5px}
.yp-av{position:relative;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#ff0033,#7c3aed);display:grid;place-items:center;font-weight:800;overflow:hidden;flex:none;box-shadow:0 0 0 3px rgba(255,0,51,.5)}.yp-av.big{width:84px;height:84px;font-size:30px}.yp-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.yp-chart{min-width:0}.yp-chart svg{width:100%;height:140px;display:block}
.yp-cg b{font-size:22px;color:#34d399}.yp-cg small{display:block;color:#b9aedf;font-size:12px}
.yp-cx{display:flex;justify-content:space-between;color:#9d90cf;font-size:11px}
.yp-nochart{padding:20px;border-radius:14px;border:1px dashed rgba(139,92,246,.35);text-align:center}.yp-nochart b{font-size:26px;display:block}.yp-nochart small{color:#b9aedf}
.yp-desc{margin:12px 0 0;color:#cfc4f5;font-size:13px;line-height:1.5}
.yp-ql{display:flex;flex-direction:column;gap:8px}.yp-qi{display:flex;gap:10px;align-items:center;padding:6px;border-radius:12px;background:rgba(255,255,255,.04)}
.yp-th{width:54px;height:54px;border-radius:10px;overflow:hidden;background:rgba(255,255,255,.07);flex:none}.yp-th img,.yp-th video{width:100%;height:100%;object-fit:cover}
.yp-qb{min-width:0;display:flex;flex-direction:column}.yp-qb b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yp-qb span{font-size:11.5px;color:#cdb8ff}.yp-qb small{font-size:11px;color:#9d90cf}
.yp-tag{font-style:normal;background:#ff0033;color:#fff;border-radius:6px;padding:1px 7px;font-size:10.5px;font-weight:700}
.yp-tg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.yp-tool{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;background:rgba(139,92,246,.18);border:1px solid rgba(139,92,246,.35);color:#fff;text-decoration:none}.yp-tool.red{background:linear-gradient(135deg,#ff0033,#ff5470);border-color:transparent}
.yp-tool svg{width:24px;height:24px;flex:none}.yp-tool b{display:block;font-size:14px}.yp-tool small{font-size:11.5px;opacity:.85}
.yp-ug{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.yp-u{display:flex;flex-direction:column;gap:4px;color:#fff;text-decoration:none;min-width:0}.yp-u b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yp-u small{font-size:11.5px;color:#b9aedf}.yp-u small.ok{color:#34d399}
.yp-uth{aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.07)}.yp-uth img,.yp-uth video{width:100%;height:100%;object-fit:cover}
.yp-cm{display:flex;flex-direction:column;gap:8px}
.yp-c{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.04);color:#fff;text-decoration:none}
.yp-ca{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#ec4899);display:grid;place-items:center;font-weight:800;flex:none}
.yp-cb{flex:1;min-width:0;display:flex;flex-direction:column}.yp-cb b{font-size:13px}.yp-cb span{font-size:12.5px;color:#cfc4f5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yp-c small{color:#9d90cf;font-size:11px;white-space:nowrap}
.yp-acc{display:flex;align-items:center;gap:12px}.yp-acc>div{flex:1;min-width:0}.yp-acc b{display:block}
.yp-sw{margin-top:10px}.yp-sw select{width:100%}
.yp-set{display:flex;flex-direction:column;gap:10px}.yp-set label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:#b9aedf}.yp-set label.check{flex-direction:row;align-items:center}
.yp-go{display:flex;align-items:center;justify-content:center;gap:8px;height:42px;border:0;border-radius:12px;background:linear-gradient(135deg,#ff0033,#ff5470);color:#fff;font:inherit;font-weight:800;font-size:14px;text-decoration:none;cursor:pointer;padding:0 14px;width:100%;box-sizing:border-box}
.yp-go.alt{background:rgba(255,255,255,.1);border:1px solid rgba(139,92,246,.35)}.yp-go svg{width:16px;height:16px}
.yp-act{display:flex;gap:10px;margin-top:12px}.yp-empty{max-width:720px}
@media(max-width:1280px){.yp-grid{grid-template-columns:1fr}.yp-ug{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.yp-stats{grid-template-columns:1fr 1fr}.yp-row2{grid-template-columns:1fr}.yp-ovb{grid-template-columns:1fr}.yp-tg{grid-template-columns:1fr 1fr}.yp-ug{grid-template-columns:repeat(2,minmax(0,1fr))}.yp-t h1{font-size:24px}.yp-btn{flex:1;justify-content:center}}
/* TikTok */
.cp-pf.tt,.pfb.tiktok,.sc-pf.tt{background:linear-gradient(135deg,#111,#fe2c55)}.pfb.tiktok{border-radius:7px}.pfb.tiktok .ic{width:15px;height:15px}
.cp-pf.tt svg,.sc-pf.tt svg{stroke:#fff;fill:none;stroke-width:2.4}
.cc.tt{border-color:#fe2c55;background:rgba(254,44,85,.2)}.lg-i .tt{background:#fe2c55}
.sc.tt{background:linear-gradient(160deg,rgba(254,44,85,.22),rgba(10,10,20,.92) 55%),var(--card);border-color:rgba(254,44,85,.45)}
.sc.tt .sc-av{background:linear-gradient(135deg,#111,#fe2c55);box-shadow:0 0 0 3px #120d2b,0 0 0 6px rgba(37,244,238,.7)}
.h2-acc .sc-act .b2.ttstudio{background:linear-gradient(135deg,#111827,#fe2c55)}
.af-only .tt{background:rgba(254,44,85,.18);border-color:rgba(254,44,85,.5)}
.igq-a.tt .igq-av{box-shadow:0 0 0 2px #fe2c55}

/* TikTok home card */
.ttav{background:#111!important;box-shadow:-2px -2px 0 #25f4ee,2px 2px 0 #fe2c55}
.ttavt{background:linear-gradient(135deg,#25f4ee,#fe2c55)!important}
.yt-go.tt-go{background:linear-gradient(135deg,#fe2c55,#ff6a88)}

/* ===== Home on one screen (desktop, no page scrolling) ===== */
@media (min-width:1201px){
 .page-home .content{height:100vh;overflow:hidden!important}
 .page-home main{min-height:0!important;overflow:hidden;padding:0 22px 12px!important;display:flex;flex-direction:column}
 .page-home .dh2{flex:1;min-height:0;gap:10px}
 .dh2 .h2-hero{min-height:78px;flex:0 0 auto}.dh2 .h2-hero h1{font-size:25px}.dh2 .h2-hero p{margin-top:2px;font-size:12.5px}
 .dh2 .h2-art{height:78px;flex-basis:400px}.dh2 .h2-art img{height:112px}.dh2 .h2-art .script{left:200px;top:22px;font-size:18px}
 .dh2 .h2-ws{display:none}
 .dh2 .h2-date{padding:8px 14px}
 .dh2 .h2-stats{flex:0 0 auto;gap:10px}
 .dh2 .h2-st{padding:7px 14px}.dh2 .h2-si{flex-basis:36px;height:36px;border-radius:11px}.dh2 .h2-si .ic{width:18px;height:18px}
 .dh2 .h2-v b{font-size:21px}.dh2 .h2-st .spk{height:30px}
 .dh2 .h2-grid{flex:1;min-height:0;grid-template-rows:minmax(0,1fr);align-items:stretch;gap:10px}
 .dh2 .h2-main,.dh2 .h2-rail{min-height:0;overflow:hidden;gap:10px}
 /* create & publish: single slim row */
 .dh2 .h2-create{padding:10px 14px;gap:8px;flex:0 0 auto}
 .dh2 .h2-create .pn-h small{display:none}
 .dh2 .h2-create .qb{min-height:46px;padding:6px 12px}.dh2 .h2-create .qb .ic{width:22px;height:22px}
 .dh2 .h2-create .qnote{display:none!important}
 /* accounts */
 .dh2 .screens{flex:1 1 0!important;min-height:0;padding:10px 14px;display:flex;flex-direction:column;overflow:hidden}
 .dh2 .screens .sc-head{margin-bottom:6px}
 .dh2 .screens .sc-track{flex:1 1 0!important;min-height:0;align-items:stretch!important;padding:2px 2px 4px}
 .dh2 .sc{padding:8px 10px;gap:5px}.dh2 .sc-av{width:46px;height:46px;border-radius:16px;font-size:18px}.dh2 .sc-av img{border-radius:16px}
 .dh2 .sc-top{margin-top:0}.dh2 .sc-num div{padding:2px}.dh2 .sc-num b{font-size:14px}
 .dh2 .sc-act form button,.dh2 .sc-act a,.dh2 .sc-act .b3{height:26px}
 /* bottom row takes what is left */
 .dh2 .h2-bottom{flex:1 1 0;min-height:0}
 .dh2 .h2-bottom .h2-card{height:auto;min-height:0;padding:10px 14px}
 /* rail */
 .dh2 .h2-rail .chk{display:none}
 .dh2 .ytbox{padding:10px 14px 12px;flex:0 0 auto}
 .dh2 .ytbox .yt-l{display:none}
 .dh2 .ytbox .yt-tot{margin:8px 0}.dh2 .ytbox .yt-tot div{padding:5px 4px}.dh2 .ytbox .yt-tot b{font-size:16px}
 .dh2 .ytbox .yt-act{margin-top:8px}.dh2 .ytbox .yt-go{height:32px}
 .dh2 .ytbox .ytav{width:30px;height:30px}.dh2 .ytbox h2{font-size:15px}
 .dh2 .bt{padding:10px 14px;flex:0 0 auto}.dh2 .bt .bt-l{gap:5px}
 .dh2 .h2-duo{flex:1 1 0;min-height:0}.dh2 .h2-duo .h2-card{overflow:hidden;min-height:0}
 .dh2 .h2-duo .pq-th{display:none}
}
@media (min-width:1201px) and (max-height:860px){
 .dh2 .h2-hero p,.dh2 .h2-art .script{display:none}
 .dh2 .h2-hero{min-height:56px}.dh2 .h2-art{height:56px}.dh2 .h2-art img{height:84px}
 .dh2 .h2-st .spk,.dh2 .h2-date{display:none}
 .dh2 .ytbox .ph small,.dh2 .bt .ph small{display:none}
 .dh2 .sc-num{display:none}
 .dh2 .h2-duo{display:none}
}
@media (min-width:1201px) and (max-height:720px){
 .dh2 .bt{display:none}
 .dh2 .h2-bottom .up-list .up:nth-child(n+3){display:none}
}
@media (min-width:1201px){
 .dh2 .screens{flex:0 0 auto!important}
 .dh2 .screens .sc-track{flex:0 0 auto!important}
 .dh2 .h2-duo .ph>a{display:none}
}

/* TikTok panel */
.tp-logo{background:#111!important;box-shadow:-3px -3px 0 #25f4ee,3px 3px 0 #fe2c55!important}
.tp-pri{background:linear-gradient(135deg,#fe2c55,#ff6a88)!important}
.tp-av{background:linear-gradient(135deg,#25f4ee,#fe2c55)!important}
.yp-tool.tt{background:linear-gradient(135deg,#fe2c55,#ff6a88);border-color:transparent}
.tp-warn{border-color:rgba(251,113,133,.5)!important}
.tp-f{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.05);margin-bottom:8px}
.tp-fi{width:38px;height:38px;border-radius:11px;background:rgba(254,44,85,.2);display:grid;place-items:center;color:#ff7a95;flex:none}.tp-fi svg{width:20px;height:20px}
.tp-fb{flex:1;min-width:0;display:flex;flex-direction:column}.tp-fb small{font-size:11.5px;color:#b9aedf}.tp-fb em.bad{color:#ff8a8a;font-style:normal}
.tp-f form{margin:0}
.tp-new summary{cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:800;color:#fff;padding:8px 2px;list-style:none}.tp-new summary svg{width:16px;height:16px}
.tp-form{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:6px}
.tp-form label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#c9bdf0}
.tp-form label.check{flex-direction:row;align-items:center;gap:8px}
.tp-form input:not([type=checkbox]),.tp-form select{height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;padding:0 12px;font:inherit}
.tp-form label:first-of-type,.tp-acc,.tp-form .yp-go,.tp-form label.check{grid-column:1/-1}
.tp-acc{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:#c9bdf0;align-items:center}
@media (max-width:700px){.tp-form{grid-template-columns:1fr}}
@media (min-width:901px) and (max-height:1000px){.side nav a{height:38px;font-size:14px}.side nav{gap:2px}}

/* phone-only blocks stay hidden on bigger screens */
.mh,.mc{display:none}
.mc-old{display:block}

/* ===== + create sheet (phone and desktop) ===== */
.cs{position:fixed;inset:0;z-index:80;display:flex;background:rgba(6,3,18,.66);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:opacity .18s;align-items:center;justify-content:center}
.cs.open{opacity:1;pointer-events:auto}
.cs-box{position:relative;width:min(540px,92vw);padding:62px 18px 20px;border-radius:28px;background:linear-gradient(180deg,#241a5e,#170f3d);border:1px solid rgba(167,139,250,.35);text-align:center;transform:translateY(18px);transition:transform .22s;box-shadow:0 30px 80px rgba(0,0,0,.55)}
.cs.open .cs-box{transform:none}
.cs-bun{position:absolute;left:50%;top:-36px;width:88px;height:88px;margin-left:-44px;object-fit:cover;object-position:0 50%;border-radius:24px;border:2px solid rgba(196,167,255,.55);background:#170f3d;box-shadow:0 8px 24px rgba(168,85,247,.55)}
.cs-box h2{font-size:21px;margin:0 0 3px}.cs-box p{margin:0 0 14px;color:#cdbff5;font-size:14px}
.cs-x{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;padding:0}.cs-x .ic{width:18px;height:18px}
.cs-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cs-t{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 10px 12px;border-radius:20px;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.2)}
.cs-t b{font-size:18px}.cs-t small{font-size:12.5px;color:#e7defc}.cs-t small i{font-style:normal;margin-left:4px}
.cs-i{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#0c0820;border:1px solid rgba(255,255,255,.14)}.cs-i .ic{width:28px;height:28px;color:#fff}
.cs-t.tt{background:linear-gradient(160deg,rgba(124,58,237,.55),rgba(236,72,153,.25));border-color:rgba(167,139,250,.7)}
.cs-t.yt{background:linear-gradient(160deg,rgba(220,38,38,.38),rgba(124,58,237,.25))}.cs-t.yt .cs-i{background:#ff0033}
.cs-t.ig{background:linear-gradient(160deg,rgba(236,72,153,.4),rgba(249,115,22,.2))}.cs-t.ig .cs-i{background:linear-gradient(135deg,#f58529,#dd2a7b 55%,#8134af)}
.cs-t.fb{background:linear-gradient(160deg,rgba(37,99,235,.45),rgba(124,58,237,.25))}.cs-t.fb .cs-i{background:#1877f2}
.cs-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.cs-row a{display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff;text-decoration:none}
.cs-row a span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(167,139,250,.4);margin-bottom:4px}.cs-row .ic{width:24px;height:24px;color:#d3c2ff}
.cs-row b{font-size:13px}.cs-row small{font-size:11px;color:#b9aedf}


.cs-t,.cs-row a{transition:transform .15s,border-color .15s}.cs-t:hover,.cs-row a:hover{transform:translateY(-2px);text-decoration:none}
/* desktop + button */
.fab-d{display:none}
@media (min-width:821px){
 .fab-d{position:fixed;left:calc(50% + 125px);margin-left:-28px;bottom:8px;z-index:85;width:56px;height:56px;border-radius:50%;border:0;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 10px 28px rgba(124,58,237,.6),0 0 0 6px rgba(13,9,32,.9);cursor:pointer;transition:transform .15s}
 .fab-d:hover{transform:scale(1.07)}.fab-d .ic{width:28px;height:28px;stroke-width:2.3;grid-area:1/1}
 .fab-d .ic:last-child{display:none}.cs-open .fab-d .ic:first-child{display:none}.cs-open .fab-d .ic:last-child{display:block}
 .cs-box{max-width:540px}
}

@media (min-width:1201px){.page-home main{padding-bottom:50px!important}}
@media (min-width:821px){main{padding-bottom:84px}}

/* account quick access */
.accq{height:38px;display:flex;align-items:center;gap:7px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--line);color:#fff;font:inherit;font-weight:600;font-size:13px;cursor:pointer}
.accq:hover{border-color:#a78bfa}.accq .ic{width:17px;height:17px}
.accpop{width:320px;max-height:70vh;overflow-y:auto;padding:10px}
.accpop h3{margin:2px 6px 8px;font-size:14px}
.accq-i{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:12px;color:var(--text)}.accq-i:hover{background:rgba(139,92,246,.2);text-decoration:none}
.accq-av{position:relative;width:34px;height:34px;border-radius:50%;background:#4c1d95;display:grid;place-items:center;font-weight:700;overflow:hidden;flex:0 0 34px}
.accq-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.accq-n{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}.accq-n b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}.accq-n small{color:var(--muted);font-size:11.5px}
.accq-i.bad .accq-n small{color:var(--bad)}.accq-go{font-style:normal;color:var(--muted)}
.accq-all{display:block;text-align:center;margin-top:8px;padding:8px;border-radius:10px;background:rgba(255,255,255,.06);font-weight:600;font-size:13px}
@media (max-width:1100px){.accq span{display:none}.accq{padding:0 12px}}
@media (max-width:820px){.accpop{position:fixed;left:10px;right:10px;top:64px;width:auto;max-height:75vh}}
/* calendar: never let many posts stretch the page */
.wp .cal2{flex:0 0 380px;height:380px;min-height:0;grid-template-rows:minmax(0,1fr)}
.wp .cal2 .cd{min-height:0;height:100%}.wp .cal2 .cb{overflow-y:auto;scrollbar-width:none}

/* queue: grouped by account */
#qgroups{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.qg{border:1px solid rgba(139,92,246,.25);border-radius:14px;background:rgba(255,255,255,.03);overflow:hidden}
.qg-h{width:100%;display:flex;align-items:center;gap:12px;padding:10px 14px;background:none;border:0;color:inherit;font:inherit;cursor:pointer;text-align:left}
.qg-h:hover{background:rgba(139,92,246,.12)}
.qg-n{display:flex;flex-direction:column;min-width:0;line-height:1.2}.qg-n b{font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qg-n small{color:var(--muted);font-size:11.5px;text-transform:capitalize}
.qg-s{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.qg-s i{font-style:normal;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.08)}
.qg-ok{color:var(--good)}.qg-bad,.qg-f{color:var(--bad);background:rgba(251,113,133,.15)!important}.qg-w{color:#c4b5fd}.qg-p{color:var(--good)}
.qg .chev{width:16px;height:16px;transition:transform .2s;flex:0 0 16px}.qg.open .chev{transform:rotate(90deg)}
.qg-b{display:none;padding:4px 12px 12px;max-height:420px;overflow-y:auto;border-top:1px solid rgba(139,92,246,.18)}.qg.open .qg-b{display:block}
.qg-all,.qg-login{display:inline-block;margin:8px 8px 6px 0;font-size:12.5px;font-weight:700;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.08)}
.qg-login{background:rgba(251,113,133,.2);color:var(--bad)}
.qg-i{display:flex;align-items:center;gap:10px;padding:6px 4px;border-bottom:1px solid rgba(255,255,255,.05)}
.qg-t{width:38px;height:38px;border-radius:8px;overflow:hidden;flex:0 0 38px;background:var(--card2);display:block}.qg-t img,.qg-t video{width:100%;height:100%;object-fit:cover}.qg-t .qtime,.qg-t .qlive{display:none}
.qg-w2{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.qg-w2 b{font-size:13px}.qg-w2 small{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qg-w2 .qg-e{color:var(--bad);white-space:normal}
@media (max-width:820px){.qg-s .qg-ok{display:none}.qg-h{padding:10px}}

/* stop everything */
.pausef{margin:0}.pausebtn{height:38px;display:flex;align-items:center;gap:7px;padding:0 14px;border-radius:999px;background:rgba(251,113,133,.16);border:1px solid rgba(251,113,133,.5);color:#fecdd3;font:inherit;font-weight:700;font-size:13px;cursor:pointer}
.pausebtn:hover{background:rgba(251,113,133,.3)}.pausebtn .ic{width:16px;height:16px}
.pausebtn.on{background:linear-gradient(90deg,#059669,#10b981);border-color:transparent;color:#fff}
.pausebar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px;padding:10px 16px;border-radius:14px;background:rgba(251,113,133,.16);border:1px solid rgba(251,113,133,.5);color:#fecdd3}
.pausebar .ic{width:18px;height:18px}.pausebar form{margin-left:auto}.pausebar button{background:#10b981;color:#fff;border:0;border-radius:999px;padding:6px 16px;font:inherit;font-weight:700;cursor:pointer}
@media (max-width:1100px){.pausebtn span{display:none}.pausebtn{padding:0 12px}}
.pausebar form{margin-left:0}.pausebar form:first-of-type{margin-left:auto}.pausebar .pb-reset{background:#be123c}

/* home: accounts with problems */
.pa{padding:14px 16px}.pa .ph{margin-bottom:8px}.pa h2{font-size:16px;margin:0}.pa small{display:block;font-size:11.5px;color:#b9aedf;margin-top:2px}
.pa-l{display:flex;flex-direction:column;gap:6px;max-height:150px;overflow-y:auto;scrollbar-width:thin}
.pa-i{display:flex;align-items:center;gap:9px;padding:4px 0}.pa-i form{margin:0}
.pa-d{width:9px;height:9px;border-radius:50%;background:#fb7185;flex:0 0 9px}.pa-d.r{background:#f59e0b}
.pa-n{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}.pa-n b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pa-n small{margin:0;text-transform:capitalize}
.pa-b{font:inherit;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.1);border:0;color:#fff;cursor:pointer;display:inline-block}
.pa-b:hover{text-decoration:none;background:rgba(139,92,246,.45)}.pa-b.x{background:rgba(251,113,133,.2);color:#fecdd3}

/* workspaces: accounts grouped by platform */
.wsplat{margin:10px 0;border:1px solid rgba(139,92,246,.25);border-radius:14px;background:rgba(255,255,255,.03);overflow:hidden}
.wsplat>summary{display:flex;align-items:center;gap:10px;padding:11px 14px;cursor:pointer;list-style:none;font-size:15px}
.wsplat>summary::-webkit-details-marker{display:none}
.wsplat>summary .ti{font-size:20px}.wsplat.instagram>summary .ti{color:#f472b6}.wsplat.facebook>summary .ti{color:#60a5fa}.wsplat.youtube>summary .ti{color:#f87171}.wsplat.tiktok>summary .ti{color:#e5e7eb}
.wsp-n{background:rgba(255,255,255,.1);border-radius:999px;padding:1px 9px;font-size:12px;font-weight:700}
.wsp-add{margin-left:auto;font-size:12.5px;font-weight:700;padding:5px 12px;border-radius:999px;background:rgba(139,92,246,.3);color:#fff}.wsp-add:hover{text-decoration:none;background:rgba(139,92,246,.55)}
.wsplat[open]>summary{border-bottom:1px solid rgba(139,92,246,.2)}
.wsplat .row{padding:9px 14px}
.pausebtn,.accq,.livetop,.qtop{white-space:nowrap;flex:0 0 auto}
@media (max-width:1400px){.pausebtn span,.accq span{display:none}.pausebtn,.accq{padding:0 12px}}
.accq-test{width:100%;border:0;color:inherit;font:inherit;cursor:pointer;background:linear-gradient(90deg,#6d28d9,#c026d3)!important;color:#fff!important}

/* quick login buttons beside the + button (desktop) */
.qlog{display:none}
@media (min-width:821px){
 .qlog{position:fixed;left:calc(50% + 125px);transform:translateX(-50%);bottom:14px;z-index:84;display:flex;align-items:center;gap:12px;pointer-events:none}
 .ql-gap{width:76px;flex:0 0 76px}
 .ql{pointer-events:auto;position:relative;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;border:2px solid rgba(255,255,255,.18);
   box-shadow:0 8px 20px rgba(0,0,0,.45);cursor:pointer;animation:qlpop .5s cubic-bezier(.2,1.4,.4,1) both,qlfloat 3.4s ease-in-out infinite;animation-delay:calc(var(--d)*.12s),calc(var(--d)*.5s);transition:transform .18s,box-shadow .18s}
 .ql:hover{transform:translateY(-6px) scale(1.14);text-decoration:none;box-shadow:0 14px 28px rgba(0,0,0,.55)}
 .ql .ic{width:22px;height:22px;stroke:#fff}.ql:hover .ic{animation:qlwig .5s ease}
 .ql::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--rc,#fff);opacity:0;animation:qlring 2.8s ease-out infinite;animation-delay:calc(var(--d)*.45s)}
 .ql span{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);background:#1b1140;border:1px solid var(--line);color:#fff;font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:.18s}
 .ql:hover span{opacity:1;transform:translateX(-50%) translateY(0)}
 .ql.ig{background:linear-gradient(45deg,#f9a03f,#e1306c 55%,#833ab4);--rc:#e1306c}
 .ql.fb{background:#1877f2;--rc:#1877f2}.ql.yt{background:#ff0033;--rc:#ff0033}.ql.tt{background:linear-gradient(135deg,#25f4ee,#111 45%,#fe2c55);--rc:#fe2c55}
 .cs-open .qlog{opacity:0;pointer-events:none}
}
@keyframes qlpop{from{transform:scale(0) translateY(20px);opacity:0}to{transform:none;opacity:1}}
@keyframes qlfloat{0%,100%{translate:0 0}50%{translate:0 -4px}}
@keyframes qlring{0%{transform:scale(.85);opacity:.55}80%,100%{transform:scale(1.45);opacity:0}}
@keyframes qlwig{0%,100%{transform:rotate(0)}25%{transform:rotate(-14deg)}75%{transform:rotate(14deg)}}
@media (prefers-reduced-motion:reduce){.ql,.ql::after{animation:none}}

/* ===== Workspaces page (new layout) ===== */
.wsx{margin:0 0 26px}
.wsx-hero{position:relative;display:flex;align-items:center;gap:18px;padding:18px 22px;border-radius:20px;overflow:hidden;border:1px solid rgba(168,139,255,.3);background:linear-gradient(110deg,rgba(60,30,130,.75),rgba(30,20,78,.8) 55%,rgba(40,22,96,.75));box-shadow:0 14px 40px -18px rgba(124,58,237,.7);margin-bottom:16px;min-height:112px}
.wsx-ico{width:84px;height:84px;flex:0 0 84px;border-radius:22px;background:linear-gradient(135deg,#7c3aed,#d946ef);display:flex;align-items:center;justify-content:center;font-size:38px;color:#fff;box-shadow:0 10px 26px rgba(168,85,247,.5)}
.wsx-hd{min-width:0;flex:0 1 330px}
.wsx-hd h2{font-size:26px;font-weight:800;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.wsx-badge{font-size:13px;font-weight:700;padding:5px 12px;border-radius:10px;background:rgba(124,58,237,.55);border:1px solid rgba(196,181,253,.45);color:#f3e8ff}
.wsx-hd p{margin:8px 0 0;color:#cfc4f5;font-size:14px;line-height:1.4}
.wsx-stats{display:flex;gap:10px;margin-left:auto;position:relative;z-index:1}
.wsx-st{width:104px;padding:12px 10px;border-radius:15px;background:rgba(255,255,255,.06);border:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;gap:3px;backdrop-filter:blur(4px)}
.wsx-st i{font-size:20px;color:#c4b5fd}.wsx-st i.fb{color:#4c8dff}
.wsx-st b{font-size:24px;font-weight:800;line-height:1}
.wsx-st span{font-size:11.5px;color:#cfc4f5;line-height:1.25}
.wsx-art{height:132px;width:auto;flex:0 0 auto;margin:-14px -8px -18px 6px;object-fit:contain;pointer-events:none}
.wsx-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}
.wsx-main,.wsx-side{display:flex;flex-direction:column;gap:16px;min-width:0}
.wsx-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px 18px;box-shadow:0 8px 26px rgba(0,0,0,.22)}
.wsx-ch{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.wsx-ch>i{font-size:22px;color:#b9a8ff}
.wsx-ch h3{font-size:17px;font-weight:800}.wsx-ch p{margin:2px 0 0;color:var(--muted);font-size:13px}
.wsx-tools{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.wsx-tool{display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;position:relative;padding:14px 12px;border-radius:15px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);cursor:pointer;min-height:132px;transition:.15s}
.wsx-tool:hover,.wsx-tool.on{border-color:#a78bfa;background:rgba(139,92,246,.18)}
.wsx-ti{width:42px;height:42px;border-radius:12px;background:rgba(139,92,246,.22);border:1px solid rgba(196,181,253,.3);display:flex;align-items:center;justify-content:center;font-size:21px;color:#c4b5fd}
.wsx-tt b{display:block;font-size:13.5px;line-height:1.25;margin-bottom:5px}
.wsx-tt small{color:var(--muted);font-size:11.5px;line-height:1.35;display:block}
.wsx-tool .go{position:absolute;right:10px;top:14px;font-size:16px;color:#b9a8ff}
.wsx-panel{margin-top:14px;padding:14px;border-radius:14px;border:1px solid var(--line);background:rgba(0,0,0,.18)}
.wsx-panel[hidden]{display:none}
.wsx-plats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.wsx-plat{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:15px;border:1px solid var(--line);background:rgba(255,255,255,.035);min-width:0}
.wsx-ph{display:flex;align-items:center;gap:10px}
.wsx-pi{width:40px;height:40px;flex:0 0 40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff}
.wsx-plat.instagram .wsx-pi{background:linear-gradient(45deg,#f9a03f,#e1306c 55%,#833ab4)}
.wsx-plat.facebook .wsx-pi{background:#1877f2}.wsx-plat.youtube .wsx-pi{background:#ef1d26}
.wsx-plat.tiktok .wsx-pi{background:#0e0e12;border:1px solid rgba(255,255,255,.2)}
.wsx-pn{min-width:0;flex:1}.wsx-pn b{display:block;font-size:14.5px}.wsx-pn small{color:var(--muted);font-size:12px}
.wsx-pill{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap}
.wsx-pill.ok{background:rgba(52,211,153,.16);color:#34d399;border:1px solid rgba(52,211,153,.35)}
.wsx-pill.warn{background:rgba(251,191,36,.14);color:#fbbf24;border:1px solid rgba(251,191,36,.35)}
.wsx-pill.none{background:rgba(255,255,255,.06);color:var(--muted);border:1px solid var(--line)}
a.wsx-pill:hover{text-decoration:none;filter:brightness(1.15)}
.wsx-list{display:flex;flex-direction:column;gap:6px;flex:1;min-height:92px}
.wsx-list.compact{max-height:196px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#5b46b8 transparent;gap:2px}
.wsx-acc{display:flex;align-items:center;gap:9px;padding:8px 8px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(142,112,255,.14)}
.compact .wsx-acc{padding:5px 6px;background:none;border-color:transparent}
.compact .wsx-acc:hover{background:rgba(255,255,255,.06)}
.wsx-av{position:relative;width:34px;height:34px;flex:0 0 34px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#6d28d9,#c026d3);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}
.compact .wsx-av{width:24px;height:24px;flex-basis:24px;font-size:11px}
.wsx-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wsx-an{min-width:0;flex:1;display:flex;flex-direction:column}
.wsx-an b{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wsx-an small{color:var(--muted);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wsx-acc form{margin:0}
.wsx-rm{background:none;border:0;color:var(--muted);cursor:pointer;width:24px;height:24px;border-radius:8px;font-size:14px;opacity:.55;display:flex;align-items:center;justify-content:center;padding:0}
.wsx-acc:hover .wsx-rm,.wsx-rm:focus{opacity:1;color:#fb7185;background:rgba(251,113,133,.12)}
.wsx-none{margin:auto;color:var(--muted);font-size:13px;text-align:center}
.wsx-add{display:flex;align-items:center;justify-content:center;gap:7px;height:38px;border-radius:12px;border:1px solid rgba(196,181,253,.4);background:rgba(139,92,246,.1);color:#e9d5ff;font-weight:700;font-size:13.5px}
.wsx-add:hover{background:rgba(139,92,246,.28);text-decoration:none;border-color:#a78bfa}
.wsx-qa{display:flex;flex-wrap:wrap;gap:10px}
.wsx-qa form{margin:0}
.wsx-q{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text);font:600 12.5px Manrope,sans-serif;cursor:pointer}
.wsx-q:hover{border-color:#a78bfa;background:rgba(139,92,246,.2);text-decoration:none}
.wsx-q i{font-size:16px;color:#c4b5fd}
.wsx-ov{margin:0}
.wsx-ov>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 2px;border-bottom:1px solid rgba(142,112,255,.14);font-size:13.5px}
.wsx-ov>div:last-child{border:0}
.wsx-ov dt{color:var(--muted)}.wsx-ov dd{margin:0;font-weight:700;text-align:right}
.wsx-qm{display:flex;flex-direction:column}
.wsx-qm form{margin:0}
.wsx-qm a,.wsx-qm button{display:flex;align-items:center;gap:12px;width:100%;padding:13px 6px;border:0;border-bottom:1px solid rgba(142,112,255,.14);background:none;color:var(--text);font:600 14px Manrope,sans-serif;cursor:pointer;text-align:left}
.wsx-qm a:hover,.wsx-qm button:hover{background:rgba(255,255,255,.05);text-decoration:none}
.wsx-qm i{font-size:19px;color:#b9a8ff}.wsx-qm .go{margin-left:auto;font-size:16px}
.wsx-qm form:last-child button{border:0}.wsx-qm .danger,.wsx-qm .danger i{color:#fb7185}
.wsx-new{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;border:1px solid var(--line);background:var(--card);flex-wrap:wrap}
.wsx-ni{width:42px;height:42px;border-radius:12px;background:rgba(139,92,246,.22);border:1px solid rgba(196,181,253,.3);display:flex;align-items:center;justify-content:center;font-size:20px;color:#c4b5fd}
.wsx-nt{flex:1;min-width:200px}.wsx-nt b{display:block;font-size:15px}.wsx-nt small{color:var(--muted);font-size:12.5px}
.wsx-new input{flex:0 1 420px;min-width:180px}
@media (max-width:1500px){.wsx-art{display:none}.wsx-hd{flex-basis:260px}}
@media (max-width:1280px){.wsx-grid{grid-template-columns:1fr}.wsx-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.wsx-plats{grid-template-columns:repeat(2,minmax(0,1fr))}.wsx-hero{flex-wrap:wrap}.wsx-stats{margin-left:0;flex-wrap:wrap}}

/* ===== shared page header with breadcrumb ===== */
.pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:6px}
.pagehead>div{min-width:0}
.crumb{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px;white-space:nowrap;padding-top:8px}
.crumb a{color:#c4b5fd}.crumb i{font-style:normal;opacity:.7}.crumb b{color:var(--text);font-weight:600}
.wsx-ph{flex-wrap:wrap}.wsx-pn{flex:1 1 90px}

/* ===== Messages inbox ===== */
.navbadge{margin-left:auto;font-style:normal;font-size:11px;font-weight:800;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:#ef4444;color:#fff;display:flex;align-items:center;justify-content:center}
.msg-setup{margin-bottom:14px}.msg-setup ol{margin:8px 0 0;padding-left:20px;line-height:1.7}
.msg-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}
.msg-f{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid var(--line)}
.msg-f a{padding:7px 14px;border-radius:9px;color:var(--muted);font-weight:700;font-size:13px}
.msg-f a:hover{text-decoration:none;color:#fff}.msg-f a.on{background:linear-gradient(90deg,#6d28d9,#a855f7);color:#fff}
.msg-acc{margin:0 auto 0 0}.msg-acc select{height:38px}
.msg-bar>form:last-child{margin-left:auto}
.msg-wrap{display:grid;grid-template-columns:360px minmax(0,1fr);gap:14px;height:calc(100vh - 330px);min-height:420px}
.msg-list,.msg-conv{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;min-height:0}
.msg-list{overflow-y:auto;padding:8px;gap:2px;scrollbar-width:thin}
.msg-t{display:flex;gap:11px;align-items:center;padding:10px;border-radius:13px;color:var(--text)}
.msg-t:hover{background:rgba(255,255,255,.06);text-decoration:none}.msg-t.on{background:rgba(139,92,246,.25)}
.msg-av{position:relative;width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:linear-gradient(135deg,#6d28d9,#c026d3);display:flex;align-items:center;justify-content:center;font-weight:800}
.msg-pf{position:absolute;right:-3px;bottom:-3px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #1b1340;font-style:normal;color:#fff}
.msg-pf .ic{width:10px;height:10px;stroke-width:2.2}
.msg-pf.facebook{background:#1877f2}.msg-pf.instagram{background:linear-gradient(45deg,#f9a03f,#e1306c,#833ab4)}
.msg-tb{min-width:0;flex:1;display:flex;flex-direction:column}
.msg-tb b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg-to{color:#b9a8ff;font-size:11.5px}.msg-last{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg-t.unread .msg-last{color:var(--text);font-weight:700}
.msg-meta{display:flex;flex-direction:column;align-items:flex-end;gap:5px;font-size:11px;color:var(--muted)}
.msg-meta em{font-style:normal}.msg-meta u{text-decoration:none;background:#ef4444;color:#fff;font-weight:800;border-radius:99px;min-width:19px;height:19px;padding:0 5px;display:flex;align-items:center;justify-content:center}
.msg-ch{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}
.msg-ch b{display:block}.msg-back{display:none}
.msg-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;min-height:0}
.msg-b{max-width:74%;padding:9px 13px;border-radius:16px;background:rgba(255,255,255,.08);align-self:flex-start;border-bottom-left-radius:5px}
.msg-b.out{align-self:flex-end;background:linear-gradient(135deg,#6d28d9,#a855f7);border-radius:16px;border-bottom-right-radius:5px}
.msg-b p{margin:0;white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.4}
.msg-b small{display:block;margin-top:4px;font-size:10.5px;opacity:.65}
.msg-reply{display:flex;gap:10px;padding:12px 14px;border-top:1px solid var(--line);align-items:flex-end}
.msg-reply textarea{flex:1;resize:none}
.msg-note{margin:0;padding:0 16px 10px}
.msg-empty{margin:auto;text-align:center;color:var(--muted)}.msg-empty .ic{width:44px;height:44px;opacity:.5}
.msg-status{margin-top:14px}.msg-status summary{cursor:pointer;font-weight:700}
@media (max-width:1100px){.msg-wrap{grid-template-columns:300px minmax(0,1fr)}}

/* ===== Fanvue ===== */
.pfb.fanvue,.cp-pf.fv,.sc-pf.fv,.ql.fv .ql-i{background:linear-gradient(135deg,#00b894,#0fd9a1);border-radius:7px}
.pfb.fanvue .ic{width:15px;height:15px;stroke-width:2.4}
.wsx-plat.fanvue .wsx-pi{background:linear-gradient(135deg,#00a884,#10d9a4)}
.fv-go{background:linear-gradient(90deg,#00a884,#10d9a4)!important;color:#04251d!important}
.fvp .fp-logo{background:linear-gradient(135deg,#00a884,#10d9a4)}

.lpbox .fvav{background:rgba(16,217,164,.16);color:#10d9a4}
.lp-g{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}
.lp-g div{background:rgba(255,255,255,.04);border-radius:10px;padding:8px 10px}
.lp-g b{display:block;font-size:20px}.lp-g small{color:var(--muted,#9a93c0);font-size:11px}
.lp-b{display:flex;align-items:flex-end;gap:3px;height:46px}
.lp-b i{flex:1;background:#10d9a4;border-radius:3px 3px 0 0;min-height:3px;opacity:.85}
.lp-b{margin-bottom:6px}.lpbox .ytav.fvav{display:grid;place-items:center}
.fvp .yp-si{background:rgba(16,217,164,.14)!important;color:#10d9a4!important}
.fvp .yp-hi{background:rgba(16,217,164,.14)!important;color:#10d9a4!important}

.mchips{display:none}