/* Filter */
.fbox{background:var(--surface);border:1px solid var(--line2);border-radius:var(--r-lg);padding:26px;box-shadow:0 30px 80px -40px rgba(2,6,20,.9),inset 0 0 0 1px rgba(255,46,77,.06)}
.fhead{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.fhead h3{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:600}
.fi{background:var(--grad);border:0;color:#04112e;font-size:16px}
.fsearch{width:min(340px,100%);margin:0}
.chips{display:flex;flex-wrap:wrap;gap:10px;max-height:200px;overflow-y:auto;padding:2px 14px 2px 2px;transition:max-height .5s cubic-bezier(.22,1,.36,1);scrollbar-width:thin;scrollbar-color:var(--blue) transparent}
.chips.open{max-height:900px}
.chip{padding:9px 18px;border-radius:999px;background:rgba(15,23,45,.9);border:1px solid var(--line2);color:var(--text2);font-size:14px;font-weight:500;transition:.2s}
.chip:hover{border-color:var(--cyan);color:#fff;transform:translateY(-2px)}
.chip.on{background:var(--grad);color:#04112e;border-color:transparent;box-shadow:0 8px 22px -8px rgba(46,123,255,.9)}
.more{margin:16px 0 4px;background:none;color:var(--blue-lt);font-weight:600;font-size:15px}
.more:hover{color:var(--cyan)}
.sorts{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.sbtn{padding:13px 22px;border-radius:999px;background:var(--surface2);border:1px solid var(--line2);font-weight:500;transition:.2s}
.sbtn:hover{border-color:var(--cyan)}
.sbtn.on{background:var(--hot);border-color:transparent;box-shadow:0 10px 26px -10px rgba(255,46,77,.8)}
.fnote{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);color:var(--dim);font-size:14px}
.gear{position:fixed;right:18px;bottom:calc(76px + env(safe-area-inset-bottom,0px));width:46px;height:46px;border-radius:14px;background:var(--surface2);border:1px solid var(--line2);font-size:20px;z-index:40;transition:.3s}
.gear:hover{transform:rotate(60deg);border-color:var(--cyan)}
html.fx-off *,html.fx-off *::before,html.fx-off *::after{animation:none!important;transition:none!important;filter:none!important;backdrop-filter:none!important}
html.fx-off .reveal{opacity:1;transform:none}
@media(max-width:520px){.fbox{padding:18px}.fhead h3{font-size:19px}.chip{padding:8px 14px;font-size:13px}}