.feed-top-tools{display:flex!important;gap:5px}
.feed-catalog-icon,.feed-profile-icon,.feed-gift-icon,.feed-theme-icon,.feed-search-icon{width:42px;height:42px;display:grid;place-items:center;border:0;color:#fff;font-size:20px;pointer-events:auto}
.feed-catalog-icon{background:transparent;filter:drop-shadow(0 2px 5px rgba(0,0,0,.75));font-size:22px}
.feed-catalog-icon:active{transform:scale(.94)}
.feed-profile-icon,.feed-gift-icon,.feed-theme-icon,.feed-search-icon{background:transparent;filter:drop-shadow(0 2px 5px rgba(0,0,0,.75))}
.feed-gift-icon{color:#facc15}
.feed-profile-icon img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.9)}
.feed-logo-slot{width:auto!important;flex:1 1 auto}

.catalog-page{--catalog-bg:#080a0e;--catalog-surface:#11161e;--catalog-surface-2:#151c26;--catalog-text:#fff;--catalog-muted:#aeb8c7;--catalog-border:#303846;--catalog-header:rgba(8,10,14,.96);position:fixed;inset:0;z-index:90;overflow-y:auto;background:var(--catalog-bg);color:var(--catalog-text);color-scheme:dark;transition:background .2s,color .2s}
.catalog-page.is-light{--catalog-bg:#f5f7fb;--catalog-surface:#fff;--catalog-surface-2:#eef3fa;--catalog-text:#172033;--catalog-muted:#667085;--catalog-border:#d6deea;--catalog-header:rgba(245,247,251,.96);color-scheme:light}
.catalog-header{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:calc(env(safe-area-inset-top,0px) + 8px) 10px 8px;background:var(--catalog-header);border-bottom:1px solid var(--catalog-border);backdrop-filter:blur(14px)}
.catalog-header h1{text-align:center;font-size:18px;font-weight:800}
.catalog-header button{width:40px;height:40px;border:0;border-radius:11px;background:transparent;color:var(--catalog-text);font-size:19px}
.catalog-theme-toggle{border:1px solid var(--catalog-border)!important;background:var(--catalog-surface)!important;color:#f5a524!important}
.catalog-body{width:min(100%,760px);margin:auto;padding:16px 14px calc(30px + env(safe-area-inset-bottom,0px))}
.catalog-label{display:block;margin:8px 0;color:var(--catalog-muted);font-size:13px;font-weight:700}
.catalog-select{width:100%;padding:13px 12px;border:1px solid var(--catalog-border);border-radius:11px;background:var(--catalog-surface);color:var(--catalog-text)}
.catalog-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.catalog-category-grid button{min-height:104px;padding:12px 6px;border:1px solid var(--catalog-border);border-radius:16px;background:var(--catalog-surface);color:var(--catalog-text);box-shadow:0 4px 14px rgba(0,0,0,.08);transition:transform .15s,border-color .15s,background .15s}
.catalog-category-grid button:active{transform:scale(.97)}
.catalog-category-grid button.active{border-color:#2684ff;background:color-mix(in srgb,#2684ff 15%,var(--catalog-surface))}
.catalog-category-grid span,.catalog-category-grid i{display:block;font-size:38px;line-height:1}
.catalog-category-grid strong{display:block;margin-top:10px;font-size:13px;line-height:1.2}
.catalog-sub-level{margin-top:10px}
.catalog-apply{position:sticky;bottom:12px;width:100%;margin-top:18px;padding:15px;border:0;border-radius:12px;background:#2378ec;color:#fff;font-weight:800;box-shadow:0 8px 24px rgba(35,120,236,.28)}
.catalog-result-head{display:flex;justify-content:space-between;align-items:center;margin:8px 0 14px}
.catalog-result-head button{border:0;background:transparent;color:#2684ff}
.catalog-sort-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;color:var(--catalog-muted);font-size:13px;font-weight:700}
.catalog-sort-row select{max-width:210px;padding:9px 30px 9px 11px;border:1px solid var(--catalog-border);border-radius:9px;background:var(--catalog-surface);color:var(--catalog-text);font-size:12px;font-weight:700;outline:none}
.catalog-sort-row select:disabled{opacity:.6}
.catalog-page.is-light .search-empty-state{color:#667085}
.catalog-staff-tools{display:grid;gap:8px;margin:0 0 16px}.catalog-staff-tools button{display:grid;grid-template-columns:42px minmax(0,1fr) 22px;grid-template-rows:auto auto;gap:2px 10px;align-items:center;width:100%;padding:10px 12px;border:1px solid var(--catalog-border);border-radius:13px;background:var(--catalog-surface);color:var(--catalog-text);text-align:left}.catalog-staff-tools button>span{grid-row:1/3;display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:color-mix(in srgb,#f5b700 18%,var(--catalog-surface-2));color:#f5b700;font-size:19px}.catalog-staff-tools button>b{align-self:end;font-size:14px}.catalog-staff-tools button>small{align-self:start;color:var(--catalog-muted);font-size:11px;line-height:1.3}.catalog-staff-tools button>i{grid-column:3;grid-row:1/3;color:var(--catalog-muted)}
@media(min-width:700px){.catalog-category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.catalog-about-link{display:grid;grid-template-columns:42px minmax(0,1fr) 22px;grid-template-rows:auto auto;gap:2px 10px;align-items:center;margin:0 0 16px;padding:10px 12px;border:1px solid var(--catalog-border);border-radius:13px;background:var(--catalog-surface);color:var(--catalog-text);text-decoration:none}.catalog-about-link>span{grid-row:1/3;display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:color-mix(in srgb,#3b82f6 16%,var(--catalog-surface-2));color:#3b82f6}.catalog-about-link>b{align-self:end}.catalog-about-link>small{align-self:start;color:var(--catalog-muted);font-size:11px}.catalog-about-link>i{grid-column:3;grid-row:1/3;color:var(--catalog-muted)}
.catalog-business-link{margin-top:-8px}.catalog-business-link>span{background:color-mix(in srgb,#22c55e 17%,var(--catalog-surface-2));color:#22c55e}.catalog-business-link:active{transform:scale(.99)}
.catalog-it-link{width:100%;margin-top:-8px;font:inherit;text-align:left;cursor:pointer}.catalog-it-link>span{background:color-mix(in srgb,#8b5cf6 18%,var(--catalog-surface-2));color:#8b5cf6}.it-tools-page{display:grid;gap:14px}.it-tools-hero{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid var(--catalog-border);border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,#7c3aed 22%,var(--catalog-surface)),var(--catalog-surface))}.it-tools-hero>i{font-size:32px;color:#a78bfa}.it-tools-hero h2{font-size:20px;font-weight:900}.it-tools-hero p,.it-tool-card header p{color:var(--catalog-muted);font-size:12px}.it-tool-card{padding:15px;border:1px solid var(--catalog-border);border-radius:16px;background:var(--catalog-surface)}.it-tool-card header{display:flex;align-items:center;gap:11px;margin-bottom:13px}.it-tool-card header>span{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border-radius:13px;background:color-mix(in srgb,#2563eb 18%,var(--catalog-surface-2));color:#60a5fa;font-size:20px}.it-tool-card header h3{font-weight:900}.it-tool-card textarea{width:100%;min-height:94px;padding:12px;border:1px solid var(--catalog-border);border-radius:11px;background:var(--catalog-surface-2);color:var(--catalog-text);resize:vertical}.it-tool-actions{display:flex;gap:8px;margin-top:10px}.it-tool-actions button{padding:10px 13px;border:0;border-radius:10px;background:#2563eb;color:#fff;font-weight:800;cursor:pointer}.it-tool-actions button.secondary{background:var(--catalog-surface-2);color:var(--catalog-text);border:1px solid var(--catalog-border)}.it-tool-status{margin-top:8px;color:#22c55e;font-size:12px;font-weight:800}.it-qr-preview{display:block;width:min(260px,100%);margin:14px auto 0;padding:10px;border-radius:12px;background:#fff}.admin-tool header>span{background:rgba(239,68,68,.15);color:#ef4444}.it-tool-note{display:flex;gap:9px;padding:11px;border-radius:10px;background:color-mix(in srgb,#f59e0b 13%,var(--catalog-surface-2));color:var(--catalog-muted);font-size:12px;line-height:1.45}.it-tool-note i{color:#f59e0b}
.admin-tool input{width:100%;margin-bottom:8px;padding:11px;border:1px solid var(--catalog-border);border-radius:10px;background:var(--catalog-surface-2);color:var(--catalog-text)}
.youtube-result-actions{flex-wrap:wrap}.youtube-result-actions a,.youtube-result-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:10px 13px;border:0;border-radius:10px;background:#2563eb;color:#fff;text-decoration:none;font-weight:800;cursor:pointer}.youtube-result-actions a:nth-child(2){background:#15803d}.youtube-result-actions button.danger{background:#b91c1c}
.it-youtube-poster{display:block;width:min(420px,100%);max-height:236px;object-fit:cover;margin:12px auto 0;border:1px solid var(--catalog-border);border-radius:12px;background:#000}
.youtube-cookie-box{margin:0 0 12px;padding:11px;border:1px solid #92400e;border-radius:12px;background:color-mix(in srgb,#f59e0b 11%,var(--catalog-surface-2))}.youtube-cookie-box.is-ready{border-color:#15803d;background:color-mix(in srgb,#22c55e 10%,var(--catalog-surface-2))}.youtube-cookie-box>div:first-child{display:flex;align-items:center;gap:9px}.youtube-cookie-box>div:first-child>i{font-size:21px;color:#f59e0b}.youtube-cookie-box.is-ready>div:first-child>i{color:#22c55e}.youtube-cookie-box span{display:grid}.youtube-cookie-box small{color:var(--catalog-muted);font-size:10px}.youtube-cookie-box p{margin-top:8px;color:#60a5fa;font-size:11px;font-weight:700}.youtube-cookie-upload{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border-radius:10px;background:#2563eb;color:#fff;font-weight:800;cursor:pointer}.youtube-cookie-box .danger{background:#b91c1c}