@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;600;800;900&display=swap";
:root{--bg-app:#030712;--bg-sidebar:#0b1329;--bg-surface:#111e38;--bg-input:#030712;--border-color:#ffffff14;--border-hover:#06b6d4;--accent:#06b6d4;--accent-gradient:linear-gradient(135deg, #06b6d4 0%, #3b82f6 50%, #8b5cf6 100%);--text-main:#f8fafc;--text-muted:#94a3b8;--shadow-sm:0 4px 12px #00000080;--shadow-md:0 12px 36px #000000b3;--border-radius-lg:16px;--border-radius-md:10px;--border-radius-sm:8px}[data-theme=light]{--bg-app:#f4f4f7;--bg-sidebar:#fff;--bg-surface:#fff;--bg-input:#f4f4f7;--border-color:#e2e2e7;--border-hover:#e50914;--text-main:#1c1c1e;--text-muted:#6e6e73;--shadow-sm:0 4px 12px #0000000a;--shadow-md:0 8px 24px #0000000f}[data-theme=light] .brand{text-shadow:none}[data-theme=light] .nav-item:hover{color:var(--text-main);background:#00000008}[data-theme=light] .facebook-preview{background:#fff;border-color:#ced0d4}[data-theme=light] .fb-header{border-bottom-color:#ebedf0}[data-theme=light] .fb-username{color:#050505}[data-theme=light] .fb-meta{color:#65676b}[data-theme=light] .fb-caption{color:#050505}[data-theme=light] .fb-footer{background:#f0f2f5;border-top-color:#ced0d4;border-bottom-color:#ced0d4}[data-theme=light] .fb-action-btn{color:#65676b}[data-theme=light] .fb-action-btn:hover{color:#050505;background:#f2f3f5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-main);min-height:100vh;font-family:Outfit,-apple-system,sans-serif;overflow:hidden auto}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#222225;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ff3b30}.app-container{background:var(--bg-app);grid-template-columns:280px 1fr;width:100vw;height:100vh;display:grid}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-color);flex-direction:column;height:100%;padding:32px 24px;display:flex;overflow-y:auto}.brand{letter-spacing:-.03em;color:var(--text-main);text-shadow:0 0 12px #e509144d;align-items:center;gap:12px;margin-bottom:36px;font-size:19px;font-weight:900;display:flex;position:relative}.brand-dot{background:#e50914;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 8px #e50914}.nav-menu{flex-direction:column;flex-grow:1;gap:6px;display:flex}.nav-item{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.nav-item:hover{color:#fff;background:#ffffff05}.nav-item.active{color:#ff3b30;background:#e5091414;border-color:#e509142e;box-shadow:0 4px 12px #e509140d}.queue-count-badge{background:var(--accent-gradient);color:#fff;border-radius:20px;margin-left:auto;padding:1px 8px;font-size:11px;font-weight:800;box-shadow:0 0 8px #e5091466}.sidebar-settings{border-top:1px solid var(--border-color);flex-direction:column;gap:10px;padding-top:24px;display:flex}.settings-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;font-size:11px;font-weight:900;display:flex}.settings-input{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:13px;transition:all .2s}.settings-input:focus{border-color:#ff3b30;box-shadow:0 0 8px #e5091440}.content-main{flex-direction:column;height:100vh;padding:36px 40px;display:flex;overflow-y:auto}.main-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:20px;display:flex}.breadcrumbs{align-items:center;gap:8px;font-size:13.5px;display:flex}.crumb-parent{color:var(--text-muted);font-weight:500}.crumb-sep{color:#ffffff1a;font-size:11px}.crumb-active{color:var(--text-main);font-weight:700}.status-light{background:#e50914;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 8px #e50914}.status-text{color:#ff3b30;margin-left:6px;font-size:12.5px;font-weight:700}.controls-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);align-items:flex-end;gap:20px;margin-bottom:28px;padding:24px;display:flex}.controls-fields{flex-wrap:wrap;flex-grow:1;gap:16px;display:flex}.control-group{flex-direction:column;gap:6px;display:flex}.control-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:900}.control-group select,.control-group input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-main);outline:none;min-width:130px;height:42px;padding:10px 14px;font-size:13.5px;font-weight:500;transition:all .2s}.control-group select:focus,.control-group input:focus{border-color:#ff3b30;box-shadow:0 0 8px #e5091433}.control-group.search-input-group{flex-grow:1}.btn{background:var(--accent-gradient);border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;height:42px;padding:10px 20px;font-size:13px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #e5091433}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #e5091473}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;padding-bottom:40px;display:grid}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md), 0 0 0 1px #e5091433;transform:translateY(-3px)}.card img{aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--border-color);width:100%}.card-body{flex-direction:column;flex-grow:1;gap:14px;padding:20px;display:flex}.card-body h3{color:var(--text-main);font-size:15px;font-weight:700;line-height:1.4}.pill{border:1px solid var(--border-color);color:var(--text-muted);text-transform:capitalize;background:#ffffff05;border-radius:30px;align-items:center;gap:5px;padding:4px 10px;font-size:10.5px;font-weight:700;display:inline-flex}.tag-pill{transition:all .15s;background:var(--bg-input)!important;color:var(--text-muted)!important;border:1px solid var(--border-color)!important}.tag-pill:hover{color:#fff!important;background:#e509140d!important;border-color:#e5091466!important}.tag-pill.active-tag{font-weight:800;box-shadow:0 0 8px #e5091426;color:#ff3b30!important;background:#e509141f!important;border-color:#e5091480!important}.pill.score{border-color:var(--border-color);color:#fff;background:#ffffff0d}.pill.score-high{color:#ff5f56;background:#ff5f5614;border-color:#ff5f5633}.pill.score-extreme{color:#ff3b30;background:#e509141f;border-color:#e5091459;animation:1.5s infinite alternate pulse-border}.pill.risk{color:#fca5a5;background:#e5091426;border-color:#e5091459}@keyframes pulse-border{0%{border-color:#e5091433}to{border-color:#e50914b3}}.meter-track{background:#151518;border-radius:4px;width:100%;height:5px;position:relative;overflow:hidden}.meter-fill{background:var(--accent-gradient);border-radius:4px;height:100%;transition:width .35s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #e50914b3}.panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);margin-top:12px;padding:28px 28px 40px}.panel h2{align-items:center;gap:10px;margin-bottom:20px;font-size:19px;font-weight:800;display:flex}.idea{border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:#ffffff03;flex-direction:column;gap:12px;margin-bottom:16px;padding:20px;transition:all .2s;display:flex}.idea:hover{border-color:var(--border-hover);background:#ffffff04}.idea-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.idea-content{background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;padding:14px}.idea-tip{color:var(--text-muted);align-items:flex-start;gap:8px;font-size:12.5px;display:flex}.idea-tip svg{flex-shrink:0;margin-top:2px}.keyword-cloud{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.keyword-pill{border:1px solid var(--border-color);background:#0d0d0e;border-radius:8px;align-items:center;gap:10px;padding:14px 20px;font-size:14.5px;font-weight:700;transition:all .2s;display:inline-flex}.keyword-pill:hover{background:#e509140a;border-color:#e509144d;transform:translateY(-2px)}.keyword-value{background:var(--accent-gradient);color:#fff;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:800}.error{color:#ff5f56;border-radius:var(--border-radius-md);background:#e509140d;border:1px solid #e5091426;align-items:center;gap:12px;margin-bottom:24px;padding:16px;font-size:13.5px;font-weight:500;display:flex}.muted{color:var(--text-muted);font-size:13px}.card-body a{color:#ff3b30;align-self:flex-start;align-items:center;gap:5px;font-size:12.5px;font-weight:700;text-decoration:none;transition:color .15s;display:inline-flex}.card-body a:hover{color:#ff5f56}.fb-play-overlay{opacity:0;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.card:hover .fb-play-overlay{opacity:1}.facebook-preview{border-radius:var(--border-radius-md);background:#18191a;border:1px solid #ffffff0d;flex-direction:column;display:flex;overflow:hidden}.fb-header{border-bottom:1px solid #ffffff08;align-items:center;gap:10px;padding:14px 16px;display:flex}.fb-avatar{background:#1877f2;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.fb-username{color:#e4e6eb;font-size:13.5px;font-weight:700}.fb-meta{color:#b0b3b8;font-size:11px}.fb-caption{color:#e4e6eb;white-space:pre-wrap;padding:10px 16px;font-size:13px;line-height:1.5}.fb-media-container{aspect-ratio:16/9;background:#000;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.fb-media-container img{object-fit:cover;width:100%;height:100%}.fb-footer{background:#ffffff03;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;justify-content:space-around;padding:8px 0;display:flex}.fb-action-btn{color:#b0b3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:background .15s;display:flex}.fb-action-btn:hover{color:#e4e6eb;background:#ffffff0d}.adsense-leaderboard-mock{background:var(--bg-surface);border:1px dashed var(--border-color);border-radius:var(--border-radius-md);text-align:center;margin-bottom:24px;padding:12px;position:relative}.adsense-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.08em;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.adsense-box{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);height:90px;color:var(--text-muted);justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex}