/* ===== Kafsha theme: black + neon purple, punk bunny. Loaded last, overrides the older purple theme. ===== */
:root{--bg:#05020b;--side:#06030d;--card:rgba(20,10,38,.78);--card2:#2a1248;--line:rgba(192,38,211,.38);--text:#f7f2ff;--muted:#b7a6d9;
 --accent:#a855f7;--accent2:#e9b6ff;--grad:linear-gradient(135deg,#7c3aed,#d946ef);--neon:#d946ef;--neon2:#a855f7;
 --kcard:linear-gradient(180deg,rgba(28,13,52,.82),rgba(12,5,24,.86));
 --kglow:0 0 0 1px rgba(168,85,247,.12),0 0 22px rgba(168,85,247,.2),inset 0 0 28px rgba(168,85,247,.07)}
html{background:#05020b}
body{background:
 radial-gradient(900px 520px at 78% -10%,rgba(147,51,234,.34),transparent 62%),
 radial-gradient(640px 460px at -6% 104%,rgba(217,70,239,.2),transparent 62%),
 radial-gradient(620px 420px at 104% 100%,rgba(124,58,237,.24),transparent 62%),
 #05020b !important;background-attachment:fixed !important}
::selection{background:rgba(217,70,239,.45)}
a{color:#e0b3ff}

/* ---------- sidebar ---------- */
.side{background:linear-gradient(180deg,rgba(11,4,22,.97),rgba(5,2,11,.99)) !important;border-right:1px solid rgba(192,38,211,.45) !important;box-shadow:inset -1px 0 24px rgba(168,85,247,.12),6px 0 30px rgba(0,0,0,.4);overflow:hidden}
.side::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(260px 220px at 20% 0%,rgba(168,85,247,.28),transparent 70%),radial-gradient(240px 260px at 90% 100%,rgba(217,70,239,.22),transparent 70%)}
.side>*{position:relative}
.brand{padding:0 0 10px !important;display:block}
.kaf-logo{display:block;width:100%;max-width:226px;height:auto;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 90%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 90%,transparent);mask-composite:intersect}
.side nav a{color:#e3d8ff !important;border:1px solid transparent}
.side nav a .ic{color:#cbb2ff !important}
.side nav a:hover{background:rgba(168,85,247,.14) !important;border-color:rgba(192,38,211,.35)}
.side nav a.on{background:linear-gradient(90deg,#7c3aed,#b45cf6) !important;border-color:rgba(233,182,255,.55) !important;box-shadow:0 0 22px rgba(168,85,247,.75),inset 0 0 14px rgba(255,255,255,.12) !important;color:#fff !important}
.side nav a.on .ic{color:#fff !important}
.navplus{border-color:rgba(217,70,239,.7) !important;box-shadow:0 0 10px rgba(217,70,239,.4)}
.bk{border:1px solid rgba(217,70,239,.7) !important;background:linear-gradient(135deg,rgba(124,58,237,.38),rgba(217,70,239,.16)) !important;box-shadow:0 0 18px rgba(217,70,239,.3)}
.bk-ic{background:linear-gradient(135deg,#7c3aed,#d946ef) !important;box-shadow:0 0 14px rgba(217,70,239,.6)}
.side .out{position:relative}
.side .out::after{content:"";position:absolute;right:-12px;bottom:-16px;width:112px;height:86px;z-index:0;background:url(kafsha-bunny.png) center/cover no-repeat;mix-blend-mode:screen;opacity:.9;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 55% 55%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 70% 70% at 55% 55%,#000 55%,transparent 100%)}
.bar i{background:linear-gradient(90deg,#22d3ee,#a855f7) !important;box-shadow:0 0 10px rgba(34,211,238,.6)}

/* ---------- top bar ---------- */
.search,.health,.accq,.wsw,.bell,.me{background:rgba(20,8,38,.72) !important;border:1px solid rgba(168,85,247,.5) !important;box-shadow:0 0 14px rgba(168,85,247,.16),inset 0 0 12px rgba(168,85,247,.07)}
.search:focus-within{border-color:#d946ef !important;box-shadow:0 0 18px rgba(217,70,239,.4)}
.qtop{background:linear-gradient(135deg,#8b2cf5,#d946ef) !important;border:1px solid rgba(255,255,255,.28) !important;box-shadow:0 0 22px rgba(217,70,239,.6) !important;color:#fff !important}
.pausebtn{background:rgba(70,10,30,.5) !important;border:1px solid rgba(251,113,133,.7) !important;color:#ffd7de !important;box-shadow:0 0 14px rgba(251,113,133,.25)}
.livetop{background:rgba(20,8,38,.72) !important;border:1px solid rgba(168,85,247,.5) !important;box-shadow:0 0 14px rgba(168,85,247,.16)}
.livetop i{background:#ff2d55 !important;box-shadow:0 0 10px #ff2d55}
.av,.me .av{background:linear-gradient(135deg,#a855f7,#ec4899) !important;box-shadow:0 0 14px rgba(236,72,153,.55)}
.pop,.sr,.kmenu,.modal .box{background:linear-gradient(180deg,rgba(26,11,48,.98),rgba(10,4,20,.99)) !important;border:1px solid rgba(192,38,211,.5) !important;box-shadow:0 0 28px rgba(168,85,247,.3),0 24px 60px rgba(0,0,0,.6) !important}

/* ---------- cards everywhere ---------- */
.card,.panel,.cp-card,.h2-card,.dh2 .h2-card,.yp-card,.wsx-card,.wsx-panel,.wsx-q,.wsx-st,.wsx-tool,.wsx-plat,.wsx-new,.wsc,.stc,.stc2,.h2-st,.af-st,.yp-st,.msg-conv,.msg-list,.msg-f,.mc-card,.mh-pc,.mrow,.sheet-box,.sc,.newsref,.hero-quote,.postnow,.igq,.af-card,.at,.qbar2{
 background:var(--kcard) !important;border:1px solid rgba(192,38,211,.42) !important;box-shadow:var(--kglow) !important}
.h2-st:hover,.wsx-card:hover,.wsc:hover,.yp-card:hover{border-color:rgba(233,128,252,.75) !important;box-shadow:0 0 0 1px rgba(217,70,239,.25),0 0 30px rgba(217,70,239,.32),inset 0 0 28px rgba(168,85,247,.1) !important}
.btn{background:rgba(255,255,255,.06);border:1px solid rgba(168,85,247,.5);box-shadow:0 0 12px rgba(168,85,247,.14)}
.btn.primary,.yp-go.pri,.yp-btn.pri{background:linear-gradient(135deg,#8b2cf5,#d946ef) !important;border-color:rgba(255,255,255,.25) !important;box-shadow:0 0 20px rgba(217,70,239,.5) !important}
.btn.danger{box-shadow:0 0 14px rgba(251,113,133,.3)}
input,select,textarea{background:rgba(255,255,255,.045);border-color:rgba(168,85,247,.38)}
input:focus,select:focus,textarea:focus{border-color:#d946ef !important;box-shadow:0 0 0 3px rgba(217,70,239,.2) !important;outline:none}
.pill.ok,.pill.good{box-shadow:0 0 10px rgba(52,211,153,.3)}
.flash{background:rgba(30,12,52,.85) !important;border:1px solid rgba(192,38,211,.5) !important}
h1,h2,h3{text-shadow:0 0 18px rgba(168,85,247,.25)}
.bar{background:rgba(255,255,255,.08)}
.spk rect,.h2-st .spk rect{filter:drop-shadow(0 0 4px rgba(217,70,239,.6))}

/* stat icons: neon outlined squares like the design */
.h2-si{background:rgba(40,12,70,.7) !important;border:1px solid rgba(217,70,239,.7) !important;box-shadow:0 0 14px rgba(217,70,239,.35),inset 0 0 10px rgba(217,70,239,.15) !important;color:#f0abfc !important}
.h2-si.b{border-color:rgba(56,189,248,.8) !important;color:#7dd3fc !important;box-shadow:0 0 14px rgba(56,189,248,.35),inset 0 0 10px rgba(56,189,248,.12) !important;background:rgba(10,24,60,.6) !important}
.h2-si.r{border-color:rgba(251,113,133,.8) !important;color:#fda4af !important;box-shadow:0 0 14px rgba(251,113,133,.35),inset 0 0 10px rgba(251,113,133,.12) !important;background:rgba(60,10,30,.6) !important}
.yp-si,.yp-hi,.wsx-ic{box-shadow:0 0 12px rgba(217,70,239,.3)}

/* ---------- hero ---------- */
.h2-hero{min-height:116px}
.h2-art{flex:0 0 720px !important;height:116px !important}
.h2-art img{left:auto !important;right:0;bottom:-34px !important;height:150px !important;width:auto;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 94%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 78%,transparent) !important;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 94%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 78%,transparent) !important;-webkit-mask-composite:source-in !important;mask-composite:intersect !important}
.h2-art .script{left:0 !important;top:22px !important;font-family:"Caveat Brush","Caveat",cursive !important;font-style:normal !important;font-weight:400 !important;font-size:22px !important;line-height:1.05 !important;text-align:left;color:#ff4fd8 !important;text-transform:uppercase;letter-spacing:.01em;text-shadow:0 0 10px rgba(255,79,216,.85),0 0 24px rgba(217,70,239,.6) !important;transform:rotate(-6deg) !important;z-index:2;max-width:250px}
.h2-art .script .ic{color:#ff4fd8 !important}
.h2-hero h1{text-shadow:none}
.h2-date{background:var(--kcard) !important;border:1px solid rgba(192,38,211,.5) !important;box-shadow:var(--kglow) !important}

/* corner bunny + graffiti on right-rail cards */
.h2-rail .h2-card{position:relative;overflow:hidden}
.h2-rail .h2-card>*{position:relative;z-index:1}
.h2-rail .pq::after{content:"";position:absolute;right:-8px;bottom:-12px;width:104px;height:80px;z-index:0;background:url(kafsha-bunny.png) center/cover no-repeat;mix-blend-mode:screen;opacity:.8;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 55% 55%,#000 50%,transparent 100%);mask-image:radial-gradient(ellipse 70% 70% at 55% 55%,#000 50%,transparent 100%)}
#paBox::before,.ttbox::before{content:"";position:absolute;right:104px;top:14px;width:34px;height:30px;opacity:.85;pointer-events:none;z-index:0;filter:drop-shadow(0 0 5px rgba(255,79,216,.9));background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 34' fill='none' stroke='%23ff4fd8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M4 28 L7 8 L15 18 L20 4 L25 18 L33 8 L36 28 Z'/><path d='M7 31h26' stroke-width='2.5'/></svg>") center/contain no-repeat}
.ttbox::before{width:30px;height:28px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 36' fill='none' stroke='%23ff4fd8' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 32 C6 22 3 14 8 8 C12 4 18 6 20 12 C22 6 28 4 32 8 C37 14 34 22 20 32 Z'/></svg>");right:16px;top:16px}
.ytbox .ytav,.ytav{box-shadow:0 0 14px rgba(255,255,255,.12)}
.yt-go{background:linear-gradient(135deg,#ff1f4d,#ff3d6e) !important;box-shadow:0 0 18px rgba(255,31,77,.45) !important}
.yt-go.alt{background:rgba(255,255,255,.07) !important;border:1px solid rgba(168,85,247,.45);box-shadow:none !important}
.yt-go.tt-go{background:linear-gradient(135deg,#ff1f4d,#ff3d6e) !important}

/* calendar + scheduled */
.cal .day,.sc-all,.sc-arrows button,.seg,.segb{background:rgba(25,10,46,.7) !important;border-color:rgba(168,85,247,.4) !important}
.cal .day.today,.cal .day.on{border-color:#d946ef !important;box-shadow:0 0 22px rgba(217,70,239,.5),inset 0 0 18px rgba(217,70,239,.14) !important}
.seg .on,.segb.on,.seg button.on{background:linear-gradient(135deg,#7c3aed,#d946ef) !important;box-shadow:0 0 14px rgba(217,70,239,.5)}
.sc{overflow:hidden}
.sc .b3,.sc-act .b3{box-shadow:0 0 10px rgba(168,85,247,.25)}

/* ---------- phone ---------- */
@media (max-width:820px){
 .mchips{display:flex;gap:8px;overflow-x:auto;padding:2px calc(14px + var(--sar,0px)) 10px calc(14px + var(--sal,0px));scrollbar-width:none;-webkit-overflow-scrolling:touch;position:relative;z-index:5}
 .mchips::-webkit-scrollbar{display:none}
 .mchip{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:999px;background:rgba(20,8,38,.8);border:1px solid rgba(168,85,247,.5);color:#f2e9ff;font:700 13px Manrope,sans-serif;text-decoration:none;box-shadow:0 0 12px rgba(168,85,247,.2);cursor:pointer;white-space:nowrap}
 .mchip .ic{width:16px;height:16px}
 .mchip.pri{background:linear-gradient(135deg,#8b2cf5,#d946ef);border-color:rgba(255,255,255,.3);box-shadow:0 0 18px rgba(217,70,239,.55)}
 .mdot{width:9px;height:9px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d399;display:inline-block}.mdot.red{background:#ff2d55;box-shadow:0 0 8px #ff2d55}
 .mdot.warn{background:#fbbf24;box-shadow:0 0 8px #fbbf24}.mdot.bad{background:#fb7185;box-shadow:0 0 8px #fb7185}
 /* full dashboard on the phone: everything the PC home has, stacked */
 .page-home .dh2{display:flex !important;flex-direction:column;gap:12px;margin-top:14px}
 .page-home .dh2 .h2-hero,.page-home .dh2 .h2-stats,.page-home .mh-sch{display:none !important}
 .page-home .mh{gap:12px}
 .page-home .h2-bottom{display:flex !important;flex-direction:column;gap:12px}
 .page-home .h2-bottom .h2-card{height:auto !important;min-height:0 !important}
 .page-home .h2-bottom .up-list{max-height:none;overflow:visible}
 .page-home .dh2 .h2-card{height:auto}
 .qclear{flex:1 1 100%;margin:0}.qclear .qb{width:100%;min-height:46px;height:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:8px 12px}.qclear .qb small{display:none}
 .kaf-logo{max-width:150px}
 .brand-m{display:flex !important;align-items:center}
 .tabbar{background:linear-gradient(180deg,rgba(14,5,28,.96),rgba(5,2,11,.99)) !important;border-top:1px solid rgba(192,38,211,.55) !important;box-shadow:0 -6px 30px rgba(168,85,247,.28) !important}
 .tabbar a.on,.tabbar button.on{color:#f0abfc !important;text-shadow:0 0 12px rgba(217,70,239,.9)}
 .tabbar a.on .ic{filter:drop-shadow(0 0 6px rgba(217,70,239,.9))}
 .fab,.fab-d{background:linear-gradient(135deg,#8b2cf5,#d946ef) !important;box-shadow:0 0 30px rgba(217,70,239,.75),0 10px 26px rgba(0,0,0,.5) !important;border:1px solid rgba(255,255,255,.3) !important}
 .mh-hero{background:radial-gradient(120% 140% at 85% 20%,rgba(168,85,247,.4),rgba(12,4,26,.95) 62%),#080313 !important;border:1px solid rgba(192,38,211,.55) !important;box-shadow:var(--kglow) !important}
 .mh-art{right:-4px !important;bottom:-6px !important;height:152px !important;width:auto !important;z-index:1;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%),linear-gradient(180deg,transparent,#000 14%) !important;mask-image:linear-gradient(90deg,transparent,#000 22%),linear-gradient(180deg,transparent,#000 14%) !important;-webkit-mask-composite:source-in !important;mask-composite:intersect !important}
 .mh-hero{min-height:158px}
 .mh-pc,.mh-hero,.sheet-box{background-color:transparent}
 .sheet-box{background:linear-gradient(180deg,rgba(26,11,48,.99),rgba(8,3,16,.99)) !important;border-top:1px solid rgba(217,70,239,.6) !important}
 .me{background:none !important;border:0 !important;box-shadow:none !important}
 .side{display:none}
 .h2-art{flex-basis:auto !important}
 .h2-art img{mix-blend-mode:screen !important}
}
/* login page */
.authpage .authbox{border:1px solid rgba(217,70,239,.6) !important;box-shadow:0 0 40px rgba(168,85,247,.4) !important}
.auth-logo{mix-blend-mode:screen;width:220px;height:auto !important}
.auth-logo{background:none !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;-webkit-mask-image:radial-gradient(ellipse 60% 66% at 50% 52%,#000 62%,transparent 100%) !important;mask-image:radial-gradient(ellipse 60% 66% at 50% 52%,#000 62%,transparent 100%) !important}

/* ================= Fanvue mode: its own look (green), no Instagram wording ================= */
body.fv-mode{--accent:#10d9a4;--accent2:#9af5dc;--grad:linear-gradient(135deg,#059669,#10d9a4);--neon:#10d9a4;--neon2:#34d399;--line:rgba(16,217,164,.38);
 --kglow:0 0 0 1px rgba(16,217,164,.12),0 0 22px rgba(16,217,164,.18),inset 0 0 28px rgba(16,217,164,.06);
 background:radial-gradient(900px 520px at 78% -10%,rgba(16,185,129,.30),transparent 62%),radial-gradient(640px 460px at -6% 104%,rgba(20,184,166,.2),transparent 62%),radial-gradient(620px 420px at 104% 100%,rgba(5,150,105,.22),transparent 62%),#030b09 !important;background-attachment:fixed !important}
html:has(body.fv-mode){background:#030b09}
body.fv-mode a{color:#8df2d3}
body.fv-mode .side{background:linear-gradient(180deg,rgba(3,14,11,.97),rgba(2,8,7,.99)) !important;border-right-color:rgba(16,217,164,.45) !important;box-shadow:inset -1px 0 24px rgba(16,217,164,.1),6px 0 30px rgba(0,0,0,.4)}
body.fv-mode .side::before{background:radial-gradient(260px 220px at 20% 0%,rgba(16,217,164,.24),transparent 70%),radial-gradient(240px 260px at 90% 100%,rgba(20,184,166,.18),transparent 70%)}
body.fv-mode .side nav a{color:#d6f7ec !important}
body.fv-mode .side nav a .ic{color:#7fe9c9 !important}
body.fv-mode .side nav a:hover{background:rgba(16,217,164,.12) !important;border-color:rgba(16,217,164,.35)}
body.fv-mode .side nav a.on{background:linear-gradient(90deg,#059669,#10d9a4) !important;border-color:rgba(154,245,220,.55) !important;box-shadow:0 0 22px rgba(16,217,164,.6),inset 0 0 14px rgba(255,255,255,.12) !important;color:#032018 !important}
body.fv-mode .side nav a.on .ic,body.fv-mode .side nav a.on span{color:#032018 !important}
body.fv-mode .navplus,body.fv-mode .bk{border-color:rgba(16,217,164,.6) !important;box-shadow:0 0 14px rgba(16,217,164,.25)}
body.fv-mode .bk{background:linear-gradient(135deg,rgba(5,150,105,.34),rgba(16,217,164,.12)) !important}
body.fv-mode .bk-ic{background:linear-gradient(135deg,#059669,#10d9a4) !important;box-shadow:0 0 14px rgba(16,217,164,.5) !important}
body.fv-mode .bar i{background:linear-gradient(90deg,#10d9a4,#22d3ee) !important;box-shadow:0 0 10px rgba(16,217,164,.5)}
body.fv-mode .search,body.fv-mode .health,body.fv-mode .accq,body.fv-mode .wsw,body.fv-mode .bell,body.fv-mode .me{background:rgba(6,22,18,.72) !important;border-color:rgba(16,217,164,.45) !important;box-shadow:0 0 14px rgba(16,217,164,.14),inset 0 0 12px rgba(16,217,164,.06)}
body.fv-mode .qtop,body.fv-mode .btn.primary,body.fv-mode .yp-go.pri,body.fv-mode .yp-btn.pri,body.fv-mode .yp-go.fv-go,body.fv-mode .fab,body.fv-mode .fab-d,body.fv-mode .mchip.pri{background:linear-gradient(135deg,#059669,#10d9a4) !important;border-color:rgba(255,255,255,.25) !important;box-shadow:0 0 20px rgba(16,217,164,.5) !important;color:#032018 !important}
body.fv-mode .av,body.fv-mode .me .av{background:linear-gradient(135deg,#10d9a4,#22d3ee) !important;box-shadow:0 0 14px rgba(16,217,164,.5) !important;color:#032018}
body.fv-mode .pop,body.fv-mode .sr,body.fv-mode .kmenu,body.fv-mode .modal .box,body.fv-mode .sheet-box{background:linear-gradient(180deg,rgba(6,24,19,.98),rgba(2,9,8,.99)) !important;border:1px solid rgba(16,217,164,.45) !important;box-shadow:0 0 28px rgba(16,217,164,.22),0 24px 60px rgba(0,0,0,.6) !important}
body.fv-mode{--kcard:linear-gradient(180deg,rgba(7,28,22,.82),rgba(3,12,10,.86))}
body.fv-mode .card,body.fv-mode .panel,body.fv-mode .cp-card,body.fv-mode .yp-card,body.fv-mode .yp-st,body.fv-mode .qbar2,body.fv-mode .at,body.fv-mode .af-card,body.fv-mode .h2-card,body.fv-mode .mrow,body.fv-mode .wsx-card,body.fv-mode .wsx-panel{background:var(--kcard) !important;border:1px solid rgba(16,217,164,.4) !important;box-shadow:var(--kglow) !important}
body.fv-mode input,body.fv-mode select,body.fv-mode textarea{border-color:rgba(16,217,164,.34)}
body.fv-mode input:focus,body.fv-mode select:focus,body.fv-mode textarea:focus{border-color:#10d9a4 !important;box-shadow:0 0 0 3px rgba(16,217,164,.2) !important}
body.fv-mode .seg .on,body.fv-mode .segb.on,body.fv-mode .seg button.on,body.fv-mode .qseg .on,body.fv-mode .qtabs .on{background:linear-gradient(135deg,#059669,#10d9a4) !important;color:#032018 !important;box-shadow:0 0 14px rgba(16,217,164,.45)}
body.fv-mode .qtabs .on i{background:rgba(3,32,24,.25);color:#032018}
body.fv-mode .flash{background:rgba(6,26,21,.85) !important;border-color:rgba(16,217,164,.45) !important}
body.fv-mode h1,body.fv-mode h2,body.fv-mode h3{text-shadow:0 0 18px rgba(16,217,164,.2)}
body.fv-mode .yp-si,body.fv-mode .yp-hi,body.fv-mode .wsx-ic{background:rgba(16,217,164,.14) !important;color:#7fe9c9 !important;box-shadow:0 0 12px rgba(16,217,164,.28)}
body.fv-mode .yp-logo.fp-logo{background:linear-gradient(135deg,#059669,#10d9a4) !important;color:#032018 !important;box-shadow:0 0 20px rgba(16,217,164,.5)}
body.fv-mode .cal .day.today,body.fv-mode .cal .day.on{border-color:#10d9a4 !important;box-shadow:0 0 22px rgba(16,217,164,.45),inset 0 0 18px rgba(16,217,164,.12) !important}
body.fv-mode .qav{background:linear-gradient(135deg,#10d9a4,#22d3ee) !important;color:#032018}
/* hide Instagram-only things */
body.fv-mode .qplat,body.fv-mode .qa .b2,body.fv-mode .qa .b3,body.fv-mode .qa [data-needstory],body.fv-mode .qnote[data-nostory],body.fv-mode .qlog,body.fv-mode .livetop,body.fv-mode #qType{display:none !important}
body.fv-mode .cs-t.fvt{background:linear-gradient(135deg,rgba(5,150,105,.5),rgba(16,217,164,.2));border:1px solid rgba(16,217,164,.6)}
body.fv-mode .cs-box{border-color:rgba(16,217,164,.55) !important}
@media (max-width:820px){
 body.fv-mode .mchip{border-color:rgba(16,217,164,.45);background:rgba(6,22,18,.8)}
 body.fv-mode .tabbar{background:linear-gradient(180deg,rgba(3,14,11,.96),rgba(2,8,7,.99)) !important;border-top-color:rgba(16,217,164,.55) !important;box-shadow:0 -6px 30px rgba(16,217,164,.22) !important}
 body.fv-mode .tabbar a.on,body.fv-mode .tabbar button.on{color:#7ff0d0 !important;text-shadow:0 0 12px rgba(16,217,164,.9)}
 body.fv-mode .tabbar a.on .ic{filter:drop-shadow(0 0 6px rgba(16,217,164,.9))}
}

/* ================= Quick post dropdowns + Autopilot ================= */
.qp{display:block;margin:0 0 14px;padding:14px;border-radius:16px;background:linear-gradient(180deg,rgba(124,58,237,.16),rgba(124,58,237,.05));border:1px solid rgba(168,85,247,.45)}
.qp-h{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.qp-h b{font-size:15px}.qp-h small{color:var(--muted);font-size:12px;flex:1 1 100%}
.qp-h .ic{width:18px;height:18px;color:var(--accent2)}
.qp-g,.ap-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.qp label,.ap label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted);font-weight:700}
.qp select,.qp input,.ap select,.ap input{height:42px;border-radius:12px;font-size:14px;color:var(--text);background:rgba(8,3,18,.7) !important;border:1px solid rgba(168,85,247,.45);padding:0 10px;width:100%}
.qp select option,.ap select option{background:#12081f;color:#f5efff}
.qp-n{margin:10px 0 0}
.qp-go{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 20px;border-radius:13px;border:1px solid rgba(255,255,255,.28);background:linear-gradient(135deg,#8b2cf5,#d946ef);color:#fff;font:800 14px Manrope,sans-serif;cursor:pointer;box-shadow:0 0 20px rgba(217,70,239,.45);width:100%;margin-top:10px}
.qp-go .ic{width:18px;height:18px}.qp-go:active{transform:scale(.98)}
.ap{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.ap-c{padding:14px;border-radius:16px;background:linear-gradient(180deg,rgba(30,14,56,.7),rgba(10,4,22,.8));border:1px solid rgba(168,85,247,.42);display:flex;flex-direction:column;gap:10px}
.ap-top{display:flex;align-items:center;gap:10px}.ap-top b{display:block;font-size:16px}.ap-top small{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:6px}
.ap-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(168,85,247,.2);border:1px solid rgba(217,70,239,.6);color:#f0abfc;box-shadow:0 0 14px rgba(217,70,239,.3)}.ap-ic .ic{width:19px;height:19px}
.ap-dot{width:9px;height:9px;border-radius:50%;background:#64748b;display:inline-block}.ap-dot.on{background:#34d399;box-shadow:0 0 8px #34d399}
.ap-m summary{cursor:pointer;color:var(--accent2);font-size:12px;font-weight:700;padding:2px 0}.ap-m input{margin-top:8px}
.ap-f{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.ap-f .qp-go{width:auto;margin:0;flex:0 0 auto;height:42px}
.ap-l{margin:0}
.h2-ap{margin-top:14px}
.apg{max-width:1100px}.apg-h h1{display:flex;align-items:center;gap:10px;margin:0 0 6px}.apg-h h1 .ic{width:26px;height:26px;color:var(--accent2)}.apg-h p{color:var(--muted);max-width:760px;margin:0 0 16px}
.apg-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}.apg-c{padding:16px;border-radius:18px;background:var(--kcard);border:1px solid rgba(192,38,211,.42);box-shadow:var(--kglow)}.apg-c h2{display:flex;align-items:center;gap:8px;font-size:17px;margin:0 0 12px}.apg-c h2 .ic{width:19px;height:19px;color:var(--accent2)}
.apg-c .ap{grid-template-columns:1fr}
@media (max-width:900px){.apg-grid{grid-template-columns:1fr}.ap{grid-template-columns:1fr}}
.qpop .qp{margin-bottom:10px}.qpop .qp-g{grid-template-columns:1fr 1fr}
body.fv-mode .qp{background:linear-gradient(180deg,rgba(16,217,164,.12),rgba(16,217,164,.03));border-color:rgba(16,217,164,.42)}
body.fv-mode .qp select,body.fv-mode .qp input{border-color:rgba(16,217,164,.4)}
body.fv-mode .qp-go{background:linear-gradient(135deg,#059669,#10d9a4);color:#032018;box-shadow:0 0 20px rgba(16,217,164,.45)}
body.fv-mode .kaf-logo{filter:hue-rotate(-105deg) saturate(1.15)}
.qp-dt[hidden],.qp label[hidden]{display:none !important}
.h2-create form.qp:not(.qclear):not(.qsetup){order:2;flex:1 1 100%;width:100%;min-width:0;margin:0 0 4px;box-sizing:border-box}
.h2-create .qp .qp-go{width:100%}
@media (min-width:821px){.h2-create .qp{display:grid;grid-template-columns:1fr auto;gap:10px 16px;align-items:end}.h2-create .qp .qp-h{grid-column:1/-1;margin:0}.h2-create .qp .qp-g{grid-column:1}.h2-create .qp .qp-n{grid-column:1;margin:0}.h2-create .qp .qp-go{grid-column:2;grid-row:2;width:200px;margin:0;align-self:end}}
body.fv-mode .yp-tool.tt,body.fv-mode .yp-tool.red{background:linear-gradient(135deg,#059669,#10d9a4);color:#032018}
body.fv-mode .yp-tool{background:rgba(16,217,164,.12);border-color:rgba(16,217,164,.4)}