/* ☕ کافه کارت — warm espresso night, amber neon, mobile first */
.cf-body{background:#100b0a;color:#d9cfc6;--ink:#fff6ec;--card:#1a1311;--card2:#241a17;--edge:rgba(255,220,180,.09);--amber:#ffb547;--amber2:#ff7a45;--mu:#9c8f86;
  background-image:radial-gradient(900px 500px at 85% -10%,rgba(255,150,70,.13),transparent 60%),radial-gradient(700px 500px at -10% 40%,rgba(180,80,255,.07),transparent 60%)}
.cf-body .nav .logo,.cf-body .nav .links a{color:#fff}
.cf-hero{position:relative;overflow:hidden;padding:96px 0 18px;text-align:center;isolation:isolate}
.cf-kick{display:inline-block;padding:4px 12px;border-radius:99px;font-size:12px;font-weight:800;color:var(--amber);background:rgba(255,181,71,.1);box-shadow:inset 0 0 0 1px rgba(255,181,71,.25)}
.cf-title{margin:10px 0 0;font:400 clamp(58px,17vw,104px)/1.05 var(--display);background:linear-gradient(100deg,#fff4e0 10%,var(--amber) 45%,var(--amber2) 75%,#ffd9a8);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 8px 30px rgba(255,140,60,.35))}
.cf-sub{margin:8px auto 0;max-width:440px;font-size:14px;line-height:1.95;color:rgba(255,240,225,.7)}
.cf-steam{position:absolute;z-index:-1;left:50%;top:40px;width:200px;height:160px;transform:translateX(-50%);pointer-events:none}
.cf-steam i{position:absolute;bottom:0;width:40px;height:130px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,220,190,.16),transparent 70%);filter:blur(8px);animation:cfSteam 6s ease-in-out infinite}
.cf-steam i:nth-child(1){left:30px}.cf-steam i:nth-child(2){left:80px;animation-delay:-2s}.cf-steam i:nth-child(3){left:130px;animation-delay:-4s}
@keyframes cfSteam{0%{transform:translateY(30px) scaleX(.6);opacity:0}40%{opacity:1}100%{transform:translateY(-60px) scaleX(1.4) skewX(12deg);opacity:0}}
.cf-ownbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 12px;max-width:520px;margin:16px auto 0;padding:10px 14px;border-radius:16px;font-size:12.5px;background:rgba(255,181,71,.08);box-shadow:inset 0 0 0 1px rgba(255,181,71,.3)}
.cf-ownbar b{color:var(--amber)}.cf-ownbar span{color:var(--mu)}
.cf-ownbar button{border:0;padding:6px 12px;border-radius:10px;font:800 12px var(--font);color:#2a1500;background:var(--amber);cursor:pointer}
.cf-wrap{max-width:640px;padding-bottom:70px}
/* composer */
.cf-compose{margin-top:6px}
.cf-cbox{display:flex;align-items:center;gap:10px;padding:10px;border-radius:20px;background:var(--card);box-shadow:inset 0 0 0 1px var(--edge)}
.cf-cin{flex:1;min-width:0;height:44px;padding:0 14px;border:0;border-radius:14px;text-align:right;font:600 14px var(--font);color:var(--mu);background:var(--card2);cursor:pointer;transition:color .2s,background .2s}
.cf-cin:hover{color:var(--ink);background:#2c201c}
.cf-qk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}
.cf-qk button{display:flex;flex-direction:column;align-items:center;gap:1px;padding:10px 4px;border:0;border-radius:16px;font:800 18px var(--font);color:var(--ink);background:var(--card);box-shadow:inset 0 0 0 1px var(--edge);cursor:pointer;transition:transform .15s,box-shadow .2s}
.cf-qk button b{font-size:13.5px}.cf-qk button small{font-size:10.5px;font-weight:600;color:var(--mu);text-align:center}
.cf-qk button:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(255,181,71,.4),0 10px 24px -12px rgba(255,140,60,.6)}
.cf-autot{display:flex;align-items:flex-start;gap:8px;margin:10px 4px 0;font-size:12px;line-height:1.8;color:var(--mu);cursor:pointer}
.cf-autot input,.cf-miss input{accent-color:var(--amber);margin-top:4px}
/* matchmaker */
.cf-mhint{margin-top:14px;padding:12px 14px;border-radius:16px;font-size:12.5px;line-height:1.9;color:var(--mu);background:rgba(92,200,255,.06);box-shadow:inset 0 0 0 1px rgba(92,200,255,.18)}
.cf-mhint b{color:#8fdcff}
.cf-match{margin-top:16px}
.cf-match h2{margin:0 0 8px;font:800 15px var(--font);color:var(--ink)}.cf-match h2 small{font-weight:600;font-size:11.5px;color:var(--mu)}
.cf-mlist{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding:2px 16px 6px}.cf-mlist::-webkit-scrollbar{display:none}
.cf-m{position:relative;flex:none;width:250px;padding:12px;border-radius:18px;color:inherit;text-decoration:none;background:linear-gradient(160deg,#1c2430,#141016);box-shadow:inset 0 0 0 1px rgba(92,200,255,.22)}
.cf-m.mu{background:linear-gradient(160deg,#2e2312,#171010);box-shadow:inset 0 0 0 1.5px rgba(255,181,71,.55),0 10px 30px -14px rgba(255,160,60,.7)}
.cf-mu{position:absolute;top:10px;left:10px;padding:2px 8px;border-radius:99px;font-size:10.5px;font-weight:800;color:#2a1500;background:var(--amber)}
.cf-mw{display:flex;align-items:center;gap:8px;margin-bottom:8px}.cf-mw b{font-size:13px;color:var(--ink)}
.cf-mc{display:flex;align-items:center;gap:8px}.cf-mc>i{font-style:normal;color:var(--amber);font-size:18px}.cf-mc small{display:block;font-size:10.5px;color:var(--mu);margin-bottom:4px}
/* filters */
.cf-filters{position:sticky;top:64px;z-index:5;margin:18px -16px 12px;padding:8px 16px;background:rgba(16,11,10,.97)}
.cf-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.cf-chips::-webkit-scrollbar{display:none}
.cf-chips button{flex:none;height:34px;padding:0 13px;border:0;border-radius:99px;font:700 12.5px var(--font);color:#cbbfb5;background:var(--card);box-shadow:inset 0 0 0 1px var(--edge);cursor:pointer}
.cf-chips button.on{color:#2a1500;background:linear-gradient(135deg,#ffd27a,var(--amber));box-shadow:0 6px 16px -6px rgba(255,170,60,.7)}
.cf-srow{display:flex;align-items:center;gap:10px;margin-top:8px}
.cf-srow input[type=search]{flex:1;min-width:0;height:38px;padding:0 12px;border:0;border-radius:12px;font:500 13px var(--font);color:var(--ink);background:var(--card);box-shadow:inset 0 0 0 1px var(--edge)}
.cf-miss{display:flex;align-items:center;gap:5px;flex:none;font-size:11.5px;color:var(--mu);cursor:pointer}.cf-miss input{margin-top:0}
/* posts */
.cf-feed{display:flex;flex-direction:column;gap:12px}
.cf-load{height:140px;border-radius:20px;background:linear-gradient(90deg,var(--card),var(--card2),var(--card));background-size:200% 100%;animation:cfLoad 1.2s linear infinite}
@keyframes cfLoad{to{background-position:-200% 0}}
.cf-empty{padding:40px 16px;text-align:center;color:var(--mu);border-radius:20px;background:var(--card)}
.cf-post{position:relative;padding:14px;border-radius:22px;background:var(--card);box-shadow:inset 0 0 0 1px var(--edge);transition:box-shadow .4s}
.cf-post::before{content:"";position:absolute;inset:0 0 auto;height:2px;margin:0 22px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--kc),transparent);opacity:.7}
.cf-post.hl{box-shadow:inset 0 0 0 2px var(--amber),0 0 40px -10px rgba(255,170,60,.6)}
.cf-post.fresh{animation:cfIn .5s cubic-bezier(.2,.9,.3,1.2)}
@keyframes cfIn{from{opacity:0;transform:translateY(-14px) scale(.97)}}
.cf-post header{display:flex;align-items:center;gap:9px}
.cf-av{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font:800 15px var(--font);font-style:normal;color:#fff;background:hsl(var(--h,205) 55% 45%) center/cover;box-shadow:0 0 0 2px rgba(255,255,255,.08)}
.cf-who{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.4}
.cf-nm{font-weight:800;font-size:13.5px;color:var(--ink);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cf-who small{font-size:11px;color:var(--mu)}
.cf-demo{align-self:flex-start;margin-top:1px;padding:0 7px;border-radius:99px;font-size:10px;font-weight:800;color:#2a1500;background:#ffd27a}
.cf-kind{flex:none;padding:3px 9px;border-radius:99px;font-size:11px;font-weight:800;color:var(--kc);background:color-mix(in srgb,var(--kc) 14%,transparent)}
.cf-st{flex:none;padding:3px 8px;border-radius:99px;font-size:10.5px;font-weight:800;color:var(--mu);background:rgba(255,255,255,.06)}
.cf-st.on{color:#5dd39e;background:rgba(93,211,158,.12)}.cf-st.done{color:#2a1500;background:#5dd39e}
.cf-menu{position:relative;flex:none}
.cf-dots{width:32px;height:32px;border:0;border-radius:10px;font-size:18px;color:var(--mu);background:none;cursor:pointer}
.cf-pop{position:absolute;top:34px;left:0;z-index:4;display:none;min-width:170px;padding:6px;border-radius:14px;background:#2a201c;box-shadow:0 16px 40px rgba(0,0,0,.5),inset 0 0 0 1px var(--edge)}
.cf-menu.on .cf-pop{display:block}
.cf-pop button{display:block;width:100%;padding:9px 10px;border:0;border-radius:9px;text-align:right;font:700 12.5px var(--font);color:var(--ink);background:none;cursor:pointer}
.cf-pop button:hover{background:rgba(255,255,255,.06)}
.cf-text{margin:10px 2px 0;font-size:14px;line-height:1.95;color:#efe5dc;white-space:pre-line;overflow-wrap:anywhere}
.cf-auto{margin:10px 2px 0;font-size:14px;color:#efe5dc}.cf-auto b{color:#5dd39e}
.cf-flag{margin:8px 0 0;font-size:12px;font-weight:800;color:#ff6b81}
/* card tiles */
.cf-row{display:flex;gap:8px;flex-wrap:wrap}
.cf-post>.cf-row{margin-top:12px}
.cf-card{position:relative;flex:none;width:96px;aspect-ratio:2/3;border-radius:12px;overflow:hidden;background:#2a2230;box-shadow:0 0 0 1.5px var(--rc),0 10px 22px -10px rgba(0,0,0,.8)}
.cf-row.big .cf-card{width:calc((100% - 16px) / 3);max-width:150px}
.cf-card.sm{width:54px;border-radius:8px}
.cf-art{position:absolute;inset:0;background:center 18%/cover no-repeat}
.cf-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(10,6,5,.92))}
.cf-shine{position:absolute;inset:-50%;z-index:1;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.25) 50%,transparent 58%);transform:translateX(70%);pointer-events:none}
.cf-card:hover .cf-shine{animation:cfShine .9s ease-out}
@keyframes cfShine{to{transform:translateX(-70%)}}
.cf-rar{position:absolute;z-index:2;top:5px;right:5px;padding:0 6px;border-radius:99px;font-size:9.5px;font-weight:800;color:#111;background:var(--rc)}
.cf-own{position:absolute;z-index:2;top:22px;right:5px;padding:0 6px;border-radius:99px;font-size:9.5px;font-weight:800;color:#fff;background:rgba(0,0,0,.6)}
.cf-own.new{color:#2a1500;background:#ffd27a}
.cf-cn{position:absolute;z-index:2;inset:auto 6px 6px;line-height:1.35}
.cf-cn b{display:block;font-size:11.5px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cf-cn small{display:block;font-size:9.5px;color:rgba(255,255,255,.65);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cf-card.sm .cf-cn,.cf-card.sm .cf-rar,.cf-card.sm .cf-own{display:none}
.cf-trade{display:flex;align-items:center;gap:8px;margin-top:12px}
.cf-side{flex:1;min-width:0}.cf-side small{display:block;margin-bottom:5px;font-size:11px;font-weight:800;color:var(--mu)}
.cf-side .cf-card{width:calc((100% - 8px) / 2);max-width:100px}
.cf-side .cf-row{flex-wrap:nowrap}
.cf-swap{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-style:normal;font-size:18px;color:#2a1500;background:linear-gradient(135deg,#ffd27a,var(--amber));box-shadow:0 0 18px rgba(255,170,60,.5)}
/* actions */
.cf-act{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:12px}
.cf-act .grow{flex:1}
.cf-re{display:inline-flex;align-items:center;gap:3px;height:32px;padding:0 9px;border:0;border-radius:99px;font-size:15px;background:rgba(255,255,255,.05);cursor:pointer;transition:transform .15s,background .2s}
.cf-re b{font-size:11.5px;color:var(--ink)}
.cf-re.on{background:rgba(255,181,71,.18);box-shadow:inset 0 0 0 1px rgba(255,181,71,.5)}
.cf-re.pop{animation:cfPop .4s cubic-bezier(.3,1.8,.5,1)}
@keyframes cfPop{40%{transform:scale(1.35)}}
.cf-offer{height:34px;padding:0 14px;border:0;border-radius:12px;font:800 12.5px var(--font);color:#2a1500;background:linear-gradient(135deg,#ffd27a,var(--amber));cursor:pointer;box-shadow:0 8px 18px -8px rgba(255,170,60,.8)}
/* replies */
.cf-reps{margin-top:10px;display:flex;flex-direction:column;gap:8px}
.cf-reps:empty{display:none}
.cf-all{align-self:flex-start;border:0;padding:0;font:700 12px var(--font);color:var(--amber);background:none;cursor:pointer}
.cf-rp{display:flex;gap:8px;align-items:flex-start}
.cf-rp .cf-av{width:28px;height:28px;font-size:12px}
.cf-rp>div{flex:1;min-width:0;padding:7px 11px;border-radius:14px;background:var(--card2)}
.cf-rp span{display:flex;gap:6px;align-items:baseline}.cf-rp .cf-nm{font-size:12px}.cf-rp small{font-size:10px;color:var(--mu)}
.cf-rp p{margin:2px 0 0;font-size:13px;line-height:1.8;color:#e8ddd3;overflow-wrap:anywhere}
.cf-rx{flex:none;border:0;background:none;color:var(--mu);font-size:12px;cursor:pointer;padding:6px}
.cf-rf{display:flex;gap:6px}
.cf-rf input{flex:1;min-width:0;height:38px;padding:0 12px;border:0;border-radius:12px;font:500 13px var(--font);color:var(--ink);background:var(--card2)}
.cf-rf button{flex:none;width:38px;height:38px;border:0;border-radius:12px;font-size:15px;color:#2a1500;background:var(--amber);cursor:pointer}
.cf-more{display:block;margin:16px auto 0;height:42px;padding:0 20px;border:0;border-radius:14px;font:800 13px var(--font);color:var(--ink);background:var(--card);box-shadow:inset 0 0 0 1px var(--edge);cursor:pointer}
/* sheet */
.cf-sheet{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;background:rgba(5,3,2,.78)}
.cf-sh{will-change:transform;width:100%;max-width:560px;max-height:92vh;overflow-y:auto;padding:16px 16px calc(18px + env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0;background:#1b1412;box-shadow:0 -20px 60px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,220,180,.12);animation:cfUp .35s cubic-bezier(.2,.9,.3,1)}
@keyframes cfUp{from{transform:translateY(24px);opacity:.6}}
@media (min-width:700px){.cf-sheet{align-items:center}.cf-sh{border-radius:24px}}
.cf-shh{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cf-shh b{font-size:15px;color:var(--ink)}
.cf-x{width:34px;height:34px;border:0;border-radius:50%;color:var(--ink);background:rgba(255,255,255,.07);cursor:pointer}
.cf-kt{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.cf-kt button{height:42px;border:0;border-radius:13px;font:800 13px var(--font);color:#cbbfb5;background:var(--card2);cursor:pointer}
.cf-kt button.on{color:#fff;background:color-mix(in srgb,var(--kc) 30%,#1b1412);box-shadow:inset 0 0 0 1.5px var(--kc)}
.cf-sec{margin-top:14px}.cf-sec h3{margin:0 0 8px;font:800 13.5px var(--font);color:var(--ink)}.cf-sec h3 small{font-weight:600;color:var(--mu)}
.cf-sels{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;min-height:30px;align-items:center}
.cf-sel{display:inline-flex;align-items:center;gap:6px;padding:3px 4px 3px 8px;border-radius:99px;font-size:12px;font-weight:700;color:var(--ink);background:var(--card2);box-shadow:inset 0 0 0 1.5px var(--rc)}
.cf-sel i{width:22px;height:22px;border-radius:50%;background:center 20%/cover}
.cf-sel button{width:20px;height:20px;border:0;border-radius:50%;font-size:10px;color:var(--ink);background:rgba(255,255,255,.1);cursor:pointer}
.cf-ph{font-size:12px;color:var(--mu)}
.cf-in{display:block;width:100%;box-sizing:border-box;padding:10px 12px;border:0;border-radius:12px;font:500 13.5px/1.8 var(--font);color:var(--ink);background:var(--card2);box-shadow:inset 0 0 0 1px var(--edge);resize:vertical}
.cf-pks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-height:250px;overflow-y:auto;margin-top:8px;padding:2px}
.cf-pk{position:relative;aspect-ratio:2/3;padding:0;border:0;border-radius:10px;overflow:hidden;background:#2a2230;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--rc) 60%,transparent);cursor:pointer;transition:transform .15s,box-shadow .15s}
.cf-pk i{position:absolute;inset:0;background:center 18%/cover}
.cf-pk::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(10,6,5,.9))}
.cf-pk b{position:absolute;z-index:1;inset:auto 4px 4px;font-size:10px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
.cf-pk.on{transform:scale(.94);box-shadow:0 0 0 3px var(--amber),0 0 18px rgba(255,170,60,.6)}
.cf-pk.on::before{content:"✓";position:absolute;z-index:2;top:4px;left:4px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900;color:#2a1500;background:var(--amber)}
.cf-none{grid-column:1/-1;margin:6px 0;font-size:12px;color:var(--mu)}
.cf-note{margin:12px 0 0;font-size:11.5px;line-height:1.8;color:var(--mu)}
.cf-send{display:block;width:100%;height:52px;margin-top:16px;border:0;border-radius:16px;font:800 16px var(--font);color:#2a1500;background:linear-gradient(100deg,#ffe2a0,var(--amber) 55%,var(--amber2));box-shadow:0 12px 26px -10px rgba(255,140,60,.8);cursor:pointer}
.cf-send:disabled{opacity:.5;cursor:default}
@media (max-width:420px){.cf-card{width:84px}}
html.lite .cf-steam,html.lite .cf-shine{display:none}
html.lite .cf-load{animation:none}
@media (prefers-reduced-motion:reduce){.cf-steam i,.cf-shine,.cf-post.fresh,.cf-re.pop,.cf-sh{animation:none!important}}
/* ⚡ placeholders while own cards load; posts far below the screen skip layout */
.cf-pkl{aspect-ratio:2/3;border-radius:10px;background:linear-gradient(90deg,var(--card2),#30241f,var(--card2));background-size:200% 100%;animation:cfLoad 1.1s linear infinite}
.cf-post{content-visibility:auto;contain-intrinsic-size:auto 420px}
.cf-art,.cf-pk i{background-color:#2a2230}
/* ✨ the extra polish */
.cf-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-width:500px;margin:18px auto 0}
.cf-stats div{padding:10px 2px;border-radius:16px;background:linear-gradient(160deg,rgba(255,181,71,.09),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px var(--edge)}
.cf-stats b{display:block;font:400 24px/1.2 var(--display);color:var(--ink)}
.cf-stats small{display:block;font-size:10.5px;color:var(--mu)}
.cf-post.hot{box-shadow:inset 0 0 0 1px rgba(255,120,60,.45),0 14px 40px -22px rgba(255,100,40,.8)}
.cf-hot{position:absolute;top:-9px;left:18px;z-index:2;padding:1px 10px;border-radius:99px;font-size:11px;font-weight:800;color:#fff;background:linear-gradient(135deg,#ff7a45,#ff3d6e);box-shadow:0 4px 14px rgba(255,80,60,.5)}
.cf-card.holo{box-shadow:0 0 0 1.5px var(--rc),0 0 18px -4px var(--rc),0 10px 22px -10px rgba(0,0,0,.8)}
.cf-card.holo::before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,transparent 30%,rgba(255,255,255,.14) 45%,rgba(120,220,255,.12) 50%,rgba(255,120,220,.12) 55%,transparent 70%);mix-blend-mode:screen}
.cf-pill{position:fixed;z-index:70;top:78px;left:50%;transform:translateX(-50%);height:38px;padding:0 16px;border:0;border-radius:99px;font:800 13px var(--font);color:#2a1500;background:linear-gradient(135deg,#ffd27a,var(--amber));box-shadow:0 10px 30px -8px rgba(255,150,50,.8);cursor:pointer;animation:cfDrop .45s cubic-bezier(.2,1.4,.4,1)}
@keyframes cfDrop{from{transform:translate(-50%,-30px);opacity:0}}
.cf-qk button{position:relative;overflow:hidden}
.cf-qk button::after{content:"";position:absolute;inset:auto -20% -60% -20%;height:70%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,181,71,.18),transparent 70%);pointer-events:none}
html.lite .cf-pill{animation:none}
/* 🎉 big pulls: mini tiles in a sliding strip (or a grid in the «خبرها» tab) */
.cf-strip{padding:12px 0 12px;border-radius:22px;background:linear-gradient(160deg,rgba(93,211,158,.08),rgba(255,181,71,.05));box-shadow:inset 0 0 0 1px rgba(93,211,158,.18)}
.cf-strip.one{padding:10px}
.cf-strip h3{margin:0 14px 10px;font:800 13.5px var(--font);color:var(--ink)}.cf-strip h3 small{font-weight:600;color:var(--mu)}
.cf-sx{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 14px 4px}.cf-sx::-webkit-scrollbar{display:none}
.cf-sx .cf-ai{flex:none;width:128px;scroll-snap-align:start}
.cf-agrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:10px 8px}
.cf-ai{display:flex;flex-direction:column;gap:6px;min-width:0}
.cf-strip.one .cf-ai{flex-direction:row;align-items:center;gap:10px}.cf-strip.one .cf-ai-c{width:64px;flex:none}.cf-strip.one .cf-ai-c b{display:none}.cf-strip.one .cf-ai-w{flex:1}
.cf-ai-c{position:relative;aspect-ratio:2/3;border-radius:14px;overflow:hidden;background:#2a2230;box-shadow:0 0 0 1.5px var(--rc),0 0 16px -6px var(--rc)}
.cf-ai-c::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(10,6,5,.92))}
.cf-ai-c b{position:absolute;z-index:1;inset:auto 6px 6px;font-size:11.5px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cf-ai-n{position:absolute;z-index:2;top:5px;left:5px;padding:0 6px;border-radius:99px;font-size:10px;font-weight:800;color:#2a1500;background:var(--amber)}
.cf-ai-w{display:flex;align-items:center;gap:6px;min-width:0}.cf-ai-w .cf-av{width:24px;height:24px;font-size:11px}
.cf-ai-w>div{min-width:0;display:flex;flex-direction:column;line-height:1.3}.cf-ai-w .cf-nm{font-size:11.5px}.cf-ai-w small{font-size:9.5px;color:var(--mu)}
.cf-ai-a{display:flex;align-items:center;justify-content:space-between}
.cf-ai-a .cf-re{height:28px;font-size:13px}
/* 🔴 tab badges */
.cf-chips button{position:relative}
.cf-bd{position:absolute;top:-4px;left:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;display:grid;place-items:center;font:800 10.5px/1 var(--font);font-style:normal;color:#fff;background:#ff3d5a;box-shadow:0 0 0 2px #100b0a;animation:cfBd .4s cubic-bezier(.3,1.8,.5,1)}
.cf-bd[hidden]{display:none}
@keyframes cfBd{from{transform:scale(0)}}
.cf-chips{padding-top:6px}
html.lite .cf-bd{animation:none}
/* 🃏 every card is tappable */
.cf-card,.cf-ai-c{cursor:pointer;transition:transform .15s}
.cf-card:active,.cf-ai-c:active{transform:scale(.96)}
.cf-tap{position:absolute;z-index:3;bottom:6px;left:6px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:13px;line-height:1;color:#2a1500;background:rgba(255,210,122,.92);box-shadow:0 2px 8px rgba(0,0,0,.4);opacity:.85}
.cf-card.sm .cf-tap{display:none}
.cf-ai-c .cf-tap{bottom:auto;top:26px;left:5px}
@media (hover:hover){.cf-tap{opacity:0;transition:opacity .2s}.cf-card:hover .cf-tap,.cf-ai-c:hover .cf-tap{opacity:1}.cf-card:hover,.cf-ai-c:hover{transform:translateY(-3px)}}
.cf-ch{display:flex;gap:14px;align-items:center}
.cf-ch .cf-card{width:120px;cursor:default}.cf-ch .cf-card .cf-tap{display:none}
.cf-ci{min-width:0;display:flex;flex-direction:column;gap:3px}
.cf-ci b{font:400 24px/1.3 var(--display);color:var(--ink)}.cf-ci small{font-size:12px;color:var(--mu)}.cf-ci p{margin:6px 0 0;font-size:12.5px;color:#e8ddd3}
.cf-rr{align-self:flex-start;padding:1px 9px;border-radius:99px;font-size:11px;font-weight:800;color:#111;background:var(--rc)}
.cf-cas{display:grid;gap:8px;margin-top:14px}
.cf-ca{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:11px 14px;border:0;border-radius:16px;text-align:right;font-size:20px;color:var(--ink);background:var(--card2);box-shadow:inset 0 0 0 1px var(--edge);cursor:pointer}
.cf-ca b{grid-column:2;font:800 14px var(--font)}.cf-ca small{grid-column:2;font-size:11.5px;color:var(--mu)}
.cf-ca i{grid-row:1/3;grid-column:1;font-style:normal}
.cf-ca.hot{color:#2a1500;background:linear-gradient(100deg,#ffe2a0,var(--amber));box-shadow:0 10px 24px -12px rgba(255,150,50,.9)}.cf-ca.hot small{color:#5a3a10}
.cf-hl{display:flex;flex-direction:column;gap:6px}
.cf-ho{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:14px;background:var(--card2)}
.cf-hw{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.4}.cf-hw small{font-size:11px;color:var(--mu);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cf-hb{flex:none;height:32px;padding:0 12px;border:0;border-radius:10px;font:800 12px var(--font);color:#2a1500;background:var(--amber);cursor:pointer}
.cf-tw{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.cf-tw>div{display:flex;flex-direction:column;gap:5px;min-width:0}.cf-tw>div:last-child{flex:1}
.cf-tw small{font-size:11px;font-weight:800;color:var(--mu)}.cf-tw>div>b{font-size:12px;color:var(--ink);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cf-tw>i{font-style:normal;font-size:20px;color:var(--amber)}
.cf-tw .cf-card.sm{width:64px;cursor:default}
.cf-tsel{display:flex;gap:6px;flex-wrap:wrap;min-height:40px;align-items:center}
/* strip arrows: a mouse can move the strip too */
.cf-sxw{position:relative}
.cf-sxb{position:absolute;z-index:4;top:calc(50% - 40px);width:36px;height:36px;border:0;border-radius:50%;font:800 22px/1 var(--font);color:#2a1500;background:rgba(255,210,122,.95);box-shadow:0 6px 18px rgba(0,0,0,.5);cursor:pointer;display:none}
.cf-sxb.prev{right:4px}.cf-sxb.next{left:4px}
@media (hover:hover) and (pointer:fine){.cf-sxw.scroll .cf-sxb{display:block}.cf-sx{scrollbar-width:thin;scrollbar-color:rgba(255,181,71,.4) transparent}.cf-sx::-webkit-scrollbar{display:block;height:6px}.cf-sx::-webkit-scrollbar-thumb{background:rgba(255,181,71,.35);border-radius:6px}}
/* ✨ final polish */
body.cf-open .sw-fab,body.cf-open .tabbar{display:none!important}
.cf-hero{padding:88px 0 10px}
.cf-title{font-size:clamp(52px,15vw,96px)}
.cf-hotw{margin-top:16px}
.cf-hotw h2{margin:0 0 8px;font:800 15px var(--font);color:var(--ink)}.cf-hotw h2 small{font-weight:600;font-size:11.5px;color:var(--mu)}
.cf-hotw .cf-sx{padding-inline:0}
.cf-hc{flex:none;width:92px;display:flex;flex-direction:column;gap:5px;align-items:center;scroll-snap-align:start}
.cf-hc .cf-card{width:92px}
.cf-hc span{font-size:10.5px;font-weight:800;color:#ff8fa3}
.cf-feed>*{animation:cfRise .45s cubic-bezier(.2,.8,.2,1) both}
.cf-feed>*:nth-child(2){animation-delay:.05s}.cf-feed>*:nth-child(3){animation-delay:.1s}.cf-feed>*:nth-child(4){animation-delay:.15s}
@keyframes cfRise{from{opacity:0;transform:translateY(14px)}}
.cf-chips{gap:5px;padding:6px 4px 4px}
.cf-chips button{transition:background .25s,color .25s,transform .15s}.cf-chips button:active{transform:scale(.95)}
.cf-qk button>:first-child{filter:drop-shadow(0 4px 10px rgba(255,160,60,.35))}
.cf-post:hover{box-shadow:inset 0 0 0 1px rgba(255,220,180,.16)}
html.lite .cf-feed>*{animation:none}
@media (prefers-reduced-motion:reduce){.cf-feed>*{animation:none}}
/* 🔄 trade posts: every card fits, never cut off (three a side) */
.cf-side .cf-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;flex-wrap:nowrap}
.cf-side .cf-card{width:auto;max-width:110px}
@media (max-width:640px){
  .cf-trade{flex-direction:column;align-items:stretch;gap:6px}
  .cf-side .cf-card{max-width:none}
  .cf-swap{align-self:center;transform:rotate(90deg)}
  .cf-side .cf-row{gap:8px}
}
.cf-match .cf-sx{padding-inline:16px}