.bf-root .bf-toolbar-wrap{z-index:40;-webkit-backdrop-filter:saturate(180%)blur(10px);border-bottom:1px solid var(--line);background:#f8fafceb;position:sticky;top:72px}.bf-root .bf-toolbar{flex-wrap:wrap;align-items:center;gap:16px;padding:18px 0;display:flex}.bf-root .bf-search{flex:1;min-width:280px;max-width:520px;position:relative}.bf-root .bf-search input{border:1.5px solid var(--line);width:100%;height:44px;color:var(--ink);background:#fff;border-radius:12px;padding:0 16px 0 44px;font-size:14.5px;transition:border-color .15s,box-shadow .15s}.bf-root .bf-search input::placeholder{color:var(--mute-2)}.bf-root .bf-search input:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in oklab, var(--primary,#6366f1) 15%, transparent);outline:none}.bf-root .bf-search svg{width:18px;height:18px;color:var(--mute-2);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.bf-root .bf-search kbd{font-family:var(--mono);color:var(--mute);background:var(--line-2);border:1px solid var(--line);border-radius:5px;padding:2px 6px;font-size:11px;font-weight:600;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.bf-root .bf-sortbox{color:var(--mute);align-items:center;gap:8px;font-size:13px;display:flex}.bf-root .bf-sortbox select{border:1.5px solid var(--line);height:40px;color:var(--ink-2);appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") right 10px center no-repeat;border-radius:10px;padding:0 32px 0 12px;font-size:13.5px;font-weight:600}.bf-root .bf-view-toggle{border:1.5px solid var(--line);background:#fff;border-radius:10px;gap:2px;padding:3px;display:flex}.bf-root .bf-view-toggle button{width:36px;height:34px;color:var(--mute);border-radius:7px;place-items:center;transition:background .15s,color .15s;display:grid}.bf-root .bf-view-toggle button svg{width:16px;height:16px}.bf-root .bf-view-toggle button.on{background:var(--primary-50);color:var(--primary)}.bf-root .bf-platforms{border-bottom:1px solid var(--line);scrollbar-width:none;gap:6px;padding:14px 0 18px;display:flex;overflow-x:auto}.bf-root .bf-platforms::-webkit-scrollbar{display:none}.bf-root .bf-plat-tab{color:var(--mute);white-space:nowrap;background:0 0;border:1.5px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.bf-root .bf-plat-tab .icon{color:#fff;border-radius:6px;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.bf-root .bf-plat-tab .icon svg{color:#fff;width:13px;height:13px}.bf-root .bf-plat-tab .count{color:var(--mute);background:var(--line-2);border-radius:9999px;padding:2px 7px;font-size:11px;font-weight:700;transition:all .15s}.bf-root .bf-plat-tab:hover{color:var(--ink);background:#fff}.bf-root .bf-plat-tab.on{border-color:var(--primary-100);color:var(--ink);box-shadow:0 2px 8px color-mix(in oklab, var(--primary,#6366f1) 12%, transparent);background:#fff}.bf-root .bf-plat-tab.on .count{background:var(--primary-50);color:var(--primary-700)}.bf-root .ic-all{background:linear-gradient(135deg, var(--primary), color-mix(in oklab, var(--primary,#6366f1) 55%, white))}.bf-root .ic-generic{background:linear-gradient(135deg, var(--primary), color-mix(in oklab, var(--primary,#6366f1) 60%, white))}.bf-root .ic-ig{background:linear-gradient(135deg,#f58529 0%,#dd2a7b 50%,#8134af 100%)}.bf-root .ic-tt{background:linear-gradient(135deg,#000 0%,#25f4ee 50%,#fe2c55 100%)}.bf-root .ic-yt{background:red}.bf-root .ic-x{background:#000}.bf-root .ic-fb{background:#1877f2}.bf-root .ic-th{background:#000}.bf-root .ic-spotify{background:#1db954}.bf-root .ic-twitch{background:#9146ff}.bf-root .ic-telegram{background:#229ed9}.bf-root .ic-discord{background:#5865f2}.bf-root .ic-line{background:#06c755}.bf-root .bf-page-grid{grid-template-columns:240px 1fr;align-items:start;gap:32px;padding:32px 0 80px;display:grid}.bf-root .bf-sidebar{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;padding:6px}.bf-root .bf-side-group{padding:14px 14px 6px}.bf-root .bf-side-group h4{letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin:0 0 8px;font-size:11px;font-weight:700}.bf-root .bf-side-list{flex-direction:column;gap:2px;margin-bottom:8px;display:flex}.bf-root .bf-side-item{text-align:left;width:100%;color:var(--ink-2);cursor:pointer;border-radius:9px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.bf-root .bf-side-item .c{color:var(--mute);font-variant-numeric:tabular-nums;font-size:12px}.bf-root .bf-side-item:hover{background:var(--line-2)}.bf-root .bf-side-item.on{background:var(--primary-50);color:var(--primary-700);font-weight:700}.bf-root .bf-side-item.on .c{color:var(--primary)}.bf-root .bf-side-divider{background:var(--line);height:1px;margin:6px 14px}.bf-root .bf-side-banner{background:linear-gradient(135deg, var(--primary-700), color-mix(in oklab, var(--primary,#6366f1) 55%, white));color:#fff;border-radius:14px;margin:8px;padding:18px 16px;position:relative;overflow:hidden}.bf-root .bf-side-banner:before{content:"";background:radial-gradient(120px 80px at 90% 100%,#f59e0b80,#0000 60%);position:absolute;inset:0}.bf-root .bf-side-banner h5{letter-spacing:-.01em;margin:0 0 4px;font-size:14px;font-weight:700;position:relative}.bf-root .bf-side-banner p{color:#ffffffd1;margin:0 0 12px;font-size:12px;line-height:1.5;position:relative}.bf-root .bf-side-banner a{color:#fff;background:#ffffff2e;border-radius:9999px;align-items:center;gap:4px;padding:6px 12px;font-size:12.5px;font-weight:700;transition:background .15s;display:inline-flex;position:relative}.bf-root .bf-side-banner a:hover{background:#ffffff47}.bf-root .bf-cat-select-wrap{padding:0 2px 8px;display:none}.bf-root .bf-cat-select{border:1.5px solid var(--line);width:100%;height:42px;color:var(--ink-2);appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") right 12px center no-repeat;border-radius:10px;padding:0 36px 0 14px;font-size:14px;font-weight:600;transition:border-color .15s,box-shadow .15s}.bf-root .bf-cat-select:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in oklab, var(--primary,#6366f1) 15%, transparent);outline:none}.bf-root .bf-results-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.bf-root .bf-results-count{color:var(--mute);font-size:13.5px}.bf-root .bf-results-count b{color:var(--ink);font-weight:700}.bf-root .bf-chips{flex-wrap:wrap;gap:8px;display:flex}.bf-root .bf-chip{border:1px solid var(--line);color:var(--ink-2);background:#fff;border-radius:9999px;align-items:center;gap:6px;padding:5px 10px 5px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.bf-root .bf-chip button{color:var(--mute);padding:0 0 0 2px;font-size:14px;line-height:1}.bf-root .bf-chip button:hover{color:var(--ink)}.bf-root .bf-table-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.bf-root table.bf-services{border-collapse:collapse;width:100%;font-size:14px}.bf-root table.bf-services thead th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);border-bottom:1px solid var(--line);background:#fafbfc;padding:14px 16px;font-size:11px;font-weight:700}.bf-root table.bf-services thead th.right{text-align:right}.bf-root table.bf-services tbody td{border-bottom:1px solid var(--line-2);vertical-align:middle;padding:16px}.bf-root table.bf-services tbody tr{transition:background .12s}.bf-root table.bf-services tbody tr:hover{background:color-mix(in oklab, var(--primary,#6366f1) 4%, white)}.bf-root table.bf-services tbody tr:last-child td{border-bottom:none}.bf-root table.bf-services td.id{font-family:var(--mono);color:var(--mute);width:80px;font-size:12.5px;font-weight:600}.bf-root table.bf-services td.service .svc-name{align-items:center;gap:12px;display:flex}.bf-root .bf-page-grid .plat-pip{color:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.bf-root .bf-page-grid .plat-pip svg{color:#fff;width:14px;height:14px}.bf-root .bf-plat-tab .icon:not(.ic-all):not(.ic-generic){color:var(--ink);background:0 0}.bf-root .bf-plat-tab .icon:not(.ic-all):not(.ic-generic) svg{width:20px;height:20px;color:inherit}.bf-root .bf-page-grid .plat-pip:not(.ic-all):not(.ic-generic){color:var(--ink);background:0 0}.bf-root .bf-page-grid .plat-pip:not(.ic-all):not(.ic-generic) svg{width:24px;height:24px;color:inherit}.bf-root table.bf-services td.service .svc-text{min-width:0}.bf-root table.bf-services td.service .svc-title{color:var(--ink);letter-spacing:-.005em;margin-bottom:3px;font-size:14px;font-weight:600}.bf-root .bf-page-grid .svc-meta{color:var(--mute);border:0;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px;margin:0;padding:0;font-size:12px;display:flex}.bf-root .bf-page-grid .svc-meta .sep{color:var(--line)}.bf-root .bf-page-grid .bd{letter-spacing:.02em;border:1px solid #0000;border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.bf-root .bf-page-grid .bd-refill{color:#075985;background:#e0f2fe;border-color:#bae6fd}.bf-root .bf-page-grid .bd-drip{background:var(--primary-50);color:var(--primary-700);border-color:var(--primary-100)}.bf-root .bf-page-grid .bd-cancel{color:#92400e;background:#fef3c7;border-color:#fde68a}.bf-root table.bf-services td.rate{font-family:var(--mono);font-variant-numeric:tabular-nums;width:150px}.bf-root .bf-page-grid .rate .price{color:var(--ink);letter-spacing:-.01em;font-size:15px;font-weight:700}.bf-root .bf-page-grid .rate .unit{color:var(--mute);font-size:11.5px;font-family:var(--bf-font);margin-top:2px;font-weight:500}.bf-root table.bf-services td.range{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink-2);width:170px;font-size:12.5px}.bf-root table.bf-services td.range .row{align-items:baseline;gap:6px;display:flex}.bf-root table.bf-services td.range .lab{color:var(--mute);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-family:var(--bf-font);min-width:30px;font-weight:600}.bf-root .bf-page-grid .status{width:110px}.bf-root .bf-page-grid .dot{align-items:center;gap:7px;font-size:12.5px;font-weight:600;display:inline-flex}.bf-root .bf-page-grid .dot:before{content:"";border-radius:50%;width:7px;height:7px}.bf-root .bf-page-grid .st-active{color:#15803d}.bf-root .bf-page-grid .st-active:before{background:#22c55e;box-shadow:0 0 0 3px #22c55e2e}.bf-root table.bf-services td.actions{text-align:right;width:130px}.bf-root .bf-page-grid .order-btn{background:var(--primary);color:#fff;border-radius:9999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;transition:transform .15s,background .15s;display:inline-flex}.bf-root .bf-page-grid .order-btn:hover{background:var(--primary-700);transform:translateY(-1px)}.bf-root .bf-page-grid .order-btn svg{width:12px;height:12px}.bf-root .bf-card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.bf-root .bf-svc-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;gap:10px;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.bf-root .bf-svc-card:hover{box-shadow:var(--shadow);border-color:var(--primary-100);transform:translateY(-3px)}.bf-root .bf-svc-card-head{justify-content:space-between;align-items:center;display:flex}.bf-root .bf-svc-card-title{color:var(--ink);letter-spacing:-.01em;margin:0;font-size:14.5px;font-weight:700;line-height:1.4}.bf-root .bf-svc-card-foot{justify-content:space-between;align-items:flex-end;gap:10px;margin-top:auto;padding-top:8px;display:flex}.bf-root .bf-empty{text-align:center;color:var(--mute);padding:80px 20px;display:none}.bf-root .bf-empty.show{display:block}.bf-root .bf-empty svg{width:48px;height:48px;color:var(--mute-2);margin:0 auto 16px}.bf-root .bf-empty h3{color:var(--ink);margin:0 0 6px;font-size:18px;font-weight:700}.bf-root .bf-empty p{margin:0;font-size:14px}.bf-root.bf-embedded .bf-toolbar-wrap{-webkit-backdrop-filter:none;border-bottom:1px solid var(--line);background:0 0;position:static}.bf-root.bf-embedded .bf-page-grid{padding:24px 0 32px}@media (max-width:1024px){.bf-root .bf-page-grid{grid-template-columns:1fr;gap:20px}.bf-root .bf-sidebar{flex-wrap:wrap;padding:8px;display:flex}.bf-root .bf-side-group{flex:1;min-width:200px}.bf-root .bf-side-banner{flex-basis:100%}}@media (max-width:768px){.bf-root .bf-cat-list{display:none}.bf-root .bf-cat-select-wrap{display:block}.bf-root .bf-toolbar-wrap{position:static}.bf-root .bf-toolbar{gap:10px;padding:14px 0}.bf-root .bf-search{min-width:100%}.bf-root .bf-sortbox,.bf-root .bf-view-toggle{flex-shrink:0}.bf-root table.bf-services thead{display:none}.bf-root table.bf-services tbody td{border-bottom:none;padding:6px 16px;display:block}.bf-root table.bf-services tbody tr{border-bottom:1px solid var(--line);padding:14px 0;display:block}.bf-root table.bf-services tbody tr:last-child{border-bottom:none}.bf-root table.bf-services td.id{padding-bottom:6px!important;display:inline-block!important}.bf-root table.bf-services td.actions{text-align:left;padding-top:12px!important}.bf-root table.bf-services td.range,.bf-root table.bf-services td.rate{margin-right:16px;padding-top:8px!important;display:inline-block!important}.bf-root .bf-card-grid{grid-template-columns:1fr}}.bf-root .bf-virtual-scroller{-webkit-overflow-scrolling:touch;contain:strict;overflow:hidden auto}.bf-root .bf-services-vhead,.bf-root .bf-services-vrow{grid-template-columns:80px minmax(0,1fr) 150px 170px 110px 130px;align-items:center;gap:0;display:grid}.bf-root .bf-services-vhead{letter-spacing:.08em;text-transform:uppercase;color:var(--mute);border-bottom:1px solid var(--line);background:#fafbfc;padding:14px 16px;font-size:11px;font-weight:700}.bf-root .bf-services-vhead .vc-actions{text-align:right}.bf-root .bf-services-vrow{border-bottom:1px solid var(--line-2);background:#fff;padding:16px;font-size:14px;transition:background .12s}.bf-root .bf-services-vrow:hover{background:color-mix(in oklab, var(--primary,#6366f1) 4%, white)}.bf-root .bf-services-vrow .vc-id{font-family:var(--mono);color:var(--mute);font-size:12.5px;font-weight:600}.bf-root .bf-services-vrow .vc-service{min-width:0}.bf-root .bf-services-vrow .vc-service .svc-name{align-items:center;gap:12px;display:flex}.bf-root .bf-services-vrow .vc-service .svc-text{min-width:0}.bf-root .bf-services-vrow .vc-service .svc-title{color:var(--ink);letter-spacing:-.005em;text-overflow:ellipsis;margin-bottom:3px;font-size:14px;font-weight:600;overflow:hidden}.bf-root .bf-services-vrow .vc-rate{font-family:var(--mono);font-variant-numeric:tabular-nums}.bf-root .bf-services-vrow .vc-range{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink-2);font-size:12.5px}.bf-root .bf-services-vrow .vc-range .row{align-items:baseline;gap:6px;display:flex}.bf-root .bf-services-vrow .vc-range .lab{color:var(--mute);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-family:var(--bf-font);min-width:30px;font-weight:600}.bf-root .bf-services-vrow .vc-actions{text-align:right}@media (max-width:768px){.bf-root .bf-services-vhead{display:none}.bf-root .bf-services-vrow{flex-direction:column;align-items:stretch;gap:8px;padding:14px 16px;display:flex}.bf-root .bf-services-vrow .vc-actions{text-align:left}.bf-root .bf-services-vrow .vc-range{flex-wrap:wrap;gap:16px;display:flex}}
