/* container */
.cfss-sticky{z-index:9999;background:rgba(255,255,255,0.9);backdrop-filter:blur(8px);border-bottom:1px solid rgba(0,0,0,0.06);padding:8px 12px;}
.cfss-top{position:sticky;top:0;}
.cfss-bottom{position:fixed;bottom:8px;left:0;right:0;border:1px solid rgba(0,0,0,0.06);border-radius:12px;max-width:960px;margin:0 auto;background:#fff;}
/* full-screen mobile overlay */
.cfss-lock{overflow:hidden;}
@media (max-width:768px){
  .cfss-sticky{position:fixed;top:0;left:0;right:0;padding:10px;background:#fff;border-bottom:1px solid rgba(0,0,0,0.08);}
  .cfss-sticky.cfss-open{height:100vh;display:flex;flex-direction:column;}
  .cfss-sticky.cfss-open .cfss-panel{display:block;flex:1;margin:10px 0 0;max-width:none;border-radius:16px;}
}
/* inner */
.cfss-inner{max-width:920px;margin:0 auto;display:grid;grid-template-columns:24px 1fr 28px;gap:8px;align-items:center;background:#fff;border:1px solid rgba(0,0,0,0.08);border-radius:999px;padding:10px 12px;box-shadow:0 2px 12px rgba(0,0,0,0.04);}
.cfss-icon{width:20px;height:20px;fill:#888;}
.cfss-input{border:none;outline:none;font-size:16px;background:transparent;padding:6px 0;}
.cfss-clear{border:none;background:transparent;font-size:20px;cursor:pointer;line-height:1;color:#666;}
/* panel */
.cfss-panel{max-width:920px;margin:6px auto 0;background:#fff;border:1px solid rgba(0,0,0,0.08);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,0.08);overflow:auto;max-height:70vh;}
.cfss-bottom .cfss-panel{max-width:none;margin:6px 8px;}
.cfss-panel:empty{display:none;}
.cfss-group{padding:10px;border-top:1px dashed rgba(0,0,0,0.06);} .cfss-group:first-child{border-top:0;}
.cfss-group-title{font-weight:600;font-size:13px;color:#555;margin:6px 6px 8px;text-transform:uppercase;letter-spacing:.03em;}
.cfss-empty{padding:14px 12px;color:#666;font-size:14px;}
/* pills */
.cfss-pill{display:inline-block;margin:6px 8px 0 0;padding:6px 10px;border:1px solid rgba(0,0,0,0.12);border-radius:999px;font-size:12px;color:#0b5; text-decoration:none;background:#f6fff9;}
.cfss-pill:hover{background:#efffed;}
/* item */
.cfss-item{display:grid;grid-template-columns:auto auto 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:12px;text-decoration:none;transition:transform .06s ease;will-change:transform;}
.cfss-item:hover{background:rgba(0,0,0,0.035);transform:translateY(-1px);} .cfss-item.active{background:rgba(0,123,255,0.10);}
.cfss-badge{width:26px;min-width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;border-radius:8px;border:1px solid rgba(0,0,0,0.08);}
.cfss-badge--empty{display:none;}
.cfss-item img{width:40px;height:40px;object-fit:cover;border-radius:8px;border:1px solid rgba(0,0,0,0.06);}
.cfss-title{font-size:15px;color:#111;line-height:1.25;font-weight:600;}
.cfss-title mark{background:#ffec99;padding:0 2px;border-radius:3px;}
.cfss-sub{font-size:12px;color:#666;margin-top:2px;}
.cfss-excerpt{font-size:12px;color:#4b5563;margin-top:4px;}
.cfss-excerpt mark{background:#ffec99;padding:0 2px;border-radius:3px;}
.cfss-fav{border:none;background:transparent;font-size:18px;cursor:pointer;color:#f59e0b;}
@media (max-width:768px){
  .cfss-sticky{padding:10px;}
  .cfss-inner{grid-template-columns:20px 1fr 28px;}
  .cfss-panel{margin:10px 0 0;max-height:none;}
}