.fx{position:relative}.fx:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(600px 260px at 15% 0,#1a7fd114,#0000 70%),radial-gradient(500px 240px at 90% 8%,#f9520d0f,#0000 70%);height:420px;position:absolute;inset:0 0 auto}.fx .wrap{z-index:1;position:relative}.fx-stats{flex-wrap:wrap;justify-content:center;gap:8px;margin:20px 0 0;padding:0;list-style:none;display:flex}.fx-stats li{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:baseline;gap:6px;padding:5px 14px;display:inline-flex}.fx-stats b{color:var(--brand-ink);font-size:16px;font-weight:800}.fx-stats span{color:var(--muted);font-size:12.5px}.fx-bar{z-index:20;-webkit-backdrop-filter:saturate(1.6)blur(14px);backdrop-filter:saturate(1.6)blur(14px);border:1px solid var(--line);background:#ffffffdb;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;padding:6px;display:flex;position:sticky;top:64px;box-shadow:0 8px 22px -18px #0f1b2d66}.fx-tabs{--n:3;--i:0;grid-template-columns:repeat(var(--n), minmax(0, 1fr));background:#eef3f9;border-radius:12px;flex:320px;min-width:min(100%,380px);padding:3px;display:grid;position:relative}.fx-thumb{top:3px;bottom:3px;width:calc((100% - 6px) / var(--n));background:#fff;border-radius:9px;transition:inset-inline-start .35s cubic-bezier(.3,.9,.3,1);position:absolute;inset-inline-start:calc(3px + (100% - 6px) / var(--n) * var(--i));box-shadow:0 1px 4px #0f1b2d1f,0 0 0 1px #0f1b2d0a}.fx-tab{z-index:1;font:inherit;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:13.5px;font-weight:700;transition:color .2s;display:inline-flex;position:relative}.fx-tab[aria-selected=true]{color:var(--brand-ink)}.fx-tab:hover{color:var(--ink)}.fx-count{background:var(--brand-soft);min-width:20px;color:var(--brand-ink);text-align:center;border-radius:99px;padding:0 6px;font-size:11px;font-style:normal;line-height:20px}.fx-search{border:1px solid var(--line);height:38px;color:var(--muted);background:#fff;border-radius:12px;flex:240px;align-items:center;gap:8px;padding:0 12px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.fx-search:focus-within{border-color:var(--brand);color:var(--brand);box-shadow:0 0 0 3px #1a7fd11f}.fx-search input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:13.5px}.fx-search input::placeholder{color:#8a98ab}.fx-search kbd{font:inherit;border:1px solid var(--line);color:var(--muted);background:#f6f9fc;border-radius:6px;padding:0 7px;font-size:11px}.fx-search:focus-within kbd{display:none}.fx-live{min-height:18px;color:var(--muted);margin:4px 4px 0;font-size:12.5px}.fx-tagline{color:var(--brand-ink);justify-content:center;align-items:center;gap:6px;margin:8px 0 18px;font-size:14px;font-weight:700;display:flex}.fx-body[hidden],.fx-cat[hidden],.fx-item[hidden]{display:none}.fx-collapse{transition:max-height .9s cubic-bezier(.22,.8,.2,1);position:relative;overflow:hidden}.fx-collapse:after{content:"";inset-inline:0;pointer-events:none;z-index:2;background:linear-gradient(180deg, #fbfdff00, var(--bg) 85%);height:170px;transition:opacity .5s;position:absolute;bottom:0}.fx-collapse[data-open=true]:after{opacity:0}.fx-collapse[data-settled=true]{overflow:visible}.fx-toggle-wrap{z-index:3;justify-content:center;margin-top:-26px;display:flex;position:relative}.fx-toggle{color:var(--brand-ink);font:inherit;cursor:pointer;background:#fff;border:1px solid #cfe0f1;border-radius:999px;align-items:center;gap:8px;padding:9px 20px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 10px 24px -14px #1a7fd18c}.fx-toggle:hover{background:var(--brand-soft);transform:translateY(-2px);box-shadow:0 14px 28px -14px #1a7fd1b3}.fx-toggle svg{transition:transform .5s cubic-bezier(.22,.8,.2,1)}.fx-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.fx-toggle em{background:var(--brand-soft);color:var(--brand-ink);border-radius:99px;padding:1px 8px;font-size:12px;font-style:normal}.fx-toggle:hover em{background:#fff}.fx-grid{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:22px;display:grid}.fx-rail{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;gap:2px;max-height:calc(100vh - 140px);padding:6px;display:flex;position:sticky;top:120px;overflow:auto}.fx-rail-item{--h:205;color:var(--muted);border-radius:10px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;font-weight:600;transition:background .2s,color .2s;display:flex}.fx-rail-item:hover{color:var(--ink);background:#f3f7fb}.fx-rail-item.on{background:hsl(var(--h) 90% 95%);color:hsl(var(--h) 65% 28%)}.fx-rail-item.off{opacity:.35}.fx-rail-ico{background:hsl(var(--h) 85% 94%);width:24px;height:24px;color:hsl(var(--h) 60% 38%);border-radius:8px;flex:none;place-items:center;display:grid}.fx-rail-ico svg{width:14px;height:14px}.fx-rail-item.on .fx-rail-ico{background:hsl(var(--h) 65% 42%);color:#fff}.fx-rail-txt{flex:1;line-height:1.5}.fx-rail-n{color:var(--muted);background:#f1f5f9;border-radius:99px;padding:0 7px;font-size:11px}.fx-cats{flex-direction:column;gap:28px;min-width:0;display:flex}.fx-cat{--h:205;scroll-margin-top:130px}.fx-cat-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.fx-cat-head h3{font-size:16px;font-weight:800}.fx-cat-head p{color:var(--muted);margin-top:0;font-size:12.5px;line-height:1.7}.fx-cat-head>div{flex:1;min-width:0}.fx-cat-n{background:hsl(var(--h) 90% 95%);color:hsl(var(--h) 65% 30%);white-space:nowrap;border-radius:99px;padding:2px 10px;font-size:11.5px;font-weight:700}.fx-ico{background:linear-gradient(145deg, hsl(var(--h) 90% 96%), hsl(var(--h) 80% 91%));width:32px;height:32px;color:hsl(var(--h) 62% 36%);box-shadow:inset 0 0 0 1px hsl(var(--h) 60% 82% / .6);border-radius:10px;flex:none;place-items:center;transition:transform .25s,background .25s,color .25s;display:grid}.fx-ico svg{width:17px;height:17px}.fx-ico.lg{background:linear-gradient(145deg, hsl(var(--h) 75% 52%), hsl(var(--h) 70% 40%));color:#fff;width:38px;height:38px;box-shadow:0 6px 14px -8px hsl(var(--h) 70% 40% / .8);border-radius:12px}.fx-ico.lg svg{width:20px;height:20px}.fx-items{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.fx-item{background:#fff;border:1px solid #e9eff6;border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;transition:transform .2s cubic-bezier(.3,.9,.3,1),box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.fx-item:before{content:"";inset-inline:0;background:linear-gradient(90deg, hsl(var(--h) 75% 55%), hsl(calc(var(--h) + 40) 80% 60%));opacity:0;height:2px;transition:opacity .2s;position:absolute;top:0}.fx-item:hover{box-shadow:0 12px 26px -18px hsl(var(--h) 60% 30% / .5);border-color:hsl(var(--h) 55% 84%);transform:translateY(-2px)}.fx-item:hover:before{opacity:1}.fx-item:hover .fx-ico{background:linear-gradient(145deg, hsl(var(--h) 75% 52%), hsl(var(--h) 70% 40%));color:#fff}.fx-item h4{flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:14px;font-weight:700;line-height:1.6;display:flex}.fx-item p{color:var(--muted);margin:1px 0 0;font-size:12.8px;line-height:1.8}.fx-pill{border-radius:99px;padding:3px 7px;font-size:10.5px;font-style:normal;font-weight:700;line-height:1}.fx-pill.new{color:#b83a05;background:#fff1e8;box-shadow:inset 0 0 0 1px #ffd2b8}.fx-pill.soon{color:#5b6b80;background:#eef1f6;box-shadow:inset 0 0 0 1px #dbe2ec}.fx-empty{text-align:center;color:var(--muted);background:#fff;border:1px dashed #c9d6e5;border-radius:16px;justify-items:center;gap:6px;padding:32px 16px;font-size:14px;display:grid}.fx-empty h3{color:var(--ink);font-size:16px}.fx-end{color:#fff;background:radial-gradient(400px 160px at 90% 0%, #ffffff29, transparent 70%), linear-gradient(135deg, var(--brand-deep), var(--brand));border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:36px;padding:20px 24px;display:flex}.fx-end h3{font-size:17px;font-weight:800}.fx-end p{color:#ffffffd6;max-width:460px;margin-top:3px;font-size:13px;line-height:1.8}.fx-end .btn-primary{box-shadow:none;background:#fff;color:var(--brand-ink)!important}.fx-end .btn-ghost{color:#fff;background:#ffffff1f;border-color:#ffffff59}.fx-end .btn-ghost:hover{background:#fff3}.fx-end .cta-row{flex-wrap:wrap;gap:8px;margin:0;display:flex}@media (max-width:980px){.fx-grid{grid-template-columns:1fr;gap:12px}.fx-rail{z-index:15;scrollbar-width:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-radius:12px;flex-direction:row;gap:4px;max-height:none;padding:4px;position:sticky;top:112px;overflow-x:auto}.fx-rail::-webkit-scrollbar{display:none}.fx-rail-item{white-space:nowrap;flex:none;padding:5px 10px 5px 8px}.fx-rail-n{display:none}.fx-cat{scroll-margin-top:160px}}@media (max-width:640px){.fx-bar{top:60px}.fx-tab{gap:5px;padding:7px 4px;font-size:12.5px}.fx-tab .fx-pill,.fx-search kbd{display:none}.fx-rail{top:118px}.fx-cat-n{display:none}.fx-items{grid-template-columns:1fr}.fx-end{padding:18px 16px}}@media (prefers-reduced-motion:reduce){.fx-thumb,.fx-item,.fx-ico,.fx-collapse,.fx-toggle svg{transition:none}.fx-item:hover{transform:none}}.fx-collapse:not([data-settled=true]) .fx-rail{position:static}