@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css);body{margin:0}:root{--bg-primary:#07070f;--bg-secondary:#0d0d1a;--surface-card:#131324;--surface-card-hover:#1a1a32;--glass-bg:hsla(0,0%,100%,.035);--glass-border:#ffffff17;--border-subtle:#ffffff12;--border-strong:#ffffff24;--text-primary:#eef0f8;--text-secondary:#8a95b0;--text-muted:#525e78;--brand-purple:#8b5cf6;--brand-purple-dim:#8b5cf626;--brand-cyan:#06b6d4;--brand-amber:#f59e0b;--success:#22c55e;--danger:#ef4444;--radius-card:16px;--radius-sm:10px}*{box-sizing:border-box;margin:0;padding:0}body{color:#eef0f8;color:var(--text-primary);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app,body{background:#07070f;background:var(--bg-primary)}.app{min-height:100vh}.header{background:#0d0d1a;background:var(--bg-secondary);border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-subtle);justify-content:space-between;padding:14px 24px}.header,.logo{align-items:center;display:flex}.logo{gap:10px}.logo-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a78bfa);background:linear-gradient(135deg,var(--brand-purple),#a78bfa);border-radius:10px;box-shadow:0 2px 8px #8b5cf659;color:#fff;display:flex;flex-shrink:0;font-size:15px;font-weight:700;height:34px;justify-content:center;transition:box-shadow .18s,transform .18s;width:34px}.sidebar-logo:hover .logo-icon{box-shadow:0 4px 16px #8b5cf68c;transform:scale(1.06)}.logo-text{color:#eef0f8;color:var(--text-primary);font-size:15px;font-weight:700;letter-spacing:-.2px;white-space:nowrap}.api-badge{align-items:center;background:#131324;background:var(--surface-card);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-sm);display:flex;gap:8px;padding:6px 12px}.api-badge.saved{border-color:#22c55e66}.api-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.api-dot.on{background:#22c55e;background:var(--success)}.api-dot.off{background:#555}.api-key-status{align-items:center;display:inline-flex;gap:3px;margin-left:6px}.api-key-dot{border-radius:50%;flex-shrink:0;height:6px;transition:background .2s;width:6px}.api-key-dot.active{background:#a78bfa;box-shadow:0 0 4px #a78bfa}.api-key-dot.ready{background:#3f3f60}.api-key-dot.burned{background:#ef4444}.api-input{background:#0000;border:none;color:#ccc;font-size:13px;outline:none;width:260px}.api-input::placeholder{color:#555}.btn-save,.btn-show{align-items:center;background:#ffffff0f;border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:6px;color:#8a95b0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;gap:4px;padding:5px 10px;transition:background .15s,color .15s}.btn-show:hover{background:#ffffff1a;color:#eef0f8;color:var(--text-primary)}.btn-save{background:#8b5cf626;border-color:#8b5cf64d;color:#a78bfa}.btn-save:hover{background:#8b5cf640;color:#c4b5fd}.btn-reset-burned{align-items:center;background:#ef44441f;border:1px solid #ef44444d;border-radius:6px;color:#f87171;cursor:pointer;display:flex;font-size:11px;gap:4px;padding:4px 8px;transition:background .15s;white-space:nowrap}.btn-reset-burned:hover{background:#ef444438;color:#fca5a5}.search-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293b99;border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-card);margin-bottom:32px;padding:16px 20px}.search-row{display:flex;gap:10px;margin-bottom:10px}.search-input{background:#334155;border:1px solid #ffffff24;border:1px solid var(--border-strong);border-radius:16px;border-radius:var(--radius-card);color:#eef0f8;color:var(--text-primary);flex:1 1;font-size:15px;outline:none;padding:11px 16px;transition:border .2s,box-shadow .2s}.search-input:focus{border-color:#8b5cf6;border-color:var(--brand-purple);box-shadow:0 0 0 3px #8b5cf626}.search-input::placeholder{color:#525e78;color:var(--text-muted)}.btn-search{background:linear-gradient(135deg,#8b5cf6,#a78bfa);background:linear-gradient(135deg,var(--brand-purple),#a78bfa);border:none;border-radius:16px;border-radius:var(--radius-card);box-shadow:0 4px 20px #8b5cf640;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px 26px;transition:filter .2s,box-shadow .2s;white-space:nowrap}.btn-search:hover{box-shadow:0 6px 28px #8b5cf666;filter:brightness(1.1)}.btn-search:disabled{background:#525e78;background:var(--text-muted);box-shadow:none;cursor:not-allowed}.filters{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-bottom:14px}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-label{color:#555;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.filter-input,.filter-select{background:#334155;border:1px solid #ffffff24;border:1px solid var(--border-strong);border-radius:10px;border-radius:var(--radius-sm);color:#eef0f8;color:var(--text-primary);cursor:pointer;font-size:13px;outline:none;padding:8px 10px}.filter-input:focus,.filter-select:focus{border-color:#8b5cf6;border-color:var(--brand-purple)}.action-row{border-top:1px solid #1a1a1a;flex-wrap:wrap;gap:12px 24px;margin-top:14px;padding-top:14px}.action-row,.cc-toggle{align-items:center;display:flex}.cc-toggle{color:#aaa;cursor:pointer;font-size:13px;gap:8px}.cc-toggle input{accent-color:#e8483a;cursor:pointer}.results-header{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;margin-top:8px;padding:0 4px}.results-header-left{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.results-title{color:#555;font-size:12px;line-height:1.6}.results-count{background:#f5c8421a;border:1px solid #f5c84240;border-radius:99px;color:#f5c842;font-size:11px;font-weight:800;padding:2px 10px;white-space:nowrap}.results-sort-tabs{display:flex;flex-wrap:wrap;gap:6px}.sort-tab{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:99px;color:#6b7280;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:all .15s;white-space:nowrap}.sort-tab:hover{border-color:#f5c84266;color:#f5c842}.sort-tab.active{background:#f5c8421f;border-color:#f5c84273;box-shadow:0 0 10px #f5c84226;color:#f5c842;font-weight:800}.btn-back-home{display:none}@media (min-width:768px){.btn-back-home{align-items:center;background:#7c3aed26;border:1px solid #a78bfa4d;border-radius:99px;color:#c4b5fd;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 12px;transition:all .15s}.btn-back-home:hover{background:#7c3aed47;border-color:#a78bfa8c;color:#ede9fe;transform:translateY(-1px)}}.mobile-home-fab{align-items:center;animation:dashFadeUp .25s ease both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#140f28d9;border:2px solid #a78bfa66;border-radius:50%;bottom:80px;box-shadow:0 4px 20px #7c3aed73;cursor:pointer;display:flex;height:56px;justify-content:center;padding:0;position:fixed;right:16px;transition:transform .15s,box-shadow .15s;width:56px;z-index:950}.mobile-home-fab:active{box-shadow:0 2px 12px #7c3aed99;transform:scale(.92)}.mobile-home-fab-img{height:32px;object-fit:contain;width:32px}.fab-home{align-items:center;animation:dashFadeUp .3s ease both;background:linear-gradient(135deg,#7c3aed,#a78bfa);border:none;border-radius:50%;bottom:72px;box-shadow:0 4px 20px #7c3aed80;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;position:fixed;right:16px;transition:transform .15s,box-shadow .15s;width:48px;z-index:900}.fab-home:active,.fab-home:hover{box-shadow:0 6px 28px #7c3aedb3;transform:scale(1.1)}@media (min-width:768px){.fab-home{display:none}}.loading-bar{background:#1a1a1a;border-radius:2px;height:3px;margin-bottom:12px;overflow:hidden}.loading-fill{animation:load 1.5s ease-in-out infinite;background:#e8483a;border-radius:2px;height:100%}@keyframes load{0%{margin-left:0;width:0}50%{margin-left:20%;width:60%}to{margin-left:100%;width:0}}.empty-banner{display:flex;justify-content:center;padding:32px 16px}.empty-banner-inner{align-items:center;background:linear-gradient(135deg,#12111a,#1a1728 60%,#0f1020);border:1px solid #8b5cf640;border-radius:20px;box-shadow:0 8px 40px #00000073,0 0 0 1px #8b5cf61a;display:flex;gap:48px;max-width:860px;overflow:hidden;padding:40px 48px;position:relative;width:100%}.empty-banner-inner:before{background:radial-gradient(circle,#8b5cf626 0,#0000 70%);content:"";height:220px;pointer-events:none;position:absolute;right:-60px;top:-60px;width:220px}.empty-banner-img-wrap{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:180px}.empty-banner-img{filter:drop-shadow(0 8px 24px rgba(139,92,246,.3));height:200px;object-fit:contain;width:160px}.empty-banner-content{display:flex;flex-direction:column;gap:14px;min-width:0}.empty-banner-tag{color:#7c6af5;font-size:10px;font-weight:700;letter-spacing:2px;opacity:.8}.empty-banner-headline{color:#fff;font-size:26px;font-weight:800;letter-spacing:-.5px;line-height:1.3;margin:0}.empty-banner-desc{color:#8a95b0;color:var(--text-secondary);font-size:14px;line-height:1.7;margin:0}.empty-banner-cta{align-items:center;background:linear-gradient(135deg,#7c3aed,#5b21b6);border-radius:10px;box-shadow:0 4px 16px #7c3aed66;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:6px;margin-top:4px;padding:12px 24px;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;width:-webkit-fit-content;width:fit-content}.empty-banner-cta:hover{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 8px 24px #7c3aed8c;transform:translateY(-2px)}@media (max-width:640px){.empty-banner{padding:20px 12px}.empty-banner-inner{align-items:center;flex-direction:column;gap:24px;padding:32px 24px;text-align:center}.empty-banner-img-wrap{width:140px}.empty-banner-img{height:162px;width:130px}.empty-banner-headline{font-size:22px}.empty-banner-cta{justify-content:center;width:100%}}.table-wrap{background:#111;border:1px solid #1e1e1e;border-radius:16px;border-radius:var(--radius-card);margin-bottom:12px;overflow:hidden}.table-head{background:#161616;border-bottom:1px solid #1e1e1e;display:grid;grid-template-columns:48px 70px 72px 1fr 90px 90px 70px 80px 90px;padding:10px 16px}.th{color:#ccc;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.th.right{text-align:right}.th.sortable{cursor:pointer;transition:color .15s;-webkit-user-select:none;user-select:none}.th.sortable:hover{color:#aaa}.th.sortable.active{color:#a78bfa}.sort-icon{font-size:10px;opacity:.7}.table-row{align-items:center;border-bottom:1px solid #161616;cursor:pointer;display:grid;grid-template-columns:48px 70px 72px 1fr 90px 90px 70px 80px 90px;padding:10px 16px;transition:background .1s}.table-row:hover{background:#161616}.table-row.selected{background:#1a1a2e}.table-row:last-child{border-bottom:none}.rank{color:#555;font-size:13px;font-weight:500;padding-top:2px}.type-badge{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:6px;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.01em;outline:.5px solid #ffffff1f;padding:4px 10px;text-shadow:1px 1px 2px #000c}.shorts{background:#2d1515cc;border:1px solid #f8717159;color:#fca5a5}.longform{background:#152334cc;border:1px solid #60a5fa59;color:#93c5fd}.thumb{border:1px solid #222;border-radius:5px;cursor:pointer;height:34px;object-fit:cover;transition:opacity .2s;width:60px}.thumb:hover{opacity:.8}.thumb-empty{background:#1a1a1a;border:1px solid #222;border-radius:5px;height:34px;width:60px}.video-info{min-width:0;padding-right:12px}.video-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#ddd;display:-webkit-box;font-size:13px;line-height:1.5;margin-bottom:3px;overflow:hidden;word-break:break-word}.video-channel{color:#555;font-size:11px}.stat{color:#aaa;font-size:13px;padding-top:2px;text-align:right}.stat.highlight{color:#a78bfa;font-weight:600}.date{color:#555;font-size:12px;padding-top:3px;text-align:right}.popup-overlay{background:#000000d9;box-sizing:border-box;gap:16px;inset:0;padding:24px;position:fixed;z-index:10000}.popup-nav,.popup-overlay{align-items:center;display:flex;justify-content:center}.popup-nav{background:#1e293bcc;border:1px solid #ffffff24;border:1px solid var(--border-strong);border-radius:50%;color:#eef0f8;color:var(--text-primary);cursor:pointer;flex-shrink:0;font-size:26px;height:48px;line-height:1;transition:background .15s,border-color .15s,box-shadow .15s;width:48px}.popup-nav:hover{background:#8b5cf6;background:var(--brand-purple);border-color:#8b5cf6;border-color:var(--brand-purple);box-shadow:0 0 16px #8b5cf680}@media (max-width:760px){.popup-nav{font-size:20px;height:36px;width:36px}}.popup-position{background:#ffffff0f;border-radius:999px;color:#8a95b0;color:var(--text-secondary);font-size:12px;font-weight:700;left:16px;padding:4px 10px;position:absolute;top:14px;z-index:1}.btn-next-video{background:#8b5cf6;background:var(--brand-purple);border:none;border-radius:10px;border-radius:var(--radius-sm);box-shadow:0 0 14px #8b5cf666;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:10px 18px;transition:filter .15s,box-shadow .15s}.btn-next-video:hover{box-shadow:0 0 20px #8b5cf699;filter:brightness(1.1)}.btn-popup-sub{background:#ffffff0f;border:1px solid #ffffff24;border:1px solid var(--border-strong);border-radius:10px;border-radius:var(--radius-sm);color:#eef0f8;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:700;padding:10px 18px;transition:background .15s,border-color .15s}.btn-popup-sub:hover{background:#8b5cf626;border-color:#8b5cf6;border-color:var(--brand-purple)}.btn-popup-original{background:#ffffff0f;border:1px solid #ffffff24;border:1px solid var(--border-strong);border-radius:10px;border-radius:var(--radius-sm);color:#eef0f8;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:700;padding:10px 18px;transition:background .15s,border-color .15s;white-space:nowrap}.btn-popup-original.active,.btn-popup-original:hover{background:#10b98126;border-color:#10b981;color:#6ee7b7}.btn-popup-original:disabled{cursor:default;opacity:.6}.comment-panel{background:#a855f70a;border:1px solid #a855f740;border-radius:12px;margin-top:14px;overflow:hidden}.comment-panel-header{align-items:center;border-bottom:1px solid #a855f726;display:flex;justify-content:space-between;padding:10px 14px}.comment-panel-title{color:#eef0f8;color:var(--text-primary);font-size:13px;font-weight:700}.comment-panel-loading{color:#525e78;color:var(--text-muted);font-size:13px;padding:16px 14px}.comment-sentiment{padding:12px 14px 8px}.sentiment-bar{border-radius:99px;display:flex;gap:2px;height:10px;margin-bottom:8px;overflow:hidden}.sentiment-seg{border-radius:99px;transition:width .5s ease}.sentiment-seg.pos{background:#22c55e}.sentiment-seg.neu{background:#6b7280}.sentiment-seg.neg{background:#ef4444}.sentiment-legend{align-items:center;color:#525e78;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:11px;gap:10px}.s-dot{border-radius:50%;display:inline-block;height:8px;width:8px}.pos-dot{background:#22c55e}.neu-dot{background:#6b7280}.neg-dot{background:#ef4444}.s-total{color:#525e78;color:var(--text-muted);font-size:10px;margin-left:auto}.comment-keywords{padding:4px 14px 10px}.comment-section-label{color:#525e78;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.keyword-chips{display:flex;flex-wrap:wrap;gap:6px}.keyword-chip{background:#1a1a32;background:var(--surface-card-hover);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:99px;color:#8a95b0;color:var(--text-secondary);font-size:12px;padding:3px 10px}.keyword-chip em{color:#525e78;color:var(--text-muted);font-size:10px;font-style:normal;margin-left:3px}.comment-top3{padding:4px 14px 14px}.top-comment{align-items:flex-start;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-subtle);display:flex;gap:10px;padding:8px 0}.top-comment:last-child{border-bottom:none}.top-comment-rank{color:#8b5cf6;color:var(--brand-purple);font-size:12px;font-weight:800;min-width:22px;padding-top:1px}.top-comment-text{color:#8a95b0;color:var(--text-secondary);font-size:12.5px;line-height:1.5;margin-bottom:4px}.top-comment-meta{color:#525e78;color:var(--text-muted);font-size:11px}.original-panel{background:#10b9810a;border:1px solid #10b98140;border-radius:12px;margin-top:14px;overflow:hidden}.original-panel-header{align-items:center;border-bottom:1px solid #10b98126;display:flex;justify-content:space-between;padding:10px 14px}.original-panel-title{color:#6ee7b7;font-size:13px;font-weight:700}.original-panel-close{background:none;border:none;border-radius:4px;color:#525e78;color:var(--text-muted);cursor:pointer;font-size:13px;padding:2px 6px;transition:color .15s}.original-panel-close:hover{color:#eef0f8;color:var(--text-primary)}.original-panel-loading{align-items:center;color:#8a95b0;color:var(--text-secondary);display:flex;font-size:13px;gap:10px;padding:16px 14px}.original-loading-dot{animation:pulse 1.2s ease-in-out infinite;background:#10b981;border-radius:50%;flex-shrink:0;height:8px;width:8px}.original-panel-empty{color:#525e78;color:var(--text-muted);font-size:13px;padding:16px 14px;text-align:center}.original-item{border-bottom:1px solid #ffffff0d;display:flex;gap:10px;padding:10px 14px;text-decoration:none;transition:background .15s}.original-item:last-child{border-bottom:none}.original-item:hover{background:#10b98114}.original-item-thumb{background:#222;border-radius:6px;flex-shrink:0;height:50px;object-fit:cover;width:88px}.original-item-info{display:flex;flex-direction:column;gap:4px;justify-content:center;min-width:0}.original-item-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#eef0f8;color:var(--text-primary);display:-webkit-box;font-size:13px;font-weight:600;line-height:1.4;overflow:hidden}.original-item-meta{color:#525e78;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:11px;gap:8px}.popup-card{background:#111;border:1px solid #2a2a2a;border-radius:16px;display:flex;flex-direction:column;isolation:isolate;max-height:calc(100vh - 48px);max-width:700px;overflow:hidden;padding:0;position:relative;width:92%}.popup-close{align-items:center;background:#222;border:1px solid #333;border-radius:50%;color:#aaa;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;position:absolute;right:16px;top:14px;width:28px}.popup-rewinder{background:#080612e6;border-radius:0 0 var(--radius-md) var(--radius-md);border-top:1px solid #ffffff12;display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:8px 14px 12px}.popup-seekbar-wrap{align-items:center;cursor:pointer;display:flex;height:22px;position:relative;touch-action:none}.popup-seekbar-track{background:#ffffff26;border-radius:2px;height:4px;overflow:visible;position:relative;width:100%}.popup-seekbar-fill{background:#8b5cf6;background:var(--brand-purple);border-radius:2px;height:100%;position:relative;transition:width .2s linear;z-index:2}.popup-seekbar-fill:after{background:#fff;border-radius:50%;box-shadow:0 0 6px #8b5cf6cc;content:"";height:12px;position:absolute;right:-5px;top:-4px;width:12px}.popup-loop-highlight{background:#facc1573;border:1px solid #facc15b3;border-radius:3px;pointer-events:none;transform:translateY(-50%);z-index:3}.hl-marker,.popup-loop-highlight{height:10px;position:absolute;top:50%}.hl-marker{background:#f59e0b;border:2px solid #fff;border-radius:50%;cursor:pointer;transform:translate(-50%,-50%);transition:transform .15s;width:10px;z-index:5}.hl-marker:hover{transform:translate(-50%,-50%) scale(1.5)}.hl-tooltip{background:#000000d9;border-radius:6px;bottom:18px;display:flex;flex-direction:column;gap:2px;left:50%;max-width:200px;min-width:80px;padding:5px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap}.hl-tooltip-time{color:#f59e0b;font-size:11px;font-weight:700}.hl-tooltip-label{color:#e2e8f0;font-size:11px;line-height:1.3;white-space:normal}.popup-rewinder-time{align-items:center;color:#8a95b0;color:var(--text-secondary);display:flex;font-size:11px;gap:10px}.loop-badge{background:#8b5cf62e;border:1px solid #8b5cf666;border-radius:4px;color:#c4b5fd;font-size:10px;padding:1px 7px}.popup-rewinder-btns{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.rw-btn{align-items:center;background:#ffffff12;border:1px solid #ffffff1f;border-radius:7px;color:#cbd5e1;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:3px;line-height:1;padding:5px 11px;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.rw-btn:hover{background:#ffffff24;color:#fff}.rw-btn.loop-set{background:#6d28d938;border-color:#8b5cf6b3;box-shadow:0 0 8px #8b5cf659;color:#d8b4fe;text-shadow:0 0 8px #a78bfab3;white-space:nowrap}.rw-btn.loop-ab{background:#6d28d961;border-color:#a78bfae6;box-shadow:0 0 14px #8b5cf699,0 0 28px #8b5cf640;color:#f3e8ff;text-shadow:0 0 10px #d8b4fee6;white-space:nowrap}.rw-btn.loop-on{background:#8b5cf659;border-color:#8b5cf6;border-color:var(--brand-purple);box-shadow:0 0 10px #8b5cf680;color:#c4b5fd;white-space:nowrap}@media (max-width:640px){.popup-rewinder{gap:6px;padding:6px 10px 10px}.rw-btn{font-size:11px;padding:4px 9px}}@keyframes popup-heart-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}40%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}70%{opacity:1;transform:translate(-50%,-50%) scale(.95)}to{opacity:0;transform:translate(-50%,-50%) scale(1.1)}}.popup-save-feedback{animation:popup-heart-burst .7s ease forwards;color:#ff4d7d;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:20000}.popup-img{border-radius:0;display:block;height:100%;margin-bottom:0;object-fit:cover;width:100%}.popup-img-wrap{cursor:pointer;inset:0;overflow:hidden;position:absolute;z-index:1}.popup-img-wrap .popup-img{margin-bottom:0;transition:filter .2s}.popup-img-wrap:hover .popup-img{filter:brightness(.7)}.popup-play-overlay{inset:0;position:absolute}.popup-play-icon,.popup-play-overlay{align-items:center;display:flex;justify-content:center}.popup-play-icon{background:#0000008c;border:2px solid #ffffffb3;border-radius:50%;color:#fff;font-size:24px;height:64px;transition:background .2s,transform .2s;width:64px}.popup-img-wrap:hover .popup-play-icon{background:#8b5cf6;background:var(--brand-purple);transform:scale(1.08)}.popup-media-layer{aspect-ratio:16/9;background:#000;border-radius:16px 16px 0 0;contain:layout;flex-shrink:0;isolation:isolate;margin-bottom:0;overflow:hidden;position:relative;width:100%}.popup-video-wrap{background:#000;inset:0;position:absolute;z-index:2}.popup-video{border:none;display:block;height:100%;width:100%}.popup-video-wheel-zone{height:28px;left:0;position:absolute;right:0;z-index:2}.popup-video-wheel-zone-top{top:0}.popup-video-wheel-zone-bottom{bottom:0}.popup-title{color:#eef0f8;color:var(--text-primary);font-size:15px;font-weight:500;margin-bottom:6px}.popup-meta{color:#525e78;color:var(--text-muted);font-size:13px;margin-bottom:14px}.popup-info-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:14px}.popup-info-item{background:#ffffff0a;border-radius:10px;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:4px;padding:10px 12px}.popup-info-label{color:#8a95b0;color:var(--text-secondary);font-size:11px}.popup-info-value{color:#eef0f8;color:var(--text-primary);font-size:15px;font-weight:700}.popup-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:2px}.btn-yt{background:#e8483a;border:none;border-radius:10px;border-radius:var(--radius-sm);color:#f0ece6;cursor:pointer;display:inline-block;font-size:13px;font-weight:600;padding:9px 18px;text-decoration:none}.btn-yt:hover{background:#c00}.footer-tip{color:#333;font-size:12px;padding:8px 0 16px;text-align:center}.btn-sub{background:#1e1a2e;border:1px solid #3d2d6e;border-radius:6px;color:#a78bfa;cursor:pointer;font-size:14px;line-height:1;padding:4px 6px;transition:background .15s}.btn-sub:hover{background:#2a2040}.subtitle-popup{max-width:560px}.subtitle-header{align-items:flex-start;border-bottom:1px solid #1e1e1e;display:flex;gap:12px;margin-bottom:16px;padding-bottom:14px}.subtitle-icon{font-size:24px;margin-top:2px}.subtitle-title{color:#ddd;font-size:14px;font-weight:500;line-height:1.4;margin-bottom:4px}.subtitle-channel{color:#666;font-size:12px}.subtitle-body{min-height:80px}.subtitle-loading{color:#888;font-size:13px;gap:12px;padding:24px}.subtitle-error,.subtitle-loading{align-items:center;display:flex;flex-direction:column;text-align:center}.subtitle-error{background:#0f0c1acc;border:1px solid #a78bfa26;border-radius:14px;gap:6px;padding:28px 20px}.subtitle-error-icon{font-size:36px;margin-bottom:4px}.subtitle-error-title{color:#e2d9f3;font-size:15px;font-weight:700}.subtitle-error-msg{color:#6b7280;font-size:12px}.subtitle-tip{color:#4b5563;font-size:12px;line-height:1.6;margin-top:6px}.subtitle-info{display:flex;flex-direction:column;gap:10px}.subtitle-info-row{align-items:center;background:#161616;border:1px solid #1e1e1e;border-radius:10px;border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:10px 14px}.subtitle-info-label{color:#666;font-size:13px}.subtitle-info-value{color:#ddd;font-size:13px}.lang-badge{background:#1e1a2e;border:1px solid #3d2d6e;border-radius:6px;color:#a78bfa;font-size:12px;padding:3px 10px}.subtitle-lang-switch{padding:8px 16px 4px}.subtitle-lang-select-wrap{align-items:center;display:flex;position:relative}.subtitle-lang-select{appearance:none;-webkit-appearance:none;background:#1a1427;border:1px solid #3d2d6e;border-radius:8px;color:#a78bfa;cursor:pointer;font-size:13px;font-weight:500;outline:none;padding:7px 32px 7px 12px;transition:border-color .15s;width:100%}.subtitle-lang-select:focus,.subtitle-lang-select:hover{border-color:#6d28d9}.subtitle-lang-select:disabled{cursor:not-allowed;opacity:.5}.subtitle-lang-select option{background:#1a1427;color:#e2e8f0}.subtitle-lang-arrow{color:#a78bfa;font-size:12px;pointer-events:none;position:absolute;right:10px}.subtitle-notice{background:#0d1520;border:1px solid #1a2d44;border-radius:10px;border-radius:var(--radius-sm);color:#60a5fa;font-size:12px;line-height:1.7;padding:12px 14px}.subtitle-actions{margin-top:4px}.sub-spinner{animation:spin .8s linear infinite;border:2px solid #333;border-radius:50%;border-top-color:#a78bfa;height:24px;margin:0 auto 10px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.subtitle-content{display:flex;flex-direction:column;gap:10px}.subtitle-lang-row{align-items:center;display:flex;justify-content:space-between}.subtitle-count{color:#555;font-size:12px}.subtitle-scroll{background:#0d0d0d;border:1px solid #1e1e1e;border-radius:10px;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:6px;max-height:340px;overflow-y:auto;padding:12px}.subtitle-scroll::-webkit-scrollbar{width:4px}.subtitle-scroll::-webkit-scrollbar-track{background:#111}.subtitle-scroll::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.subtitle-line{align-items:flex-start;display:flex;gap:10px}.sub-time{color:#a78bfa;flex-shrink:0;font-family:monospace;font-size:11px;margin-top:1px;min-width:40px}.sub-text{color:#ccc;font-size:13px;line-height:1.5}.action-bar{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#161626;border:1px solid #2d2d4e;border-radius:10px;border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px;padding:10px 16px;position:-webkit-sticky;position:sticky;top:57px;z-index:90}.action-bar-title{color:#aaa;flex:1 1;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-yt-sm{background:#1a0000;border:1px solid #3d0000;border-radius:6px;color:#f87171;cursor:pointer;font-size:12px;padding:5px 12px;text-decoration:none;white-space:nowrap}.btn-yt-sm:hover{background:#2a0000}.fixed-top{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172ab3;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-subtle);left:0;position:fixed;right:0;top:0;z-index:1000}.fixed-top .header{background:#0000;border-bottom:none}.fixed-top .search-card{margin:16px auto 0;margin-left:24px;margin-right:24px;max-width:1400px}@media (min-width:1448px){.fixed-top .search-card{margin-left:auto;margin-right:auto}}.fixed-top .results-header{margin:12px auto 0;max-width:1400px;padding:0 24px}.fixed-top .table-head-wrap{margin:8px auto 0;max-width:1400px;padding:0 24px}.fixed-top .table-head{background:#1a1a2e;border-radius:8px 8px 0 0}.main{margin:0 auto;max-width:1400px;padding:0 24px 32px}.btn-download{align-items:center;background:#2563eb;border:none;border-radius:10px;border-radius:var(--radius-sm);color:#f0ece6;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px}.btn-download:hover{background:#1d4ed8}.app-layout{background:#0a0a0a;display:flex;min-height:100vh}.sidebar-backdrop{display:none}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a14f7;border-right:1px solid #ffffff12;border-right:1px solid var(--border-subtle);bottom:0;display:flex;flex-direction:column;flex-shrink:0;left:0;overflow:hidden;padding:16px 10px;position:fixed;top:0;transition:width .3s ease-in-out,padding .3s ease-in-out,transform .3s ease-in-out;width:220px;z-index:1100}.sidebar-toggle{align-items:center;background:#0d0d1a;background:var(--bg-secondary);border:1px solid #ffffff24;border:1px solid var(--border-strong);border-radius:50%;box-shadow:0 2px 8px #0006;color:#8a95b0;color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:-14px;top:18px;transition:background .2s,color .2s,box-shadow .2s,transform .2s,border-color .2s;width:28px;z-index:1200}.sidebar-toggle:hover{background:#8b5cf6;background:var(--brand-purple);border-color:#8b5cf6;border-color:var(--brand-purple);box-shadow:0 0 14px #8b5cf68c,0 2px 8px #0006;color:#fff;transform:scale(1.15)}.sidebar-toggle-icon{align-items:center;display:flex;justify-content:center;line-height:0;transition:transform .3s ease-in-out}.sidebar.collapsed{padding:16px 8px;width:64px}.logo-text,.sidebar-label{overflow:hidden;transition:opacity .18s ease,transform .18s ease;white-space:nowrap}.sidebar.collapsed .logo-text,.sidebar.collapsed .sidebar-label{opacity:0;pointer-events:none;transform:translateX(-6px);width:0}.sidebar-api{transition:opacity .18s ease}.sidebar.collapsed .sidebar-api{display:none;opacity:0;pointer-events:none}.sidebar-auth{border-top:1px solid #ffffff12;border-top:1px solid var(--border-subtle);margin-top:auto;padding:10px 10px 6px}.sidebar-auth-btns{display:flex;gap:6px}.sidebar-auth-btn{border:none;border-radius:10px;border-radius:var(--radius-sm);cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:7px 0;transition:opacity .15s}.sidebar-auth-btn:hover{opacity:.85}.sidebar-auth-btn.login{background:#131324;background:var(--surface-card);border:1px solid #ffffff12;border:1px solid var(--border-subtle);color:#eef0f8;color:var(--text-primary)}.sidebar-auth-btn.register{background:var(--accent-primary);color:#fff}.sidebar-auth-user{align-items:center;display:flex;gap:10px}.sidebar-auth-avatar{align-items:center;background:var(--accent-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.sidebar-auth-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.sidebar-auth-name{color:#eef0f8;color:var(--text-primary);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-auth-logout{background:none;border:none;color:#525e78;color:var(--text-muted);cursor:pointer;font-size:11px;padding:0;text-align:left}.sidebar-auth-logout:hover{color:#eef0f8;color:var(--text-primary)}.auth-modal-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:10000}.auth-modal{background:#131324;background:var(--surface-card);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:0 8px 40px #0009;max-width:380px;padding:28px 24px 24px;position:relative;width:100%}.auth-modal-close{align-items:center;background:none;border:none;color:#525e78;color:var(--text-muted);cursor:pointer;display:flex;padding:4px;position:absolute;right:14px;top:14px}.auth-modal-close:hover,.auth-modal-title{color:#eef0f8;color:var(--text-primary)}.auth-modal-title{font-size:18px;font-weight:700;margin:0 0 20px}.auth-form{display:flex;flex-direction:column;gap:6px}.auth-form label{color:#8a95b0;color:var(--text-secondary);font-size:12px;font-weight:600;margin-top:8px}.auth-form label:first-of-type{margin-top:0}.auth-hint{color:#525e78;color:var(--text-muted);font-weight:400}.auth-form input{background:var(--surface-elevated);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-sm);color:#eef0f8;color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;padding:10px 12px;transition:border-color .15s}.auth-form input:focus{border-color:var(--accent-primary)}.auth-error{background:#ef44441f;border:1px solid #ef44444d;border-radius:10px;border-radius:var(--radius-sm);color:#f87171;font-size:13px;margin-top:4px;padding:8px 12px}.auth-submit-btn{background:var(--accent-primary);border:none;border-radius:10px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;margin-top:12px;padding:12px;transition:opacity .15s}.auth-submit-btn:hover:not(:disabled){opacity:.88}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.5}.auth-switch{color:#525e78;color:var(--text-muted);font-size:13px;margin-top:10px;text-align:center}.auth-switch button{background:none;border:none;color:var(--accent-primary);cursor:pointer;font-size:13px;font-weight:600;padding:0;text-decoration:underline}.sidebar-avatar-mini{align-items:center;background:var(--accent-primary);border-radius:50%;color:#fff;font-size:11px;font-weight:700;height:20px;width:20px}.mypage-wrap,.sidebar-avatar-mini{display:flex;justify-content:center}.mypage-wrap{align-items:flex-start;flex:1 1;min-height:100vh;padding:40px 16px}.mypage-login-required{color:#525e78;color:var(--text-muted);font-size:15px;margin-top:80px}.mypage-card{background:#131324;background:var(--surface-card);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);max-width:480px;overflow:hidden;width:100%}.mypage-header{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-subtle);gap:16px;padding:24px}.mypage-avatar,.mypage-header{align-items:center;display:flex}.mypage-avatar{background:var(--accent-primary);border-radius:50%;color:#fff;flex-shrink:0;font-size:22px;font-weight:700;height:52px;justify-content:center;width:52px}.mypage-name{color:#eef0f8;color:var(--text-primary);font-size:17px;font-weight:700}.mypage-email{font-size:13px;margin-top:2px}.mypage-email,.mypage-meta{color:#525e78;color:var(--text-muted)}.mypage-meta{font-size:12px;margin-top:4px}.mypage-tabs{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-subtle);display:flex}.mypage-tab{background:none;border:none;border-bottom:2px solid #0000;color:#525e78;color:var(--text-muted);cursor:pointer;flex:1 1;font-family:inherit;font-size:13px;font-weight:600;padding:13px 0;transition:color .15s,border-color .15s}.mypage-tab.active{border-bottom-color:var(--accent-primary);color:var(--accent-primary)}.mypage-body{padding:24px}.mypage-section{display:flex;flex-direction:column;gap:6px}.mypage-section label{color:#8a95b0;color:var(--text-secondary);font-size:12px;font-weight:600;margin-top:10px}.mypage-section label:first-child{margin-top:0}.mypage-input{background:var(--surface-elevated);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-sm);color:#eef0f8;color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;padding:10px 12px;transition:border-color .15s}.mypage-input:focus{border-color:var(--accent-primary)}.mypage-input.disabled{cursor:not-allowed;opacity:.5}.mypage-btn{border:none;border-radius:10px;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;margin-top:16px;padding:11px;transition:opacity .15s}.mypage-btn:disabled{cursor:not-allowed;opacity:.5}.mypage-btn.primary{background:var(--accent-primary);color:#fff}.mypage-btn.primary:hover:not(:disabled){opacity:.88}.mypage-btn.danger{background:#ef4444;color:#fff}.mypage-btn.danger:hover:not(:disabled){opacity:.88}.mypage-withdraw-warn{background:#ef44441a;border:1px solid #ef444440;border-radius:10px;border-radius:var(--radius-sm);color:#f87171;font-size:13px;margin-bottom:6px;padding:10px 14px}.admin-wrap{flex:1 1;min-height:100vh;overflow-x:auto;padding:32px 24px}.admin-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.admin-title{color:#eef0f8;color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.admin-count{border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:20px;color:#525e78;color:var(--text-muted);padding:3px 10px}.admin-count,.admin-refresh-btn{background:#131324;background:var(--surface-card);font-size:13px}.admin-refresh-btn{border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-sm);color:#8a95b0;color:var(--text-secondary);cursor:pointer;font-family:inherit;margin-left:auto;padding:6px 14px}.admin-refresh-btn:hover{background:var(--surface-elevated)}.admin-loading{color:#525e78;color:var(--text-muted);padding:40px 0;text-align:center}.admin-user-list{display:flex;flex-direction:column;gap:10px}.admin-user-card{align-items:flex-start;background:#131324;background:var(--surface-card);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;gap:16px;justify-content:space-between;padding:14px 16px;transition:border-color .15s}.admin-user-card:hover{border-color:var(--border-medium)}.admin-user-card.me{background:#8b5cf60f;border-color:var(--accent-primary)}.auc-left{align-items:flex-start;display:flex;flex:1 1;gap:12px;min-width:0}.auc-avatar{align-items:center;background:var(--accent-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.auc-info{display:flex;flex-direction:column;gap:3px;min-width:0}.auc-name{color:#eef0f8;color:var(--text-primary);font-size:15px;font-weight:600}.auc-email{color:#525e78;color:var(--text-muted);font-size:13px;word-break:break-all}.auc-tags{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.auc-tag{background:var(--surface-elevated);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:20px;color:#525e78;color:var(--text-muted);font-size:11px;padding:2px 8px}.auc-tag.lv{border-color:var(--accent-primary);color:var(--accent-primary)}.auc-tag.admin{background:#f59e0b1a;border-color:#f59e0b66;color:#f59e0b}.auc-admin-check{align-items:center;color:#8a95b0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;gap:4px}.auc-right{flex-shrink:0;gap:10px}.auc-meta,.auc-right{align-items:flex-end;display:flex;flex-direction:column}.auc-meta{gap:3px}.auc-meta-item{color:#525e78;color:var(--text-muted);font-size:12px;white-space:nowrap}.admin-edit-input{background:var(--surface-elevated);border:1px solid var(--accent-primary);border-radius:4px;color:#eef0f8;color:var(--text-primary);font-family:inherit;font-size:13px;outline:none;padding:4px 8px;width:90px}.admin-edit-input.lv{width:54px}.admin-actions{display:flex;gap:6px;white-space:nowrap}.admin-btn{border:none;border-radius:4px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:4px 12px}.admin-btn.edit{background:var(--surface-elevated);border:1px solid #ffffff12;border:1px solid var(--border-subtle);color:#8a95b0;color:var(--text-secondary)}.admin-btn.edit:hover{color:#eef0f8;color:var(--text-primary)}.admin-btn.save{background:var(--accent-primary);color:#fff}.admin-btn.cancel{background:var(--surface-elevated);border:1px solid #ffffff12;border:1px solid var(--border-subtle);color:#525e78;color:var(--text-muted)}.admin-btn.del{background:#ef444426;border:1px solid #ef444440;color:#f87171}.admin-btn.del:hover{background:#ef444440}.admin-tabs{display:flex;gap:6px;margin-bottom:18px}.admin-tab-btn{background:#131324;background:var(--surface-card);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-sm);color:#525e78;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:7px 18px;transition:all .15s}.admin-tab-btn.active{background:var(--accent-primary);border-color:#0000;color:#fff}.admin-ref-code{background:var(--surface-elevated);border-radius:4px;color:#8a95b0;color:var(--text-secondary);font-family:monospace;font-size:12px;letter-spacing:.08em;padding:2px 7px}.admin-tree-wrap{border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-height:120px;padding:12px 16px}.rtree-node{padding:2px 0}.rtree-row{align-items:center;border-radius:10px;border-radius:var(--radius-sm);cursor:default;display:flex;gap:8px;padding:5px 8px;transition:background .1s}.rtree-row:hover{background:#131324;background:var(--surface-card)}.rtree-leaf,.rtree-toggle{color:#525e78;color:var(--text-muted);cursor:pointer;flex-shrink:0;font-size:12px;width:14px}.rtree-avatar{align-items:center;background:var(--accent-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:24px;justify-content:center;width:24px}.rtree-name{color:#eef0f8;color:var(--text-primary);font-size:13px;font-weight:600;min-width:70px}.rtree-lv{color:#525e78;color:var(--text-muted);font-size:12px;min-width:44px}.rtree-code{background:var(--surface-elevated);border-radius:4px;color:#8a95b0;color:var(--text-secondary);font-family:monospace;font-size:11px;letter-spacing:.06em;padding:1px 6px}.rtree-count{color:var(--accent-primary);font-size:11px;font-weight:600}.rtree-date{color:#525e78;color:var(--text-muted);font-size:11px;margin-left:auto}.referral-section{gap:10px}.referral-code-box{align-items:center;background:var(--surface-elevated);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;gap:12px;margin-bottom:4px;padding:16px 18px}.referral-code-label{color:#525e78;color:var(--text-muted);flex-shrink:0;font-size:12px}.referral-code-value{color:var(--accent-primary);flex:1 1;font-family:monospace;font-size:24px;font-weight:700;letter-spacing:.18em;text-align:center}.referral-copy-btn{background:var(--accent-primary);border:none;border-radius:10px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;flex-shrink:0;font-family:inherit;font-size:12px;font-weight:600;padding:6px 14px;transition:opacity .15s}.referral-copy-btn:hover{opacity:.85}.referral-info-row{align-items:center;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:8px 4px}.referral-info-label{color:#525e78;color:var(--text-muted);font-size:13px}.referral-info-value{color:#eef0f8;color:var(--text-primary);font-size:13px;font-weight:600}.referral-list{display:flex;flex-direction:column;gap:6px;margin-top:4px}.referral-list-item{align-items:center;background:var(--surface-elevated);border-radius:10px;border-radius:var(--radius-sm);display:flex;gap:10px;padding:8px 10px}.referral-list-avatar{align-items:center;background:#7c3aed;background:var(--accent-secondary,#7c3aed);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.referral-list-name{color:#eef0f8;color:var(--text-primary);flex:1 1;font-size:13px;font-weight:600}.referral-list-lv{color:#525e78;color:var(--text-muted);font-size:12px}.referral-list-date{color:#525e78;color:var(--text-muted);font-size:11px}.referral-loading{color:#525e78;color:var(--text-muted);font-size:13px;padding:16px 0;text-align:center}.sidebar-api-section{display:flex;flex-direction:column}.sidebar-api-guide-btn{background:none;border:1px dashed #ffffff12;border:1px dashed var(--border-subtle);border-radius:7px;color:#525e78;color:var(--text-muted);cursor:pointer;font-size:11px;margin:0 12px 10px;padding:5px 0;transition:all .15s}.sidebar-api-guide-btn:hover{background:#8b5cf612;border-color:var(--accent);color:var(--accent)}.api-guide-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.api-guide-modal{background:#131324;background:var(--surface-card);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:16px;display:flex;flex-direction:column;max-width:92vw;overflow:hidden;width:460px}.api-guide-header{align-items:center;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:16px 20px 12px}.api-guide-title{color:#eef0f8;color:var(--text-primary);font-size:15px;font-weight:700}.api-guide-close{background:none;border:none;color:#525e78;color:var(--text-muted);cursor:pointer;font-size:16px;padding:2px 6px}.api-guide-steps-bar{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-subtle);gap:8px;padding:14px 20px}.api-guide-step-dot,.api-guide-steps-bar{align-items:center;display:flex;justify-content:center}.api-guide-step-dot{background:#1a1a32;background:var(--surface-card-hover);border:2px solid #ffffff12;border:2px solid var(--border-subtle);border-radius:50%;color:#525e78;color:var(--text-muted);cursor:pointer;font-size:11px;font-weight:700;height:28px;transition:all .15s;width:28px}.api-guide-step-dot.active{background:var(--accent);border-color:var(--accent);color:#fff}.api-guide-step-dot.done{background:#10b981;border-color:#10b981;color:#fff}.api-guide-body{display:flex;flex-direction:column;gap:10px;padding:16px 20px 20px}.api-guide-step-img{background:#202124;border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden}.api-guide-step-num{color:var(--accent);font-size:11px;font-weight:600}.api-guide-step-title{color:#eef0f8;color:var(--text-primary);font-size:17px;font-weight:700}.api-guide-step-desc{color:#8a95b0;color:var(--text-secondary);font-size:13px;line-height:1.6}.api-guide-step-action{margin-top:4px}.api-guide-link-btn{background:var(--accent);border-radius:8px;color:#fff;display:inline-block;font-size:13px;font-weight:600;padding:8px 16px;text-decoration:none;transition:opacity .15s}.api-guide-link-btn:hover{opacity:.85}.api-guide-tip{background:#1a1a32;background:var(--surface-card-hover);border-radius:7px;color:#525e78;color:var(--text-muted);font-size:12px;line-height:1.5;padding:8px 12px}.api-guide-checklist{counter-reset:guide-counter;display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0 0 0 4px}.api-guide-checklist li{align-items:flex-start;color:#8a95b0;color:var(--text-secondary);counter-increment:guide-counter;display:flex;font-size:13px;gap:10px;line-height:1.5}.api-guide-checklist li:before{align-items:center;background:var(--accent);border-radius:50%;color:#fff;content:counter(guide-counter);display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:22px;justify-content:center;margin-top:1px;min-width:22px}.api-guide-input-wrap{display:flex;flex-direction:column;gap:6px}.api-guide-key-input{background:#1a1a32;background:var(--surface-card-hover);border:1.5px solid var(--accent);border-radius:8px;box-sizing:border-box;color:#eef0f8;color:var(--text-primary);font-size:13px;outline:none;padding:10px 12px;width:100%}.api-guide-footer{align-items:center;border-top:1px solid #ffffff12;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:14px 20px}.api-guide-prev{background:#1a1a32;background:var(--surface-card-hover);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:8px;color:#525e78;color:var(--text-muted);cursor:pointer;font-size:13px;padding:8px 16px}.api-guide-prev:disabled{cursor:default;opacity:.3}.api-guide-next{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:8px 20px;transition:opacity .15s}.api-guide-next:hover{opacity:.85}.sidebar-api-input-wrap{align-items:center;background:#1a1a32;background:var(--surface-card-hover);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:8px;display:flex;gap:6px;margin:4px 12px 8px;padding:6px 8px}.sidebar-api-input{background:none;border:none;color:#eef0f8;color:var(--text-primary);flex:1 1;font-size:11px;letter-spacing:.04em;min-width:0;outline:none}.sidebar-api-eye,.sidebar-api-input::placeholder{color:#525e78;color:var(--text-muted)}.sidebar-api-eye{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-shrink:0;padding:0}.sidebar-api-eye:hover{color:#eef0f8;color:var(--text-primary)}.sidebar.collapsed .sidebar-item{gap:0;justify-content:center;padding:12px 0;position:relative}.sidebar.collapsed .sidebar-item:after{background:#1a1a32;background:var(--surface-card-hover);border:1px solid #ffffff24;border:1px solid var(--border-strong);border-radius:8px;box-shadow:0 4px 16px #0006;color:#eef0f8;color:var(--text-primary);content:attr(title);font-size:12px;font-weight:600;left:calc(100% + 12px);opacity:0;padding:5px 10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .15s;white-space:nowrap;z-index:2000}.sidebar.collapsed .sidebar-item:hover:after{opacity:1}.admin-wrap,.app,.kb-page,.seo-page{flex:1 1;margin-left:220px;transition:margin-left .3s ease-in-out}.app-layout.sidebar-collapsed .admin-wrap,.app-layout.sidebar-collapsed .app,.app-layout.sidebar-collapsed .kb-page,.app-layout.sidebar-collapsed .seo-page{margin-left:64px}.fixed-top{left:220px;transition:left .3s ease-in-out}.app-layout.sidebar-collapsed .fixed-top{left:64px}.sidebar-logo{align-items:center;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-subtle);display:flex;flex-shrink:0;gap:12px;height:64px;margin-bottom:8px;padding:0 14px}.sidebar.collapsed .sidebar-logo{gap:0;justify-content:center;padding:0}.sidebar-item{align-items:center;background:#0000;border:none;border-left:4px solid #0000;border-radius:10px;border-radius:var(--radius-sm);color:#8a95b0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:2px;padding:10px 14px;text-align:left;transition:background .15s,color .15s,border-color .15s,opacity .15s;width:100%}.sidebar-item:hover{background:#1a1a32;background:var(--surface-card-hover);color:#eef0f8;color:var(--text-primary)}.sidebar-item.active{background:#8b5cf62e;border-left-color:#8b5cf6;border-left-color:var(--brand-purple);box-shadow:0 0 16px #8b5cf640;color:#fff}.sidebar-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:20px}.sidebar-home-btn{animation:dashFadeUp .2s ease both;margin-bottom:4px}.sidebar-header-toggle{background:#0000;border:none;border-radius:8px;color:#8a95b0;color:var(--text-secondary);cursor:pointer;display:none;flex-shrink:0;height:28px;transition:background .18s,color .18s;width:28px}.sidebar-header-toggle:hover{background:#8b5cf62e;color:#c4b5fd}.sidebar-header-toggle.mini{margin-left:0}.seo-main{padding-top:24px}.seo-card{background:#111;border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-card);padding:28px}.seo-card h2{font-size:22px;margin:0 0 8px}.seo-desc{color:#888;font-size:14px;margin:0 0 20px}.seo-input-row{display:flex;gap:10px;margin-bottom:16px}.seo-input-row .search-input{flex:1 1}.seo-error{background:#2a1010;border:1px solid #5a2020;border-radius:10px;border-radius:var(--radius-sm);color:#ff8080;font-size:14px;margin-bottom:16px;padding:12px 16px}.seo-result{margin-top:24px}.seo-thumb{border-radius:10px;border-radius:var(--radius-sm);width:160px}.seo-video-title{font-size:17px;font-weight:600;margin-bottom:6px}.seo-video-channel{color:#888;font-size:13px}.seo-score-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.seo-score-card{background:#131324;background:var(--surface-card);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-sm);padding:16px;text-align:center}.seo-score-label{color:#888;font-size:13px;margin-bottom:8px}.seo-score-value{font-size:24px;font-weight:700;margin-bottom:8px}.seo-score-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.seo-score-badge.good{background:#103320;color:#22c55e;color:var(--success)}.seo-score-badge.warn{background:#332c10;color:#f59e0b;color:var(--brand-amber)}.seo-score-badge.bad{background:#331010;color:#ef4444;color:var(--danger)}.seo-section{background:#131324;background:var(--surface-card);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-sm);margin-bottom:20px;padding:16px}.seo-section h3{font-size:15px;margin:0 0 10px}.seo-text{color:#eef0f8;color:var(--text-primary);font-size:14px;line-height:1.6;margin:0 0 8px;white-space:pre-wrap}.seo-desc-text{color:#8a95b0;color:var(--text-secondary)}.seo-tip{border-top:1px dashed #ffffff24;border-top:1px dashed var(--border-strong);color:#06b6d4;color:var(--brand-cyan);font-size:13px;margin:0;padding-top:8px}.seo-tags{display:flex;flex-wrap:wrap;gap:8px}.seo-tag{background:#8b5cf62e;border-radius:16px;color:#c4b5fd;font-size:13px;padding:4px 12px}.seo-total-score{background:#131324;background:var(--surface-card);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-card);gap:20px;margin-bottom:20px;padding:20px}.seo-grade-circle{align-items:center;border-radius:50%;display:flex;flex-direction:column;flex-shrink:0;height:80px;justify-content:center;position:relative;width:80px}.seo-grade-circle.good{color:#22c55e;color:var(--success)}.seo-grade-circle.warn{color:#f59e0b;color:var(--brand-amber)}.seo-grade-circle.bad{color:#ef4444;color:var(--danger)}.seo-grade-ring{height:80px;left:0;position:absolute;top:0;transform:rotate(-90deg);width:80px}.seo-grade-ring-bg{fill:none;stroke:#ffffff12;stroke:var(--border-subtle);stroke-width:5}.seo-grade-ring-fill{fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round;stroke-dasharray:219.9;stroke-dashoffset:219.9;animation:seo-ring-fill 1.1s cubic-bezier(.22,.9,.3,1) forwards;animation-delay:.15s;filter:drop-shadow(0 0 4px currentColor)}@keyframes seo-ring-fill{to{stroke-dashoffset:var(--ring-offset)}}.seo-grade-letter{animation:seo-grade-pop .4s ease forwards;animation-delay:1s;font-size:28px;font-weight:800;line-height:1;opacity:0}@keyframes seo-grade-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.seo-grade-num{font-feature-settings:"tnum";color:#8a95b0;color:var(--text-secondary);font-size:11px;font-variant-numeric:tabular-nums;margin-top:2px}.seo-total-title{font-size:16px;font-weight:700;margin-bottom:4px}.seo-total-desc{color:#8a95b0;color:var(--text-secondary);font-size:13px}.seo-checklist{display:flex;flex-direction:column;gap:8px}.seo-check-item{align-items:flex-start;background:#1a1a32;background:var(--surface-card-hover);border-radius:10px;border-radius:var(--radius-sm);display:flex;gap:10px;padding:10px 12px}.seo-check-item.pass{border-left:3px solid #22c55e;border-left:3px solid var(--success)}.seo-check-item.fail{border-left:3px solid #525e78;border-left:3px solid var(--text-muted)}.seo-check-icon{flex-shrink:0;font-size:14px;margin-top:1px}.seo-check-label{font-size:14px;font-weight:600;margin-bottom:2px}.seo-check-tip{color:#8a95b0;color:var(--text-secondary);font-size:12px;line-height:1.5}.seo-type-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:700;margin-bottom:6px;padding:3px 10px}.seo-type-badge.shorts{background:#2d1b3d;color:#d8b4fe}.seo-type-badge.longform{background:#1b2d3d;color:#06b6d4;color:var(--brand-cyan)}.seo-check-manual{align-items:center;cursor:pointer}.seo-check-checkbox{accent-color:#22c55e;accent-color:var(--success);cursor:pointer;flex-shrink:0;height:18px;margin-top:2px;width:18px}.seo-overview-card{background:#131324;background:var(--surface-card);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-card);padding:20px}.seo-overview{align-items:stretch;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-subtle);display:flex;gap:20px;margin-bottom:20px;padding-bottom:20px}.seo-overview-video{align-items:center;display:flex;flex:1.4 1;gap:16px;min-width:0}.seo-thumb-link{flex-shrink:0}.seo-overview-video .seo-thumb{border-radius:10px;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;transition:transform .15s ease,box-shadow .15s ease;width:140px}.seo-overview-video .seo-thumb-large{width:280px}.seo-overview-video .seo-thumb:hover{box-shadow:0 0 0 2px #ef4444;box-shadow:0 0 0 2px var(--danger);transform:scale(1.03)}.seo-overview-info{min-width:0}.seo-overview-info .seo-video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:15px;font-weight:600;margin:6px 0 4px;overflow:hidden}.seo-overview-info .seo-video-channel{color:#888;font-size:12px}.seo-total-score{align-items:center;border-left:1px solid #ffffff12;border-left:1px solid var(--border-subtle);display:flex;flex:1 1;gap:16px;padding:0 0 0 20px}.seo-checklist-count{color:#525e78;color:var(--text-muted);font-size:12px}.seo-columns{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 1fr}.seo-col{display:flex;flex-direction:column;gap:16px}.seo-col .seo-section{margin-bottom:0}@media (max-width:1100px){.seo-overview{flex-direction:column}.seo-overview-video .seo-thumb-large{max-width:360px;width:100%}.seo-total-score{border-left:none;border-top:1px solid #ffffff12;border-top:1px solid var(--border-subtle);padding-left:0;padding-top:16px}.seo-columns{grid-template-columns:1fr}}.ai-hero{background:#131324;background:var(--surface-card);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-card);margin-bottom:16px;padding:18px 22px}.ai-hero-title{color:#eef0f8;color:var(--text-primary);font-size:17px;font-weight:700;margin-bottom:4px}.ai-hero-sub{color:#8a95b0;color:var(--text-secondary);font-size:13px}.seo-weight-badge{color:#f59e0b;color:var(--brand-amber);font-size:11px;letter-spacing:1px;margin-left:4px}.country-badge{background:#ffffff12;background:var(--border-subtle);border-radius:4px;color:#8a95b0;color:var(--text-secondary);display:inline-block;font-size:10px;font-weight:700;margin-top:4px;padding:1px 6px}.sidebar-api{border-top:1px solid #ffffff12;border-top:1px solid var(--border-subtle);margin-top:auto;padding:12px}.sidebar-api-label{align-items:center;color:#888;display:flex;font-size:12px;gap:6px;margin-bottom:8px}.sidebar-api-label.saved{color:#22c55e;color:var(--success)}.sidebar-api-row{margin-bottom:8px}.sidebar-api-row .api-input{background:#1a1a32;background:var(--surface-card-hover);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:6px;box-sizing:border-box;color:#eef0f8;color:var(--text-primary);font-family:Courier New,monospace;font-size:11px;line-height:1.6;padding:8px 10px;resize:none;width:100%;word-break:break-all}.sidebar-api-actions{display:flex;flex-wrap:wrap;gap:6px}.sidebar-api-actions .btn-save,.sidebar-api-actions .btn-show{background:#1a1a32;background:var(--surface-card-hover);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:6px;color:#8a95b0;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:12px;padding:6px 8px}.sidebar-api-actions .btn-save{background:#1e3a2e;border-color:#2d5a42;color:#22c55e;color:var(--success)}.info-icon{align-items:center;background:#0000;border:1px solid #525e78;border:1px solid var(--text-muted);border-radius:50%;color:#888;cursor:help;display:inline-flex;font-size:11px;font-style:normal;height:16px;justify-content:center;line-height:1;margin-left:4px;position:relative;width:16px}.info-icon:hover{border-color:#8a95b0;border-color:var(--text-secondary);color:#8a95b0;color:var(--text-secondary)}.info-tooltip{background:#1a1a32;background:var(--surface-card-hover);border:1px solid #ffffff24;border:1px solid var(--border-strong);border-radius:10px;border-radius:var(--radius-sm);bottom:130%;box-shadow:0 4px 16px #00000080;color:#eef0f8;color:var(--text-primary);display:none;font-size:12px;font-weight:400;left:0;line-height:1.5;padding:10px 12px;position:absolute;white-space:normal;width:260px;z-index:2000}.info-icon:hover .info-tooltip{display:block}.btn-seo{background:#1a2e22;border:1px solid #2d6e4a;border-radius:6px;color:#22c55e;color:var(--success);cursor:pointer;font-size:14px;line-height:1;padding:4px 6px;transition:background .15s}.btn-seo:hover{background:#1e3d2c}.learning-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.learning-card{align-items:center;background:#131324;background:var(--surface-card);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-sm);color:inherit;display:flex;gap:14px;padding:12px;text-decoration:none;transition:background .15s,border-color .15s}.learning-card:hover{background:#1a1a32;background:var(--surface-card-hover);border-color:#ffffff24;border-color:var(--border-strong)}.learning-thumb{border-radius:10px;border-radius:var(--radius-sm);flex-shrink:0;width:160px}.learning-info{min-width:0}.learning-title{color:#eef0f8;color:var(--text-primary);font-size:15px;font-weight:700;margin-bottom:4px}.learning-desc{color:#8a95b0;color:var(--text-secondary);font-size:13px;margin-bottom:4px}.learning-channel{color:#525e78;color:var(--text-muted);font-size:12px}.learning-sections{display:flex;flex-direction:column;gap:12px;margin-top:16px}.learning-section{background:#131324;background:var(--surface-card);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-sm);overflow:hidden}.learning-section-header{align-items:center;background:#0000;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;gap:12px;padding:14px 16px;text-align:left;transition:background .15s;width:100%}.learning-section-header:hover{background:#1a1a32;background:var(--surface-card-hover)}.learning-section.open .learning-section-header{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-subtle)}.learning-section-headtext{flex:1 1;min-width:0}.learning-step-badge{background:#2d3a6e;border-radius:6px;color:#06b6d4;color:var(--brand-cyan);flex-shrink:0;font-size:12px;font-weight:700;padding:4px 10px;white-space:nowrap}.learning-section-title{color:#eef0f8;color:var(--text-primary);font-size:15px;font-weight:700;margin-bottom:2px}.learning-section-desc{color:#8a95b0;color:var(--text-secondary);font-size:13px}.learning-section-arrow{color:#525e78;color:var(--text-muted);flex-shrink:0;font-size:12px}.learning-section .learning-grid{padding:16px}.learning-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.learning-grid .learning-card{align-items:stretch;background:#131324;background:var(--surface-card);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-sm);color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;overflow:hidden;padding:0;text-align:left;transition:background .15s,border-color .15s,transform .1s}.learning-grid .learning-card:hover{background:#1a1a32;background:var(--surface-card-hover);border-color:#ffffff24;border-color:var(--border-strong);transform:translateY(-2px)}.learning-grid .learning-thumb{aspect-ratio:16/9;border-radius:0;object-fit:cover;width:100%}.learning-grid .learning-info{padding:10px 12px 12px}.learning-modal-overlay{align-items:center;background:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:3000}.learning-modal{background:#111;border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-card);overflow:hidden;width:min(900px,92vw)}.learning-modal-header{align-items:center;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:12px 16px}.learning-modal-title{color:#eef0f8;color:var(--text-primary);font-size:14px;font-weight:700;margin-right:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.learning-modal-player{aspect-ratio:16/9;background:#000;position:relative;-webkit-user-select:none;user-select:none;width:100%}.learning-modal-player iframe{height:100%;inset:0;position:absolute;width:100%}.learning-modal-blocker,.learning-modal-blocker-br{display:none}.seo-recommend{background:#131324;background:var(--surface-card);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-card);margin-bottom:20px;padding:16px 20px}.seo-recommend h3{font-size:15px;margin:0 0 12px}.seo-recommend-empty{color:#22c55e;color:var(--success);font-size:14px;margin:0}.seo-recommend-list{display:flex;flex-direction:column;gap:10px}.seo-recommend-item{align-items:flex-start;display:flex;gap:12px}.seo-recommend-rank{align-items:center;background:#2d3a6e;border-radius:50%;color:#06b6d4;color:var(--brand-cyan);display:flex;flex-shrink:0;font-size:13px;font-weight:800;height:24px;justify-content:center;width:24px}.seo-recommend-body{min-width:0}.seo-recommend-label{color:#eef0f8;color:var(--text-primary);font-size:14px;font-weight:700;margin-bottom:2px}.seo-recommend-tip{color:#8a95b0;color:var(--text-secondary);font-size:13px}.kb-page{background:#07070f;background:var(--bg-primary);min-height:100vh}.kb-main{max-width:1100px;padding:32px 32px 60px}.kb-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:28px}.kb-title{color:#eef0f8;color:var(--text-primary);font-size:24px;font-weight:800;margin-bottom:6px}.kb-subtitle{color:#525e78;color:var(--text-muted);font-size:13px}.kb-overall-progress{align-items:center;background:#131324;background:var(--surface-card);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:12px;display:flex;gap:10px;min-width:220px;padding:10px 16px}.kb-overall-label{color:#8a95b0;color:var(--text-secondary);font-size:12px;font-weight:700;white-space:nowrap}.kb-overall-bar{background:#ffffff12;background:var(--border-subtle);border-radius:99px;flex:1 1;height:6px;min-width:60px;overflow:hidden}.kb-overall-fill{background:linear-gradient(90deg,#a855f7,#3b82f6);border-radius:99px;height:100%;transition:width .4s ease}.kb-overall-count{color:#525e78;color:var(--text-muted);font-size:11px;white-space:nowrap}.kb-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.kb-filter-btn{background:#131324;background:var(--surface-card);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:99px;color:#8a95b0;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:600;padding:7px 18px;transition:all .15s}.kb-filter-btn:hover{border-color:#ffffff24;border-color:var(--border-strong);color:#eef0f8;color:var(--text-primary)}.kb-filter-btn.active{background:#8b5cf6;background:var(--brand-purple);border-color:#8b5cf6;border-color:var(--brand-purple);color:#fff}.kb-section{margin-bottom:52px}.kb-section-header{align-items:center;display:flex;gap:14px;margin-bottom:20px}.kb-instructor-badge{border-radius:99px;color:#fff;font-size:13px;font-weight:800;letter-spacing:.3px;padding:5px 16px;white-space:nowrap}.kb-section-title{color:#eef0f8;color:var(--text-primary);font-size:17px;font-weight:700;margin-bottom:2px}.kb-section-desc{color:#525e78;color:var(--text-muted);font-size:12px}.kb-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.kb-card{background:#131324;background:var(--surface-card);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:18px;box-shadow:0 2px 8px #0000002e;cursor:pointer;overflow:hidden;position:relative;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.kb-card:hover{border-color:#ffffff24;border-color:var(--border-strong);box-shadow:0 16px 40px #00000073;transform:translateY(-6px)}.kb-card-viewed{opacity:.75}.kb-card-viewed:hover{opacity:1}.kb-thumb-wrap{aspect-ratio:16/9;background:#111;overflow:hidden;position:relative}.kb-thumb{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.kb-card:hover .kb-thumb{transform:scale(1.05)}.kb-play-btn{align-items:center;background:#ffffffe6;border-radius:50%;color:#111;display:flex;font-size:15px;height:44px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.7);transition:opacity .2s,transform .2s;width:44px}.kb-card:hover .kb-play-btn{opacity:1;transform:translate(-50%,-50%) scale(1)}.kb-viewed-chip{background:#10b981e6;font-weight:700;left:8px}.kb-level-chip,.kb-viewed-chip{border-radius:99px;color:#fff;font-size:10px;padding:3px 8px;position:absolute;top:8px}.kb-level-chip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;font-weight:600;right:8px}.kb-card-body{padding:14px 14px 10px}.kb-card-title{-webkit-line-clamp:2;color:#eef0f8;color:var(--text-primary);font-size:13px;font-weight:700;line-height:1.4;margin-bottom:4px}.kb-card-desc,.kb-card-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.kb-card-desc{-webkit-line-clamp:1;color:#525e78;color:var(--text-muted);font-size:11px;margin-bottom:8px}.kb-card-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.kb-meta-chip{background:#1a1a32;background:var(--surface-card-hover);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:99px;color:#525e78;color:var(--text-muted);font-size:10px;padding:2px 8px}.kb-progress-wrap{background:#ffffff12;background:var(--border-subtle);border-radius:99px;height:3px;margin-top:4px;overflow:hidden}.kb-progress-bar{border-radius:99px;height:100%;transition:width .4s ease}.kb-wish-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border:none;border-radius:50%;color:#525e78;color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;opacity:0;position:absolute;right:10px;top:10px;transition:all .15s;width:30px}.kb-card:hover .kb-wish-btn{opacity:1}.kb-wish-btn.wished{background:#000000a6;color:#f43f5e;opacity:1}.kb-wish-btn:hover{background:#000c;color:#f43f5e}.kb-empty{color:#525e78;color:var(--text-muted);font-size:14px;margin-top:40px}@media (max-width:600px){.kb-main{padding:20px 16px 40px}.kb-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.kb-header{align-items:flex-start;flex-direction:column}.kb-overall-progress{width:100%}}.netflix-page{background:#07070f;background:var(--bg-primary)}.netflix-main{padding:24px 0 40px}.netflix-header{margin-bottom:24px;padding:0 32px}.netflix-header h2{margin-bottom:6px}.netflix-rows{display:flex;flex-direction:column;gap:32px}.netflix-row-header{align-items:center;display:flex;gap:12px;margin-bottom:12px;padding:0 32px}.netflix-row-headtext{min-width:0}.netflix-track{display:flex;gap:14px;overflow-x:auto;padding:4px 32px 16px;scroll-behavior:smooth;scrollbar-color:#ffffff24 #0000;scrollbar-color:var(--border-strong) #0000;scrollbar-width:thin}.netflix-track::-webkit-scrollbar{height:6px}.netflix-track::-webkit-scrollbar-thumb{background:#ffffff24;background:var(--border-strong);border-radius:3px}.netflix-track::-webkit-scrollbar-thumb:hover{background:#525e78;background:var(--text-muted)}.netflix-card{aspect-ratio:16/9;background:#1a1a32;background:var(--surface-card-hover);border:none;border-radius:10px;border-radius:var(--radius-sm);cursor:pointer;flex:0 0 260px;overflow:hidden;padding:0;position:relative;transition:transform .25s ease,box-shadow .25s ease,z-index 0s;z-index:1}.netflix-card:hover{box-shadow:0 12px 32px #000000b3;transform:scale(1.12);z-index:10}.netflix-thumb{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.netflix-card-overlay{background:linear-gradient(0deg,#000000eb 0,#00000026 55%,#0000);display:flex;flex-direction:column;inset:0;justify-content:flex-end;opacity:0;padding:10px;position:absolute;transition:opacity .2s ease}.netflix-card:hover .netflix-card-overlay{opacity:1}.netflix-play-icon{align-items:center;background:#ffffffd9;border-radius:50%;color:#111;display:flex;font-size:14px;height:40px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.6);transition:opacity .2s ease,transform .2s ease;width:40px}.netflix-card:hover .netflix-play-icon{opacity:1;transform:translate(-50%,-50%) scale(1)}.netflix-card-info{text-align:left}.netflix-card-title{-webkit-line-clamp:1;color:#eef0f8;color:var(--text-primary);font-size:13px;font-weight:700;margin-bottom:2px}.netflix-card-desc,.netflix-card-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.netflix-card-desc{-webkit-line-clamp:2;color:#8a95b0;color:var(--text-secondary);font-size:11px}.hero-search{background:#131324;background:var(--surface-card);border:1px solid #ffffff12;border:1px solid var(--border-subtle)}.hero-title{margin-bottom:10px}@keyframes dashFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes barGrow{0%{width:0}}@keyframes goblinBounce{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}@keyframes goblinWiggle{0%,to{transform:rotate(-8deg) scale(1.05)}50%{transform:rotate(8deg) scale(1.1)}}@keyframes pickGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes probFill{0%{width:0}}.home-dashboard{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:1100px;padding:16px 16px 40px}.dk-widget{animation:dashFadeUp .4s ease both;border:1px solid #a78bfa33;border-radius:20px;padding:16px 20px;transition:border-color .3s}.dk-widget.focused{border-color:#a78bfa80;box-shadow:0 0 24px #7c3aed33}.dk-widget-inner{align-items:center;display:flex;gap:16px}.dk-widget-info{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.dk-bubble{background:#7c3aed26;border:1px solid #a78bfa40;border-radius:10px;color:#c4b5fd;font-size:13px;font-weight:600;line-height:1.4;padding:8px 12px;transition:all .3s}.dk-widget.focused .dk-bubble{background:#7c3aed47;border-color:#a78bfa80;color:#ede9fe}.dash-today-pick{animation:dashFadeUp .5s ease both;animation-delay:.05s;background:linear-gradient(135deg,#6d1cd12e,#0f0c1af7 60%,#0e74901a);border:1px solid #a78bfa59;border-radius:20px;overflow:hidden;position:relative}.dash-pick-glow{animation:pickGlow 4s ease-in-out infinite;background:radial-gradient(circle,#7c3aed59 0,#0000 70%);height:280px;left:-70px;pointer-events:none;position:absolute;top:-70px;width:280px}.dash-pick-inner{align-items:center;display:flex;gap:24px;padding:24px 28px;position:relative}.dash-pick-left{flex:1 1;min-width:0}.dash-pick-tag{align-items:center;background:linear-gradient(90deg,#7c3aed,#a78bfa);border-radius:99px;color:#fff;display:inline-flex;font-size:11px;font-weight:800;gap:4px;letter-spacing:.04em;margin-bottom:10px;padding:3px 12px}.dash-pick-title{color:#f0eaff;font-size:17px;font-weight:800;letter-spacing:-.01em;line-height:1.4;margin-bottom:6px}.dash-pick-channel{color:#7c3aed;font-size:12px;font-weight:600;margin-bottom:12px}.dash-pick-stats{display:flex;flex-wrap:wrap;gap:7px}.dash-pick-stat{background:#ffffff0d;border:1px solid #ffffff12;border-radius:6px;color:#6b7280;font-size:11px;padding:3px 8px}.dash-pick-stat.ratio{background:#7c3aed1f;border-color:#a78bfa40;color:#a78bfa;font-weight:700}.dash-pick-right{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:4px;min-width:130px}.dash-pick-grade{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#a78bfa,#c4b5fd);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:900;line-height:1}.dash-pick-prob-label{color:#6b7280;font-size:10px;font-weight:600;letter-spacing:.04em}.dash-pick-prob-num{color:#f0eaff;font-size:32px;font-weight:900;letter-spacing:-.03em;line-height:1}.dash-pick-prob-num span{color:#9ca3af;font-size:16px}.dash-pick-prob-bar{background:#ffffff12;border-radius:99px;height:6px;margin:4px 0;overflow:hidden;width:100%}.dash-pick-prob-fill{animation:probFill 1.6s cubic-bezier(.22,1,.36,1) both;animation-delay:.3s;border-radius:99px;height:100%}.dash-pick-btn,.dash-pick-prob-fill{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.dash-pick-btn{border:none;border-radius:10px;box-shadow:0 4px 16px #7c3aed59;color:#fff;cursor:pointer;font-size:12px;font-weight:700;margin-top:6px;padding:9px 16px;transition:opacity .15s,transform .15s;white-space:nowrap}.dash-pick-btn:hover{opacity:.85;transform:scale(1.04)}.dash-kpi-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.dash-kpi-card.glass{animation:dashFadeUp .55s ease both;animation-delay:0s;animation-delay:var(--dash-delay,0s);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffff0a;border:1px solid #ffffff17;border-radius:18px;box-shadow:0 4px 24px #00000059,inset 0 1px 0 #ffffff0f;overflow:hidden;padding:20px 18px 16px;position:relative;transition:border-color .2s,transform .2s,box-shadow .2s}.dash-kpi-card.glass:before{background:var(--dash-grad);border-radius:18px 18px 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}.dash-kpi-card.glass:after{background:linear-gradient(135deg,#ffffff0a,#0000 55%);border-radius:18px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.dash-kpi-card.glass:hover{border-color:#a78bfa47;box-shadow:0 16px 40px #00000080,inset 0 1px 0 #ffffff14;transform:translateY(-4px)}.dash-kpi-icon-wrap{align-items:center;background:var(--dash-grad);border-radius:12px;box-shadow:0 4px 14px #0000004d;display:flex;font-size:18px;height:38px;justify-content:center;margin-bottom:12px;width:38px}.dash-kpi-counter{align-items:baseline;display:flex;gap:3px;margin-bottom:2px}.dash-kpi-num{font-feature-settings:"tnum";color:#f0eaff;font-size:26px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.03em}.dash-kpi-unit{color:#6b7280;font-size:12px;font-weight:500}.dash-kpi-label{color:#c4b5fd;font-size:12px;font-weight:700;margin-bottom:3px}.dash-kpi-desc{color:#4b5563;font-size:10px;margin-bottom:12px}.dash-kpi-bar-track{background:#ffffff0f;border-radius:99px;height:4px;overflow:hidden}.dash-kpi-bar-fill{animation:barGrow 1.4s cubic-bezier(.22,1,.36,1) both;animation-delay:0s;animation-delay:var(--dash-delay,0s);background:var(--dash-grad);border-radius:99px;height:100%}.dash-bottom-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.dash-gauge-card.glass,.dash-guide-card.glass{animation:dashFadeUp .6s ease both;animation-delay:.3s;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:hsla(0,0%,100%,.035);border:1px solid #ffffff12;border-radius:18px;box-shadow:0 4px 24px #00000059,inset 0 1px 0 #ffffff0d;padding:20px 22px}.dash-section-title{color:#c4b5fd;font-size:13px;font-weight:700;margin-bottom:3px}.dash-section-sub{color:#4b5563;font-size:11px;margin-bottom:14px}.dash-gauge-list{display:flex;flex-direction:column;gap:9px}.dash-gauge-row{align-items:center;display:flex;gap:10px}.dash-gauge-grade{flex-shrink:0;font-size:12px;font-weight:800;width:24px}.dash-gauge-track{background:#ffffff0d;border-radius:99px;flex:1 1;height:7px;overflow:hidden}.dash-gauge-fill{animation:barGrow 1.4s cubic-bezier(.22,1,.36,1) both;border-radius:99px;height:100%}.dash-gauge-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;width:76px}.dash-gauge-pct{color:#9ca3af;font-size:11px;font-weight:700}.dash-gauge-hint{color:#374151;font-size:9px;line-height:1.2;text-align:right}.dash-steps{display:flex;flex-direction:column;gap:7px}.dash-step{align-items:center;animation:dashFadeUp .5s ease both;background:hsla(0,0%,100%,.025);border:1px solid #ffffff0a;border-radius:10px;display:flex;gap:10px;padding:8px 12px;transition:background .15s,border-color .15s}.dash-step:hover{background:#7c3aed14;border-color:#a78bfa33}.dash-step-num{align-items:center;background:linear-gradient(135deg,#6d28d9,#a78bfa);border-radius:50%;box-shadow:0 2px 8px #6d28d966;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:800;height:22px;justify-content:center;width:22px}.dash-step-icon{flex-shrink:0;font-size:14px}.dash-step-body{min-width:0}.dash-step-title{color:#e2d9f3;font-size:12px;font-weight:600}.dash-step-desc{color:#4b5563;font-size:10px;line-height:1.4;margin-top:1px}.dash-goblin{align-items:center;display:flex;gap:16px}.dash-goblin-right{display:flex;flex-direction:column;gap:6px}.dk-char{animation:goblinBounce 3s ease-in-out infinite;filter:drop-shadow(0 6px 18px rgba(80,200,80,.4));flex-shrink:0;height:180px;object-fit:contain;width:180px}.dash-goblin-row.focused .dk-char{animation:goblinWiggle .4s ease-in-out infinite}.dk-face{align-items:center;background:linear-gradient(145deg,#7c3aed,#4c1d95);border:2px solid #a78bfa99;border-radius:50%;box-shadow:0 4px 16px #7c3aed66,inset 0 -3px 8px #0000004d;display:flex;flex-direction:column;gap:4px;height:56px;justify-content:center;width:56px}.dk-eyes{display:flex;gap:10px}.dk-eyes span{background:#fde68a;border-radius:50% 50% 40% 40%;box-shadow:0 0 6px #fbbf24;height:9px;width:8px}.dash-goblin-row.focused .dk-eyes span{animation:eyeGlow .4s ease-in-out infinite alternate;border-radius:50%}@keyframes eyeGlow{0%{box-shadow:0 0 4px #fbbf24}to{box-shadow:0 0 12px #f59e0b,0 0 20px #fbbf24}}.dk-nose{background:#fde68a80;border-radius:50%;height:4px;width:5px}.dk-mouth{border:2px solid #fde68ab3;border-radius:0 0 10px 10px;border-top:none;height:8px;width:18px}.dash-goblin-row.focused .dk-mouth{border-color:#fde68a;height:10px;width:20px}.dk-club{bottom:-2px;filter:drop-shadow(0 2px 8px rgba(124,58,237,.6));font-size:26px;position:absolute;right:-8px;transform:rotate(30deg)}.dk-level-badge{align-items:center;background:linear-gradient(90deg,#7c3aed,#a78bfa);border-radius:99px;display:inline-flex;gap:6px;padding:3px 12px;width:-webkit-fit-content;width:fit-content}.dk-lv-num{color:#fff;font-size:12px;font-weight:900}.dk-lv-label{color:#ffffffd9;font-size:11px;font-weight:600}.dk-xp-bar-wrap{display:flex;flex-direction:column;gap:3px}.dk-xp-bar{background:#ffffff14;border-radius:99px;height:6px;overflow:hidden;width:180px}.dk-xp-fill{animation:barGrow 1.2s cubic-bezier(.22,1,.36,1) both;background:linear-gradient(90deg,#a78bfa,#fbbf24);border-radius:99px;height:100%}.dk-xp-txt{color:#6b7280;font-size:10px}.dash-goblin-bubble{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#7c3aed26;border:1px solid #a78bfa40;border-radius:12px 12px 12px 4px;color:#c4b5fd;font-size:13px;font-weight:600;line-height:1.5;padding:7px 14px;transition:all .3s ease;white-space:normal;width:-webkit-fit-content;width:fit-content}.dash-goblin-row.focused .dash-goblin-bubble{background:#7c3aed47;border-color:#a78bfa80;box-shadow:0 0 16px #7c3aed40;color:#ede9fe}.dash-todo-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.dash-todo-progress{background:#7c3aed1f;border:1px solid #a78bfa33;border-radius:99px;color:#a78bfa;font-size:11px;font-weight:700;padding:3px 10px}.dash-todo-card{animation:dashFadeUp .5s ease both;animation-delay:.05s;border-radius:18px;padding:20px 22px}.dash-todo-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}.dash-todo-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;display:flex;gap:10px;padding:10px 14px;transition:all .2s}.dash-todo-item.done{background:#7c3aed14;border-color:#a78bfa33;opacity:.65}.dash-todo-check{align-items:center;background:#0000;border:2px solid #a78bfa4d;border-radius:50%;color:#a78bfa;display:flex;flex-shrink:0;font-size:11px;font-weight:800;height:20px;justify-content:center;transition:all .2s;width:20px}.dash-todo-item.done .dash-todo-check{background:linear-gradient(135deg,#7c3aed,#a78bfa);border-color:#0000}.dash-todo-icon{flex-shrink:0;font-size:16px}.dash-todo-body{flex:1 1;min-width:0}.dash-todo-title{color:#e2d9f3;font-size:13px;font-weight:600}.dash-todo-desc{color:#4b5563;font-size:10px;margin-top:1px}.dash-todo-cta{background:linear-gradient(90deg,#7c3aed,#a78bfa);border:none;border-radius:8px;box-shadow:0 2px 10px #7c3aed4d;color:#fff;cursor:pointer;flex-shrink:0;font-size:11px;font-weight:700;padding:5px 12px;transition:opacity .15s,transform .15s;white-space:nowrap}.dash-todo-cta:hover{opacity:.85;transform:scale(1.04)}.dash-recommend{animation:dashFadeUp .5s ease both;animation-delay:.1s}.dash-recommend-label{color:#6b7280;font-size:12px;font-weight:600;margin-bottom:8px}.dash-chip-row{display:flex;flex-wrap:wrap;gap:8px}.dash-chip{background:#7c3aed1f;border:1px solid #a78bfa33;border-radius:99px;color:#c4b5fd;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:all .15s;white-space:nowrap}.dash-chip:hover{background:#7c3aed40;border-color:#a78bfa73;box-shadow:0 4px 12px #7c3aed33;color:#ede9fe;transform:translateY(-2px)}.dash-achievement-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-top:4px}.dash-badge{align-items:center;border:1px solid #0000;border-radius:12px;cursor:default;display:flex;flex-direction:column;gap:4px;padding:10px 6px;transition:all .2s}.dash-badge.unlocked{background:#7c3aed26;border-color:#a78bfa4d;box-shadow:0 2px 10px #7c3aed26}.dash-badge.locked{background:#ffffff05;border-color:#ffffff0d;filter:grayscale(1);opacity:.4}.dash-badge-icon{font-size:20px}.dash-badge-label{color:#9ca3af;font-size:10px;font-weight:600;line-height:1.2;text-align:center}.dash-badge.unlocked .dash-badge-label{color:#c4b5fd}@media (max-width:900px){.dash-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.dash-bottom-row{grid-template-columns:1fr}.dash-kpi-grid{grid-template-columns:repeat(2,1fr)}.home-dashboard{gap:12px;padding:10px 10px 28px}.dash-goblin-bubble{white-space:normal}.dk-xp-bar{width:140px}.dash-achievement-grid{grid-template-columns:repeat(3,1fr)}}.hero-headline{color:#eef0f8;color:var(--text-primary);font-size:16px;font-weight:700;margin-bottom:2px}.hero-sub{color:#8a95b0;color:var(--text-secondary);font-size:12px}.btn-search-big{border-radius:10px;border-radius:var(--radius-sm);font-size:15px;font-weight:800;padding:11px 24px;white-space:nowrap}.quick-filters{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.btn-advanced-toggle{background:#0000;border:1px solid #ffffff24;border:1px solid var(--border-strong);border-radius:10px;border-radius:var(--radius-sm);color:#8a95b0;color:var(--text-secondary);cursor:pointer;font-size:13px;margin-left:auto;padding:8px 14px;transition:background .15s,color .15s}.btn-advanced-toggle:hover{background:#1a1a32;background:var(--surface-card-hover);color:#eef0f8;color:var(--text-primary)}.result-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:0 0 24px}.discover-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}@media (min-width:1280px){.discover-grid{grid-template-columns:repeat(6,1fr)}}@media (min-width:1600px){.discover-grid{grid-template-columns:repeat(7,1fr)}}@media (min-width:1920px){.discover-grid{grid-template-columns:repeat(8,1fr)}}.result-card{background:#131324;background:var(--surface-card);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-card);cursor:pointer;overflow:hidden;transition:border-color .15s,transform .15s,box-shadow .15s}.result-card:hover{border-color:#ffffff24;border-color:var(--border-strong);box-shadow:0 8px 24px #00000059;transform:translateY(-2px)}.result-card.selected{border-color:#ef4444;border-color:var(--danger);box-shadow:0 0 0 2px #f871714d}.result-thumb-wrap{aspect-ratio:16/9;background:#07070f;background:var(--bg-primary);cursor:zoom-in;position:relative}.result-thumb{display:block;height:100%;object-fit:cover;width:100%}.result-thumb-wrap .type-badge{left:8px;position:absolute;top:8px}.result-thumb-wrap .country-badge{left:56px;position:absolute;top:8px}.result-rank{background:#000000b3;border-radius:6px;color:#eef0f8;color:var(--text-primary);font-size:12px;font-weight:800;padding:3px 8px;position:absolute;right:8px;top:8px}.result-body{padding:12px 14px 14px}.result-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#eef0f8;color:var(--text-primary);display:-webkit-box;font-size:14px;font-weight:700;margin-bottom:4px;overflow:hidden}.result-channel{color:#8a95b0;color:var(--text-secondary);font-size:12px;margin-bottom:8px}.ratio-badge{border-radius:999px;display:inline-block;font-size:12px;font-weight:800;margin-bottom:10px;padding:4px 10px}.ratio-badge.jackpot{background:#3a1a1a;color:#ff6b6b}.ratio-badge.hot{background:#3a2a14;color:#fbbf24}.ratio-badge.good{background:#1a3a24;color:#22c55e;color:var(--success)}.ratio-badge.normal{background:#1a2436;color:#06b6d4;color:var(--brand-cyan)}.result-stats{color:#8a95b0;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.result-stats span{background:#1a1a32;background:var(--surface-card-hover);border-radius:6px;padding:3px 8px}.seo-page-tabs{display:flex;gap:8px;margin-bottom:16px}.seo-page-tab{background:#131324;background:var(--surface-card);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-sm);color:#8a95b0;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:700;padding:10px 18px;transition:background .15s,color .15s,border-color .15s}.seo-page-tab:hover{background:#1a1a32;background:var(--surface-card-hover);color:#eef0f8;color:var(--text-primary)}.seo-page-tab.active{background:#8b5cf62e;border-color:#8b5cf6;border-color:var(--brand-purple);box-shadow:0 0 16px #8b5cf640;color:#eef0f8;color:var(--text-primary)}.competitor-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.competitor-tab{background:#1a1a32;background:var(--surface-card-hover);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:999px;color:#8a95b0;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:background .15s,color .15s,border-color .15s}.competitor-tab:hover{background:#ffffff12;background:var(--border-subtle);color:#eef0f8;color:var(--text-primary)}.competitor-tab.active{background:#2d1a1a;border-color:#5a2d2d;color:#f59e0b;color:var(--brand-amber)}.competitor-channel-header{align-items:center;display:flex;gap:12px}.competitor-channel-thumb{border-radius:50%;flex-shrink:0;height:48px;width:48px}.channel-compare-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.channel-compare-card{background:#131324;background:var(--surface-card);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-card);padding:16px}.channel-compare-label{color:#06b6d4;color:var(--brand-cyan);font-size:12px;font-weight:800;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.channel-compare-stats{display:flex;flex-direction:column;gap:8px;margin-top:14px}.channel-compare-stat{align-items:center;background:#1a1a32;background:var(--surface-card-hover);border-radius:10px;border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:8px 12px}.channel-compare-stat-label{color:#8a95b0;color:var(--text-secondary);font-size:12px}.channel-compare-stat-value{color:#eef0f8;color:var(--text-primary);font-size:14px;font-weight:800}.pattern-list{color:#8a95b0;color:var(--text-secondary);font-size:13px;line-height:1.9;margin:0;padding-left:18px}.pattern-list strong{color:#eef0f8;color:var(--text-primary)}.diag-summary{background:#131324;background:var(--surface-card);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-card);display:flex;gap:20px;margin-bottom:16px;padding:20px}.diag-summary-grade{align-items:center;border-right:1px solid #ffffff12;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;gap:6px;justify-content:center;padding-right:20px;width:100px}.diag-grade-letter{font-size:48px;font-weight:900;line-height:1}.diag-grade-letter.good{color:#22c55e;color:var(--success)}.diag-grade-letter.warn{color:#f59e0b;color:var(--brand-amber)}.diag-grade-letter.bad{color:#ef4444;color:var(--danger)}.diag-grade-caption{color:#8a95b0;color:var(--text-secondary);font-size:12px;text-align:center}.diag-summary-body{display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center}.diag-summary-row{align-items:center;display:flex;gap:12px}.diag-summary-row-top{align-items:flex-start}.diag-summary-label{color:#8a95b0;color:var(--text-secondary);flex-shrink:0;font-size:13px;font-weight:700;width:110px}.diag-summary-value{color:#eef0f8;color:var(--text-primary);font-size:15px;font-weight:800}.diag-summary-value.good{color:#22c55e;color:var(--success)}.diag-summary-value.warn{color:#f59e0b;color:var(--brand-amber)}.diag-summary-value.bad{color:#ef4444;color:var(--danger)}.diag-problem-list{display:flex;flex-direction:column;gap:4px}.diag-problem-item{color:#f59e0b;color:var(--brand-amber);font-size:14px;font-weight:700}.priority-section{margin-bottom:16px}.priority-section h3{font-size:16px;margin:0 0 12px}.priority-cards{display:flex;flex-direction:column;gap:10px}.priority-card{align-items:center;background:#131324;background:var(--surface-card);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-card);display:flex;gap:14px;padding:14px 16px}.priority-card-rank{color:#06b6d4;color:var(--brand-cyan);flex-shrink:0;font-size:22px;font-weight:900;text-align:center;width:32px}.priority-card-body{flex:1 1;min-width:0}.priority-card-title{color:#eef0f8;color:var(--text-primary);font-size:15px;font-weight:800;margin-bottom:2px}.priority-card-tip{font-size:13px}.priority-card-effect,.priority-card-tip{color:#8a95b0;color:var(--text-secondary)}.priority-card-effect{flex-shrink:0;font-size:12px;text-align:right;white-space:nowrap}.priority-stars{color:#f59e0b;color:var(--brand-amber);letter-spacing:1px}.detail-accordion{display:flex;flex-direction:column;gap:10px}.detail-section{background:#131324;background:var(--surface-card);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-sm);overflow:hidden}.detail-section-header{align-items:center;background:#0000;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;gap:10px;padding:14px 16px;text-align:left;transition:background .15s;width:100%}.detail-section-header:hover{background:#1a1a32;background:var(--surface-card-hover)}.detail-section.open .detail-section-header{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-subtle)}.detail-section-icon{flex-shrink:0;font-size:16px}.detail-section-title{color:#eef0f8;color:var(--text-primary);flex:1 1;font-size:14px;font-weight:700}.detail-section-arrow{color:#525e78;color:var(--text-muted);flex-shrink:0;font-size:12px}.detail-section-content{padding:16px}.simple-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.035);background:var(--glass-bg);border:1px solid #ffffff17;border:1px solid var(--glass-border);border-radius:16px;border-radius:var(--radius-card);cursor:pointer;overflow:visible;position:relative;transition:border-color .2s,transform .2s,box-shadow .2s,background .2s;z-index:0}.simple-card:hover{background:#8b5cf614;border-color:#8b5cf68c;box-shadow:0 12px 40px #8b5cf640,0 0 0 1px #8b5cf633;transform:translateY(-5px) scale(1.01);z-index:10}.simple-card.selected{border-color:#8b5cf6;border-color:var(--brand-purple);box-shadow:0 0 0 2px #8b5cf666,0 0 28px #8b5cf64d}.simple-thumb-wrap{aspect-ratio:9/16;background:#0d0d1a;background:var(--bg-secondary);cursor:zoom-in;overflow:hidden;position:relative}.simple-thumb,.simple-thumb-wrap{border-radius:16px 16px 0 0;width:100%}.simple-thumb{display:block;height:100%;object-fit:cover}.card-top-hud{gap:8px;left:0;padding:8px 10px;pointer-events:none;position:absolute;right:0;top:0;z-index:3}.btn-heart-hud,.card-top-hud{align-items:center;display:flex}.btn-heart-hud{background:none;border:none;color:#ffffffbf;cursor:pointer;flex-shrink:0;height:28px;justify-content:center;padding:0;pointer-events:auto;position:static;transition:color .18s,transform .18s;width:28px}.btn-heart-hud:hover{color:#fff;transform:scale(1.2)}.btn-heart-hud.saved{color:#e879f9}.btn-heart-hud.saved:hover{color:#f0abfc}.type-badge-hud{display:inline-flex;font-size:11px;height:22px;line-height:1;padding:4px 9px;pointer-events:none;white-space:nowrap}.hud-heart-btn,.type-badge-hud{align-items:center;flex-shrink:0;position:static}.hud-heart-btn{background:#00000073;border:1px solid #ffffff26;border-radius:50%;color:#ffffffbf;cursor:pointer;display:flex;height:26px;justify-content:center;margin-left:auto;padding:0;pointer-events:auto;transition:color .18s,transform .18s,background .18s;width:26px}.hud-heart-btn:hover{background:#000000a6;color:#fff;transform:scale(1.2)}.hud-heart-btn.saved{border-color:#e879f980;color:#e879f9}.hud-heart-btn.saved:hover{color:#f0abfc}.badge-probability-hud{align-items:center!important;display:inline-flex!important;flex-shrink:0;font-size:11px!important;height:22px!important;line-height:1!important;padding:4px 9px!important;pointer-events:auto;position:static!important;white-space:nowrap}.badge-probability{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:999px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.01em;outline:.5px solid #ffffff1f;padding:5px 11px;text-shadow:1px 1px 2px #000c;transition:transform .2s;width:-webkit-fit-content;width:fit-content}.badge-probability.prob-high{background:#6d28d9d9;border:1px solid #a78bfa73;box-shadow:0 0 14px #8b5cf68c;color:#f3e8ff}.badge-probability.prob-mid{background:#0678b4d9;border:1px solid #06b6d473;box-shadow:0 0 10px #06b6d459;color:#e0f7ff;text-shadow:1px 1px 2px #0009}.badge-probability.prob-low{background:#334155d9;border:1px solid #94a3b840;color:#e2e8f0}.simple-card:hover .badge-probability{transform:scale(1.05)}.simple-thumb-overlay{background:linear-gradient(0deg,#000000e6 0,#0000008c 50%,#0000);bottom:0;left:0;padding:44px 12px 12px;position:absolute;right:0;z-index:2}.simple-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:13px;font-weight:700;line-height:1.45;margin-bottom:8px;overflow:hidden;text-shadow:1px 1px 2px #000000f2}.simple-card-stats{align-items:center;display:flex;flex-wrap:nowrap;gap:5px}.badge-stat{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#334155d1;border:1px solid #94a3b833;border-radius:999px;box-sizing:border-box;color:#e2e8f0;display:inline-flex!important;flex-shrink:0;font-size:12px;font-weight:700;gap:4px;height:26px;justify-content:center;letter-spacing:.01em;max-width:104px;min-width:76px;outline:.5px solid #ffffff14;overflow:hidden;padding:0 10px;text-overflow:ellipsis;text-shadow:1px 1px 2px #000c;white-space:nowrap}.badge-stat.good{background:#15803dd1;border:1px solid #22c55e66;color:#dcfce7}.badge-stat.mid{background:#0664a0d1;border:1px solid #06b6d466;color:#e0f7ff;text-shadow:1px 1px 2px #0009}.badge-stat.bad{background:#991b1bd1;border:1px solid #ef444466;color:#fee2e2}.badge-spread{border-color:#8b5cf673}.badge-recency{background:#0f141ebf;border:1px solid #64748b66;color:#94a3b8}.badge-recency-warm{border-color:#fbbf2466;color:#fde68a}.badge-recency-hot{background:#1e0a0abf;border-color:#ef444473;color:#fca5a5}.trending-chips{flex-wrap:wrap;margin-top:10px}.trending-chips,.trending-header{align-items:center;display:flex;gap:8px}.trending-header{flex-shrink:0;width:100%}.trending-label{color:#8a95b0;color:var(--text-secondary);font-size:12px}.trending-region-tabs{display:flex;gap:4px;margin-left:auto}.trending-region-tab{background:#ffffff0a;border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:999px;color:#8a95b0;color:var(--text-secondary);cursor:pointer;font-size:11px;font-weight:600;padding:3px 10px;transition:background .15s,border-color .15s,color .15s}.trending-region-tab.active{background:#06b6d426;border-color:#06b6d4;border-color:var(--brand-cyan);color:#06b6d4;color:var(--brand-cyan)}.trending-region-tab:hover:not(.active){background:#ffffff14;color:#eef0f8;color:var(--text-primary)}.trending-chip{background:#ffffff0d;border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:999px;color:#06b6d4;color:var(--brand-cyan);cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;transition:background .15s,border-color .15s,box-shadow .15s}.trending-chip:hover{background:#06b6d41f;border-color:#06b6d4;border-color:var(--brand-cyan);box-shadow:0 0 12px #06b6d440}.drawer-overlay{animation:drawer-fade-in .2s ease;background:#00000080;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:10001}@keyframes drawer-fade-in{0%{background:#0000}to{background:#00000080}}.subtitle-drawer{animation:drawer-slide-in .3s cubic-bezier(.32,.72,0,1);background:#0d0d1a;background:var(--bg-secondary);border-left:1px solid #ffffff12;border-left:1px solid var(--border-subtle);box-shadow:-8px 0 32px #0006;display:flex;flex-direction:column;height:100%;max-width:100%;position:relative;width:440px}@keyframes drawer-slide-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}@media (max-width:600px){.subtitle-drawer{width:100%}}.drawer-header{align-items:center;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-subtle);display:flex;flex-shrink:0;gap:12px;padding:20px 48px 16px 20px}.drawer-thumb{border-radius:10px;border-radius:var(--radius-sm);flex-shrink:0;height:64px;object-fit:cover;width:64px}.drawer-header-info{min-width:0}.drawer-body{flex:1 1;overflow-y:auto;padding:20px}.subtitle-scroll-drawer{color:#eef0f8;color:var(--text-primary);font-size:15px;line-height:2}.subtitle-scroll-drawer .subtitle-line{margin-bottom:4px}.drawer-footer{background:#0d0d1a;background:var(--bg-secondary);border-top:1px solid #ffffff12;border-top:1px solid var(--border-subtle);display:flex;flex-shrink:0;gap:10px;padding:16px 20px}.btn-drawer-ai,.btn-drawer-copy{border:none;border-radius:10px;border-radius:var(--radius-sm);cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:12px 16px;transition:filter .15s,box-shadow .15s}.btn-drawer-copy{background:#ffffff14;color:#eef0f8;color:var(--text-primary)}.btn-drawer-copy:hover{background:#ffffff24}.btn-drawer-ai{background:linear-gradient(135deg,#8b5cf6,#06b6d4);background:linear-gradient(135deg,var(--brand-purple),var(--brand-cyan));box-shadow:0 0 16px #8b5cf666;color:#fff}.btn-drawer-ai:hover{box-shadow:0 0 22px #8b5cf699;filter:brightness(1.08)}.popup-nav-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f0f19b8;border:1px solid #ffffff1f;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:42px;justify-content:center;position:fixed;top:50%;transform:translateY(-50%);transition:background .15s,opacity .15s,transform .15s;width:42px;z-index:10002}.popup-nav-btn:hover:not(.disabled){background:#28283ceb;transform:translateY(-50%) scale(1.08)}.popup-nav-btn.disabled{cursor:not-allowed;opacity:.2}.popup-nav-prev{left:calc(50% - 380px)}.popup-nav-next{right:calc(50% - 380px)}@media (max-width:860px){.popup-nav-prev{left:6px}.popup-nav-next{right:6px}}:-moz-full-screen .popup-overlay,:-webkit-full-screen .popup-overlay,:fullscreen .popup-overlay{background:#000!important}.popup-overlay:fullscreen{align-items:center;background:#000;display:flex;justify-content:center}.popup-card.is-fullscreen,.popup-overlay:fullscreen .popup-card{background:#000!important;border:none!important;border-radius:0!important;display:block!important;height:100vh!important;max-height:100vh!important;max-width:100vw!important;overflow:hidden!important;padding:0!important;position:relative!important;width:100vw!important}.popup-card.is-fullscreen .popup-media-layer{aspect-ratio:unset!important;border-radius:0!important;height:100%!important;width:100%!important}.popup-card.is-fullscreen .popup-media-layer,.popup-card.is-fullscreen .popup-video-wrap{inset:0!important;position:absolute!important}.popup-card.is-fullscreen .popup-video,.popup-overlay:fullscreen .popup-video{height:100%!important;width:100%!important}.popup-card.is-fullscreen .popup-rewinder,.popup-overlay:fullscreen .popup-rewinder{background:linear-gradient(180deg,#0000 0,#000000bf 40%,#000000ed)!important;border-radius:0!important;border-top:none!important;bottom:0!important;display:flex!important;flex-direction:column!important;gap:8px!important;left:0!important;padding:36px 24px 20px!important;position:absolute!important;right:0!important;transform:translateY(0)!important;transition:opacity .4s ease,transform .4s ease!important;z-index:20!important}.fs-top-bar{align-items:center;background:linear-gradient(0deg,#0000 0,#000000b3);display:flex;justify-content:space-between;left:0;padding:18px 20px 32px;pointer-events:auto;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:20}.fs-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff38;border-radius:20px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:7px 16px;transition:background .2s}.fs-close-btn:hover{background:#ffffff38}.fs-position-badge{background:#0006;border-radius:12px;color:#ffffffa6;font-size:13px;font-weight:500;padding:4px 12px}.popup-card.is-fullscreen.fs-controls-hidden .popup-rewinder{opacity:0!important;pointer-events:none!important;transform:translateY(6px)!important}.popup-card.is-fullscreen.fs-controls-hidden .fs-top-bar{opacity:0!important;pointer-events:none!important}.popup-card.is-fullscreen .mobile-hud,.popup-card.is-fullscreen .popup-close,.popup-card.is-fullscreen .popup-desktop-content,.popup-card.is-fullscreen .popup-img-wrap,.popup-card.is-fullscreen .popup-position,.popup-card.is-fullscreen .popup-seo-summary,.popup-overlay:fullscreen .mobile-hud,.popup-overlay:fullscreen .popup-close,.popup-overlay:fullscreen .popup-desktop-content,.popup-overlay:fullscreen .popup-img-wrap,.popup-overlay:fullscreen .popup-position,.popup-overlay:fullscreen .popup-seo-summary{display:none!important}.popup-card.is-fullscreen~.popup-nav-btn,:-moz-full-screen .popup-nav-btn,:-webkit-full-screen .popup-nav-btn,:fullscreen .popup-nav-btn{display:none!important}.rw-btn.rw-fs{margin-left:auto;opacity:.8}.rw-btn.rw-fs:hover{opacity:1}.rw-btn.rw-dl{align-items:center;background:#0000;border:1px solid #34d39973;color:#6ee7b7;display:inline-flex;gap:4px;justify-content:center;min-width:80px;white-space:nowrap}.rw-btn.rw-dl:hover{background:#10b9811f;border-color:#34d399bf;color:#a7f3d0}.rw-btn.rw-dl-loading{animation:dl-pulse 1s ease-in-out infinite;border-style:dashed;cursor:wait}@keyframes dl-pulse{0%,to{opacity:.55}50%{opacity:1}}.mobile-hud{display:none}.popup-desktop-only{display:block}.popup-desktop-content{display:block;overflow-y:auto;padding:16px 20px 20px}.swipe-hint{display:none}.popup-hub-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:14px}.popup-hub-actions .btn-popup-analysis,.popup-hub-actions .btn-popup-save,.popup-hub-actions .btn-yt{justify-content:center;text-align:center;width:100%}.btn-popup-analysis{background:#8b5cf626;border:1px solid #8b5cf659;border-radius:10px;border-radius:var(--radius-sm);color:#8b5cf6;color:var(--brand-purple);cursor:pointer;font-size:13px;font-weight:600;padding:9px 12px;transition:background .15s,border-color .15s}.btn-popup-analysis:hover{background:#8b5cf647;border-color:#8b5cf699}.drawer-tabs{background:#ffffff05;border-bottom:1px solid #ffffff14;display:flex;flex-shrink:0}.drawer-tab{background:none;border:none;border-bottom:2px solid #0000;color:#8a95b0;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:13px;font-weight:600;margin-bottom:-1px;padding:12px 8px;transition:color .15s,background .15s,border-color .15s}.drawer-tab:hover{background:#ffffff0a;color:#eef0f8;color:var(--text-primary)}.drawer-tab.active{border-bottom-color:#8b5cf6;border-bottom-color:var(--brand-purple);color:#8b5cf6;color:var(--brand-purple)}.drawer-comment-body{overflow-y:auto}.drawer-comment-content{display:flex;flex-direction:column;gap:0}.popup-two-col{border-top:1px solid #ffffff12;display:flex;flex:1 1;flex-direction:row;gap:0;min-height:0}.popup-left-info{border-right:1px solid #ffffff12;display:flex;flex-direction:column;flex-shrink:0;gap:0;overflow-y:auto;padding:14px 16px 16px;width:44%}.popup-right-panel{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.popup-compact-stats{grid-gap:5px;display:grid;gap:5px;grid-template-columns:1fr 1fr 1fr;margin:8px 0 12px}.popup-compact-stats span{background:#ffffff0a;border-radius:8px;color:#eef0f8;color:var(--text-primary);display:flex;flex-direction:column;font-size:13px;font-weight:700;gap:3px;overflow:hidden;padding:7px 10px;white-space:nowrap}.popup-compact-stats em{color:#8a95b0;color:var(--text-secondary);font-size:10px;font-style:normal;font-weight:500}.popup-mini-actions{display:flex;gap:8px;margin-top:auto;padding-top:10px}.popup-mini-actions .btn-popup-save,.popup-mini-actions .btn-yt{flex:1 1;justify-content:center;text-align:center}.popup-right-tabs{background:#ffffff05;border-bottom:1px solid #ffffff12;display:flex;flex-shrink:0}.popup-right-tab{background:none;border:none;border-bottom:2px solid #0000;color:#8a95b0;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:13px;font-weight:600;margin-bottom:-1px;padding:12px 8px;transition:color .15s,background .15s}.popup-right-tab:hover{background:#ffffff0a;color:#eef0f8;color:var(--text-primary)}.popup-right-tab.active{border-bottom-color:#8b5cf6;border-bottom-color:var(--brand-purple);color:#8b5cf6;color:var(--brand-purple)}.popup-right-content{flex:1 1;min-height:0;overflow:hidden;position:relative}.popup-tab-pane{inset:0;overflow-x:hidden;overflow-y:auto;position:absolute}.popup-comment-panel,.popup-subtitle-panel{padding:12px 16px 16px}.popup-subtitle-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.popup-subtitle-lines{display:flex;flex-direction:column;gap:2px}.subtitle-line-item{align-items:baseline;border-radius:6px;display:flex;gap:8px;padding:5px 8px;transition:background .12s}.subtitle-line-item:hover{background:#ffffff0d}.subtitle-line-item .sub-ts{color:#8b5cf6;color:var(--brand-purple);flex-shrink:0;font-size:11px;font-weight:600;min-width:38px}.subtitle-line-item .sub-text{color:#eef0f8;color:var(--text-primary);font-size:13px;line-height:1.5}.popup-right-empty{align-items:center;color:#8a95b0;color:var(--text-secondary);display:flex;flex-direction:column;font-size:13px;gap:10px;height:100%;justify-content:center;min-height:180px;text-align:center}.popup-right-empty-icon{font-size:32px}.popup-right-empty-btn{background:#8b5cf633;border:1px solid #8b5cf666;border-radius:8px;color:#8b5cf6;color:var(--brand-purple);cursor:pointer;font-size:13px;font-weight:600;margin-top:8px;padding:8px 20px;transition:background .15s}.popup-right-empty-btn:hover{background:#8b5cf659}.popup-right-loading{color:#8a95b0;color:var(--text-secondary);font-size:13px;padding:40px 16px;text-align:center}.popup-right-error{color:#f87171;font-size:13px;line-height:1.5;padding:20px 16px}.popup-two-col .comment-keywords,.popup-two-col .comment-sentiment{margin-bottom:12px}.popup-two-col .comment-top3{margin-bottom:0}.popup-sub-error-box{display:flex;flex-direction:column;gap:0}.popup-manual-sub{background:#8b5cf614;border:1px solid #8b5cf640;border-radius:12px;display:flex;flex-direction:column;gap:8px;margin-top:12px;padding:14px 16px}.popup-manual-sub-title{color:#8b5cf6;color:var(--brand-purple);font-size:13px;font-weight:700}.popup-manual-sub-desc{color:#8a95b0;color:var(--text-secondary);font-size:12px}.popup-manual-sub-input{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;color:#eef0f8;color:var(--text-primary);font-family:inherit;font-size:12px;min-height:90px;padding:10px;resize:vertical;width:100%}.popup-manual-sub-input:focus{border-color:#8b5cf6;border-color:var(--brand-purple);outline:none}.popup-manual-sub-btn{background:#8b5cf6;background:var(--brand-purple);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:10px;transition:filter .15s}.popup-manual-sub-btn:hover{filter:brightness(1.15)}.popup-seo-summary{align-items:center;background:#ffffff0a;border-radius:10px;border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;font-size:13px;gap:8px;margin-bottom:14px;padding:10px 14px}.popup-seo-label{color:#06b6d4;color:var(--brand-cyan);font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.popup-seo-loading{color:#8a95b0;color:var(--text-secondary)}.popup-seo-error{color:#ef4444;color:var(--danger);font-size:12px}.popup-seo-grade{border-radius:999px;font-size:12px;font-weight:800;padding:3px 10px}.popup-seo-grade.good{background:#22c55e;color:#fff}.popup-seo-grade.warn{background:#f59e0b;background:var(--brand-amber);color:#0f172a}.popup-seo-grade.bad{background:#ef4444;color:#fff}.popup-seo-issue{color:#eef0f8;color:var(--text-primary);flex:1 1;min-width:0}.btn-seo-detail{background:#0000;border:1px solid #06b6d4;border:1px solid var(--brand-cyan);border-radius:999px;color:#06b6d4;color:var(--brand-cyan);cursor:pointer;font-size:12px;font-weight:700;padding:5px 12px;transition:background .15s,color .15s;white-space:nowrap}.btn-seo-detail:hover{background:#06b6d4;background:var(--brand-cyan);color:#0f172a}.bottom-nav,.mobile-filter-overlay{display:none}@media (max-width:768px){.mobile-filter-overlay{align-items:flex-end;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;position:fixed;z-index:2000}.mobile-filter-sheet{animation:slideUp .28s cubic-bezier(.34,1,.64,1);background:#0d0d1a;background:var(--bg-secondary);border-radius:20px 20px 0 0;border-top:1px solid #ffffff24;border-top:1px solid var(--border-strong);display:flex;flex-direction:column;max-height:82dvh;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.mobile-filter-header{align-items:center;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-subtle);display:flex;flex-shrink:0;justify-content:space-between;padding:18px 20px 14px}.mobile-filter-title{align-items:center;color:#eef0f8;color:var(--text-primary);display:flex;font-size:15px;font-weight:700}.mobile-filter-close{align-items:center;background:#ffffff12;border:none;border-radius:50%;color:#8a95b0;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.mobile-filter-body{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;gap:14px;overflow-y:auto;padding:16px 20px}.filter-toggles-mobile{display:flex;flex-direction:column;gap:12px;padding-top:4px}.mobile-filter-footer{border-top:1px solid #ffffff12;border-top:1px solid var(--border-subtle);flex-shrink:0;padding:14px 20px calc(14px + env(safe-area-inset-bottom, 0px))}.btn-filter-apply{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a78bfa);background:linear-gradient(135deg,var(--brand-purple),#a78bfa);border:none;border-radius:16px;border-radius:var(--radius-card);box-shadow:0 4px 20px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;justify-content:center;padding:15px;width:100%}.sidebar{box-shadow:none;display:flex!important;transform:translateX(-100%);width:260px!important;z-index:1300}.sidebar.mobile-open{box-shadow:8px 0 40px #0009;transform:translateX(0)}.sidebar.collapsed{padding:16px 10px!important;width:260px!important}.sidebar.collapsed .logo-text,.sidebar.collapsed .sidebar-label{opacity:1!important;pointer-events:auto!important;transform:none!important;width:auto!important}.sidebar.collapsed .sidebar-api{display:flex!important;opacity:1!important;pointer-events:auto!important}.sidebar.collapsed .sidebar-logo{justify-content:flex-start!important;padding:0 12px!important}.sidebar.collapsed .sidebar-item{gap:12px!important;justify-content:flex-start!important;padding:12px 14px!important}.sidebar-toggle,.sidebar.collapsed .sidebar-item:after{display:none!important}.sidebar-backdrop{animation:backdrop-fade-in .25s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;display:block;inset:0;position:fixed;z-index:1290}}@media (max-width:768px){@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}.app,.competitor-page,.kb-page,.learning-page,.seo-page,.shopping-page{margin-left:0!important;max-width:100vw;min-width:0;overflow-x:hidden;padding-bottom:70px;width:100%}.app-layout{overflow-x:hidden}.fixed-top{left:0!important;padding:10px 10px 6px;position:relative!important;top:auto!important;transition:opacity .25s,transform .25s;width:100%!important}.fixed-top.header-hidden{opacity:0;pointer-events:none;transform:translateY(-12px)}.main{padding-top:0!important}.hero-search{border-radius:16px!important;margin-bottom:6px!important;margin-left:0!important;margin-right:0!important;padding:14px!important}.hero-title{display:none!important}.search-row{flex-direction:column;gap:8px;margin-bottom:0}.btn-search-big{width:100%}.search-input{border-radius:12px!important;flex:1 1;font-size:15px!important;padding:14px!important}.btn-search,.btn-search-big{border-radius:12px!important;flex-shrink:0;font-size:14px!important;padding:14px 18px!important;white-space:nowrap}.home-dashboard{gap:10px!important;padding:8px 10px 80px!important}.dk-widget{padding:14px}.dk-char{height:130px!important;width:130px!important}.dk-widget-info{gap:7px}.dk-level-badge{padding:4px 12px}.dk-lv-num{font-size:13px}.dk-lv-label{font-size:12px}.dk-xp-bar{width:100%!important}.dk-bubble{font-size:12px;padding:7px 10px}.dash-todo-card{border-radius:16px!important;padding:16px 14px!important}.dash-todo-item{gap:12px;padding:13px 12px!important}.dash-todo-title{font-size:14px!important}.dash-todo-desc{font-size:11px!important}.dash-todo-cta{border-radius:10px!important;font-size:13px!important;padding:8px 16px!important}.dash-todo-check{font-size:13px!important;height:24px!important;width:24px!important}.dash-chip{font-size:13px!important;padding:8px 16px!important}.trending-chips{flex-wrap:wrap!important;overflow-x:visible!important;padding-bottom:2px}.trending-header{flex-wrap:nowrap;overflow-x:visible}.trending-chip-row{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;width:100%}.trending-chip-row::-webkit-scrollbar,.trending-chips::-webkit-scrollbar{display:none}.trending-label{flex-shrink:0;font-size:11px}.trending-chip{flex-shrink:0;font-size:11px!important;padding:4px 10px!important}.quick-filters{flex-wrap:wrap!important;gap:6px;justify-content:center!important}.quick-filters .filter-group{display:none!important}.btn-advanced-toggle{align-items:center;display:flex;font-size:12px!important;gap:5px;justify-content:center;margin-left:0!important;padding:9px 14px!important;width:100%!important}.action-row,.filters{display:none!important}.results-title{font-size:12px}.discover-grid{gap:8px!important;grid-template-columns:repeat(2,1fr)!important;padding:4px 8px 8px!important}.simple-title{font-size:11px!important}.simple-meta{font-size:10px!important}.badge-probability{font-size:9px!important;padding:3px 7px!important}.popup-overlay{align-items:flex-start!important;background:#000!important;padding:0!important;touch-action:none}.popup-nav{display:none!important}.popup-card{background:#000!important;border-radius:0!important;display:flex!important;height:100dvh!important;margin:0!important;max-height:100dvh!important;overflow:hidden!important;position:relative!important;width:100%!important}.popup-media-layer{border-radius:0!important;flex:1 1!important}.popup-img-wrap,.popup-media-layer,.popup-video-wrap{aspect-ratio:unset!important;max-height:none!important;width:100%!important}.popup-img-wrap,.popup-video-wrap{background:#000;height:100%!important;inset:0!important;position:absolute!important}.popup-video{height:100%!important;width:100%!important}.popup-img{background:#000;border-radius:0!important;object-fit:contain!important}.popup-play-overlay{background:#0000!important}.popup-desktop-content{display:none!important}.popup-card{flex-direction:column!important;max-width:100%!important;overflow-y:auto!important;padding:0!important}.popup-position{font-size:11px;left:12px;top:10px;z-index:10010}.popup-close{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;border:1px solid #ffffff40;border-radius:50%;color:#fff;font-size:16px;height:36px;right:12px;top:12px;width:36px;z-index:10010}.popup-desktop-only{display:none!important}.mobile-hud{display:flex!important;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0);z-index:10005}.mobile-hud,.mobile-hud-gradient{bottom:0;left:0;position:absolute;right:0}.mobile-hud-gradient{background:linear-gradient(0deg,#000000e0 0,#00000080 55%,#0000);height:200px;pointer-events:none;z-index:0}.mobile-actions-row,.mobile-info-row,.mobile-seekbar-wrap,.mobile-stats-row{position:relative;z-index:1}.mobile-seekbar-wrap{align-items:center;cursor:pointer;display:flex;height:28px;padding:0 14px;touch-action:none}.mobile-seekbar-track{background:#ffffff40;border-radius:2px;height:3px;overflow:visible;position:relative;width:100%}.mobile-seekbar-fill{background:#8b5cf6;background:var(--brand-purple);border-radius:2px;height:100%;position:relative}.mobile-seekbar-fill:after{background:#fff;border-radius:50%;box-shadow:0 0 5px #8b5cf6e6;content:"";height:11px;position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:11px}.mobile-loop-zone{background:#8b5cf666;border-radius:2px;height:100%;position:absolute;top:0}.mobile-info-row{align-items:flex-end;display:flex;gap:8px;justify-content:space-between;padding:4px 14px 2px}.mobile-info-text{flex:1 1;min-width:0}.mobile-vid-title{color:#fff;font-size:13px;font-weight:700;line-height:1.35;margin-bottom:1px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 4px #0009;white-space:nowrap}.mobile-vid-channel{color:#fff9;font-size:11px}.mobile-time-badge{background:#00000059;border-radius:4px;color:#ffffffbf;font-size:11px;padding:2px 5px;white-space:nowrap}.mobile-stats-row{gap:0;overflow:hidden;padding:3px 14px 5px}.mobile-stats-row,.mstat{align-items:center;display:flex}.mstat{gap:4px}.mstat-l{color:#ffffff73;font-size:10px}.mstat-v{color:#ffffffe6;font-size:11px;font-weight:700}.mstat-v.stat-highlight{color:#c4b5fd}.mstat-div{background:#fff3;flex-shrink:0;height:10px;margin:0 8px;width:1px}.mobile-actions-row{align-items:center;display:flex;gap:6px;justify-content:space-between;padding:2px 10px 10px}.mobile-rw-group{flex-wrap:nowrap}.mobile-main-btns,.mobile-rw-group{align-items:center;display:flex;gap:4px}.mobile-main-btns{flex-shrink:0}.mhud-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:8px;color:#ffffffe6;cursor:pointer;display:inline-flex;font-size:11px;font-weight:700;gap:4px;justify-content:center;min-height:44px;min-width:44px;padding:0 10px;text-decoration:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;white-space:nowrap}.mhud-btn:active{background:#ffffff38;transform:scale(.95);transition:transform .08s}.mhud-btn.mhud-loop-set{background:#6d28d938;border-color:#8b5cf6b3;box-shadow:0 0 8px #8b5cf666;color:#d8b4fe;white-space:nowrap}.mhud-btn.mhud-loop-ab{background:#6d28d966;border-color:#a78bfae6;box-shadow:0 0 12px #8b5cf699,0 0 24px #8b5cf640;color:#f3e8ff;text-shadow:0 0 8px #d8b4fecc;white-space:nowrap}.mhud-btn.mhud-loop-on{background:#8b5cf64d;border-color:#8b5cf6;border-color:var(--brand-purple);box-shadow:0 0 10px #8b5cf680;color:#c4b5fd;white-space:nowrap}.mhud-btn.mhud-heart.saved{background:#f8717126;border-color:#f8717199;color:#f87171}.mhud-btn.mhud-yt{border-color:#ff505066;color:#fca5a5}.mhud-btn.mhud-dl{align-items:center;background:#10b98126;border-color:#34d39973;color:#6ee7b7;display:inline-flex;gap:3px}.mhud-btn.mhud-dl-loading{animation:dl-pulse 1.2s ease-in-out infinite;cursor:wait;opacity:.6}.drawer-overlay{align-items:flex-end!important;background:#00000080!important;justify-content:flex-start!important;z-index:20000!important}.subtitle-drawer{animation:bs-slide-up .3s cubic-bezier(.32,.72,0,1)!important;border-left:none!important;border-radius:20px 20px 0 0!important;border-top:1px solid #ffffff24!important;border-top:1px solid var(--border-strong)!important;box-shadow:0 -8px 32px #00000080!important;height:58dvh!important;max-height:58dvh!important;width:100%!important}@keyframes bs-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.subtitle-drawer:before{background:#fff3;border-radius:2px;content:"";display:block;flex-shrink:0;height:4px;margin:10px auto 0;width:36px}.bottom-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d0d1af2;border-top:1px solid #ffffff12;border-top:1px solid var(--border-subtle);bottom:0;height:60px;height:calc(60px + env(safe-area-inset-bottom, 0px));justify-content:space-around;left:0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:1200}.bottom-nav,.bottom-nav-item{align-items:center;display:flex}.bottom-nav-item{background:#0000;border:none;color:#525e78;color:var(--text-muted);cursor:pointer;flex:1 1;flex-direction:column;font-family:inherit;gap:3px;height:100%;justify-content:center;padding:0;transition:color .15s}.bottom-nav-item.active{color:#8b5cf6;color:var(--brand-purple)}.bottom-nav-icon{align-items:center;display:flex;justify-content:center;line-height:1}.bottom-nav-label{font-size:10px;font-weight:600;line-height:1}}.btn-heart-scrim{align-items:center;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;position:static!important;transition:background .18s,color .18s,transform .18s;width:30px}.btn-heart-scrim:hover{background:#000c;transform:scale(1.15)}.btn-heart-scrim.saved{background:#a855f759;border-color:#a855f780;color:#e879f9}.btn-heart-scrim.saved:hover{background:#a855f799}.btn-heart{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border:none;border-radius:50%;color:#ffffffd9;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;position:absolute;right:6px;top:6px;transition:background .18s,color .18s,transform .18s;width:34px;z-index:10}.btn-heart:hover{background:#000c;transform:scale(1.15)}.btn-heart.saved{background:#a855f759;color:#e879f9}.btn-heart.saved:hover{background:#a855f799}.btn-popup-save{align-items:center;background:#ffffff0f;border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:8px;color:#8a95b0;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:9px 16px;transition:background .18s,color .18s,border-color .18s}.btn-popup-save:hover{background:#a855f733;border-color:#8b5cf6;border-color:var(--brand-purple);color:#e879f9}.btn-popup-save.saved{background:#a855f726;border-color:#a855f780;color:#e879f9}.btn-heart-popup{align-items:center;background:#ffffff1f;border:1px solid #fff3;color:#fffc;display:inline-flex;gap:5px}.btn-heart-popup.saved{background:#a855f740;border-color:#a855f780;color:#e879f9}.sidebar-badge{min-width:16px;padding:1px 5px;right:-7px;top:-5px}.bottom-nav-badge,.sidebar-badge{background:#8b5cf6;background:var(--brand-purple);border-radius:10px;color:#fff;font-size:9px;font-weight:700;position:absolute;text-align:center}.bottom-nav-badge{min-width:14px;padding:1px 4px;right:-6px;top:-4px}.api-settings-page{min-height:100vh}.api-settings-main{margin:0 auto;max-width:640px;padding:32px 24px 100px}.api-settings-header{align-items:center;display:flex;gap:10px;margin-bottom:20px}.api-settings-title{align-items:center;color:#eef0f8;color:var(--text-primary);display:flex;flex:1 1;font-size:20px;font-weight:700;gap:8px}.api-settings-count{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;color:#525e78;color:var(--text-muted);font-size:13px;padding:2px 10px}.api-battery-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:14px 16px}.api-battery-label{align-items:center;color:#525e78;color:var(--text-muted);display:flex;font-size:13px;gap:6px;margin-bottom:8px}.api-battery-pct{font-weight:700;margin-left:4px}.api-battery-units{font-size:11px;margin-left:auto}.api-battery-track{background:var(--border);border-radius:99px;height:6px;overflow:hidden}.api-battery-fill{border-radius:99px;height:100%;transition:width .4s ease}.api-empty{color:#525e78;color:var(--text-muted);padding:60px 20px;text-align:center}.api-empty p{font-size:15px;margin:0 0 6px}.api-empty-sub{font-size:13px}.api-key-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.api-key-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.api-key-card.key-active{border-color:#8b5cf6;border-color:var(--brand-purple)}.api-key-card.key-burned{opacity:.55}.api-key-card-top{align-items:center;display:flex;gap:8px;margin-bottom:8px}.api-status-badge{border-radius:6px;font-size:11px;font-weight:600;padding:2px 8px}.badge-active{background:#8b5cf62e;color:#a78bfa}.badge-ready{background:#22c55e26;color:#4ade80}.badge-exhausted{background:#ef444426;color:#f87171}.api-key-index{color:#525e78;color:var(--text-muted);font-size:12px}.api-key-actions{display:flex;gap:4px;margin-left:auto}.api-icon-btn{align-items:center;background:none;border:none;border-radius:6px;color:#525e78;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px 6px;transition:background .15s,color .15s}.api-icon-btn:hover{background:var(--border);color:#eef0f8;color:var(--text-primary)}.api-icon-del:hover{color:#ef4444}.api-key-value{color:#eef0f8;color:var(--text-primary);font-family:monospace;font-size:12px;margin-bottom:4px;word-break:break-all}.api-add-section{margin-bottom:14px}.api-add-row{display:flex;gap:8px}.api-add-input{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;color:#eef0f8;color:var(--text-primary);flex:1 1;font-size:14px;outline:none;padding:10px 14px;transition:border-color .15s}.api-add-input:focus{border-color:#8b5cf6;border-color:var(--brand-purple)}.api-add-input::placeholder{color:#525e78;color:var(--text-muted)}.api-add-btn{align-items:center;background:#8b5cf6;background:var(--brand-purple);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 16px;transition:opacity .15s}.api-add-btn:disabled{cursor:not-allowed;opacity:.4}.api-add-btn:not(:disabled):hover{opacity:.85}.api-reset-btn{align-items:center;background:none;border:1px solid var(--border);border-radius:10px;color:#525e78;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;gap:6px;justify-content:center;padding:9px 16px;transition:border-color .15s,color .15s;width:100%}.api-reset-btn:hover{border-color:#f59e0b;color:#f59e0b}.api-status-dot{border:1.5px solid var(--sidebar-bg);border-radius:50%;height:7px;position:absolute;right:-2px;top:-2px;width:7px}.dot-ok{background:#22c55e}.dot-warn{background:#f59e0b}.dot-burned{background:#ef4444}.api-mini-badges{display:flex;flex-wrap:wrap;gap:3px;margin-left:4px}.api-mini-dot{border-radius:50%;height:7px;width:7px}.api-mini-dot.active{background:#a78bfa}.api-mini-dot.ready{background:#4ade80}.api-mini-dot.burned{background:#ef4444}.library-page{min-height:100vh}.library-main{margin:0 auto;max-width:1400px;padding:32px 24px 100px}.library-header{gap:12px;margin-bottom:24px}.library-header,.library-title{align-items:center;display:flex}.library-title{color:#eef0f8;color:var(--text-primary);font-size:22px;font-weight:700;gap:10px;margin:0}.library-count{background:#ffffff12;border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:20px;font-size:13px;padding:3px 10px}.library-count,.library-empty{color:#525e78;color:var(--text-muted)}.library-empty{align-items:center;display:flex;flex-direction:column;font-size:15px;gap:6px;justify-content:center;min-height:40vh;text-align:center}.library-empty-sub{color:#525e78;color:var(--text-muted);font-size:13px;opacity:.7}@media (max-width:768px){.library-main{padding:16px 8px 80px}.library-title{font-size:18px}}.toast{align-items:flex-start;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid #ffffff24;border-radius:12px;box-shadow:0 8px 32px #0000008c,0 2px 8px #0000004d;cursor:pointer;display:flex;gap:10px;left:50%;max-width:min(420px,90vw);min-width:0;padding:12px 16px;pointer-events:auto;position:fixed;transform:translateX(-50%);width:auto;z-index:999999}.toast-pos-bottom{bottom:88px}.toast-pos-top{bottom:auto;top:calc(60px + env(safe-area-inset-top, 0px))}.toast-error{background:#a01414ed}.toast-success{background:#108c40ed}.toast-info{background:#3246b4ed}.toast-msg{color:#fff;flex:1 1;font-size:13px;line-height:1.55;min-width:0;overflow-wrap:break-word;white-space:pre-line;word-break:keep-all}.toast-close{background:#0000;border:none;color:#ffffffa6;cursor:pointer;flex-shrink:0;font-size:12px;line-height:1;margin-top:2px;min-width:16px;padding:0}@media (max-width:768px){.toast-pos-bottom{bottom:76px}.toast-pos-top{top:calc(56px + env(safe-area-inset-top, 0px))}.toast-msg{font-size:12px}.toast-pos-top{top:calc(64px + env(safe-area-inset-top, 0px))}}.badge-tooltip-wrap{cursor:help;position:relative}.badge-tooltip{background:#1a1a32;background:var(--surface-card-hover);border:1px solid #ffffff24;border:1px solid var(--border-strong);border-radius:10px;border-radius:var(--radius-sm);bottom:calc(100% + 8px);box-shadow:0 4px 16px #00000080;color:#eef0f8;color:var(--text-primary);font-size:12px;font-weight:400;left:0;line-height:1.5;max-width:min(210px,calc(100vw - 32px));opacity:0;padding:10px 12px;pointer-events:none;position:absolute;text-shadow:none;transition:opacity .15s ease;white-space:normal;width:210px;word-break:break-word;z-index:9999}.badge-tooltip-wrap:hover .badge-tooltip{opacity:0}.badge-probability .badge-tooltip{bottom:auto;left:auto;right:0;top:calc(100% + 8px);width:180px}.badge-tooltip-wrap.tip-flip-left .badge-tooltip{left:auto;right:0}.badge-tooltip-wrap.tip-flip-up .badge-tooltip{bottom:calc(100% + 8px);top:auto}.badge-tooltip-wrap.tip-flip-down .badge-tooltip{bottom:auto;top:calc(100% + 8px)}.ic-wrap{display:flex;flex-direction:column;height:100%;overflow:hidden}.ic-header{background:#07070f;background:var(--bg-primary,#0f0f13);border-bottom:1px solid #ffffff12;flex-shrink:0;padding:14px 16px 10px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.ic-input-row{display:flex;gap:6px;margin-bottom:10px}.ic-input{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;color:#fff;flex:1 1;font-size:13px;min-width:0;outline:none;padding:9px 14px;transition:border-color .15s}.ic-input::placeholder{color:#ffffff40}.ic-input:focus{border-color:#8b5cf699}.ic-btn-collect{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:700;padding:9px 18px;transition:opacity .15s}.ic-btn-collect:disabled{opacity:.45}.ic-btn-check{background:#ffffff12;border:1px solid #ffffff24;border-radius:8px;color:#ffffffa6;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:600;padding:9px 14px}.ic-btn-check:disabled{opacity:.45}.ic-summary{margin-bottom:8px}.ic-summary-nums{align-items:center;display:flex;flex-wrap:wrap;font-size:12px;gap:12px;margin-bottom:6px}.ic-total-label{color:#fff9;font-weight:700}.ic-sep{background:#ffffff26;height:12px;width:1px}.ic-ok-label{color:#4ade80}.ic-dead-label,.ic-ok-label{align-items:center;display:flex;font-weight:600;gap:5px}.ic-dead-label{color:#f87171}.ic-time{color:#ffffff4d;font-size:11px;margin-left:auto}.ic-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:7px;width:7px}.ic-dot.ok{background:#4ade80;box-shadow:0 0 5px #4ade80}.ic-dot.dead{background:#f87171;box-shadow:0 0 5px #f87171}.ic-bar-wrap{background:#ffffff12;border-radius:999px;display:flex;height:4px;overflow:hidden}.ic-bar-ok{background:linear-gradient(90deg,#22c55e,#4ade80)}.ic-bar-dead,.ic-bar-ok{transition:width .5s ease}.ic-bar-dead{background:linear-gradient(90deg,#ef4444,#f87171)}.ic-nav-tabs{border-bottom:1px solid #ffffff14;display:flex;gap:0;margin-top:12px}.ic-nav-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#fff6;cursor:pointer;font-size:13px;font-weight:600;margin-bottom:-1px;padding:8px 20px;transition:all .18s}.ic-nav-tab.on{border-bottom-color:#a78bfa;color:#a78bfa}.ic-nav-tab:not(.on):hover{color:#ffffffa6}.ic-nav-cnt{background:#ffffff14;border-radius:999px;color:#ffffff80;display:inline-block;font-size:11px;font-weight:700;margin-left:6px;padding:1px 7px}.ic-nav-tab.on .ic-nav-cnt{background:#a78bfa33;color:#c4b5fd}.ic-mag-grid{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:8px 10px 90px}@media (min-width:680px){.ic-mag-grid{gap:3px;padding:10px 14px 60px}}.lr-row{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;cursor:pointer;display:flex;gap:10px;height:54px;padding:0 4px 0 12px;position:relative;text-decoration:none;transition:background .13s,border-color .13s}.lr-row:hover{background:#8b5cf612;border-color:#8b5cf633}.lr-row.ok{border-color:#8b5cf626}.lr-row.ok:hover{border-color:#8b5cf659}.lr-row.dead{opacity:.45}.lr-row.dead:hover{opacity:.65}.lr-platform-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:800;height:26px;justify-content:center;letter-spacing:0;width:26px}.lr-title{color:#e2d9f3;flex:1 1;font-size:13px;font-weight:600;letter-spacing:-.1px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lr-right{align-items:center;display:flex;flex-shrink:0;gap:0}.lr-status{border-radius:4px;font-size:10px;font-weight:700;margin-right:8px;padding:2px 7px;white-space:nowrap}.lr-status.ok{background:#8b5cf62e;color:#c4b5fd}.lr-status.dead{background:#64646426;color:#6b7280}.lr-open{background:#8b5cf61a;border:1px solid #8b5cf638;border-radius:6px;color:#a78bfa;font-size:11px;font-weight:700;margin-right:2px;padding:5px 11px;text-decoration:none;transition:background .12s,color .12s;white-space:nowrap}.lr-open:hover{background:#8b5cf638;color:#ddd6fe}.lr-menu-wrap{position:relative}.lr-menu-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#ffffff40;cursor:pointer;display:flex;font-size:17px;height:32px;justify-content:center;line-height:1;transition:color .12s,background .12s;width:32px}.lr-menu-btn:hover{background:#ffffff0f;color:#ffffffb3}.lr-menu{background:#1a1625;border:1px solid #ffffff1f;border-radius:8px;box-shadow:0 8px 24px #0009;min-width:100px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:50}.lr-menu-item{align-items:center;background:#0000;border:none;color:#f87171;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:7px;padding:9px 14px;text-align:left;transition:background .12s;white-space:nowrap;width:100%}.lr-menu-item:hover{background:#ef44441a}.lr-menu-dead{color:#fb923c}.lr-menu-dead:hover{background:#fb923c1f!important}.lr-menu-ok{color:#4ade80}.lr-menu-ok:hover{background:#4ade801f!important}.ic-btn-ignored{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#ffffff80;cursor:pointer;font-size:12px;padding:5px 10px;transition:all .15s}.ic-btn-ignored.on{background:#ef44441f;border-color:#ef44444d;color:#f87171}.ic-btn-ignored:hover{background:#ef44441a;color:#f87171}.ic-ignored-wrap{flex:1 1;overflow-y:auto;padding:14px 16px}.ic-ignored-header{align-items:center;color:#fff6;display:flex;font-size:12px;justify-content:space-between;margin-bottom:12px}.ic-ignored-close{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;color:#fff9;cursor:pointer;font-size:12px;padding:4px 10px}.ic-ignored-row{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;display:flex;gap:10px;margin-bottom:6px;padding:10px 12px}.ic-ignored-title{color:#ffffff8c;flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ic-btn-unignore{background:#4ade8014;border:1px solid #4ade8033;border-radius:6px;color:#4ade80;cursor:pointer;flex-shrink:0;font-size:11px;padding:4px 10px;transition:background .15s}.ic-btn-unignore:hover{background:#4ade802e}.ic-empty-msg{font-size:13px;grid-column:1/-1;padding:24px 0}.ic-empty,.ic-empty-msg{color:#ffffff4d;text-align:center}.ic-empty{padding:60px 0}.ic-empty p{font-size:14px;margin-top:10px}.shopping-check-btn{background:#fbbf241f;border:1px solid #fbbf244d;border-radius:6px;color:#fbbf24;cursor:pointer;font-size:12px;font-weight:700;margin-left:8px;padding:4px 12px;transition:background .15s;white-space:nowrap}.shopping-check-btn:hover{background:#fbbf2438}.shopping-check-btn.checking{cursor:wait;opacity:.6}.guide-wrap{color:#eef0f8;color:var(--text-primary);margin:0 auto;max-width:780px;padding:32px 20px 60px}.guide-header{margin-bottom:32px;text-align:center}.guide-header-emoji{font-size:52px;line-height:1;margin-bottom:8px}.guide-title{font-size:2rem;font-weight:800;margin:0 0 8px}.guide-subtitle{color:#8a95b0;color:var(--text-secondary);font-size:1rem;margin:0}.guide-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}.guide-tab{align-items:center;background:var(--card-bg);border:2px solid var(--border-color);border-radius:999px;color:#8a95b0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .18s}.guide-tab:hover{border-color:var(--accent);color:var(--accent)}.guide-tab.active{background:var(--card-bg);font-weight:700}.guide-card{background:var(--card-bg);border:1.5px solid var(--border-color);border-radius:16px;margin-bottom:28px;padding:28px 28px 20px}.guide-card-head{align-items:flex-start;display:flex;gap:16px;margin-bottom:20px}.guide-card-emoji{flex-shrink:0;font-size:2.2rem;line-height:1;margin-top:2px}.guide-card-title{font-size:1.3rem;font-weight:800;margin:0 0 4px}.guide-card-desc{color:#8a95b0;color:var(--text-secondary);font-size:.92rem;line-height:1.5;margin:0}.guide-step-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0 0 20px;padding:0}.guide-step-item{align-items:flex-start;background:#0d0d1a;background:var(--bg-secondary,#ffffff0a);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:14px;padding:14px 16px}.guide-step-icon{flex-shrink:0;font-size:1.3rem;line-height:1.3}.guide-step-text{color:#eef0f8;color:var(--text-primary);font-size:.95rem;line-height:1.6;white-space:pre-line}.guide-nav-row{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:12px}.guide-nav-btn{background:var(--card-bg);border:1.5px solid var(--border-color);border-radius:8px;color:#eef0f8;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 20px;transition:all .15s}.guide-nav-btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff}.guide-nav-btn:disabled{cursor:default;opacity:.35}.guide-nav-count{color:#8a95b0;color:var(--text-secondary);font-size:.88rem}.guide-all-wrap{margin-top:8px}.guide-all-title{font-size:1rem;font-weight:700;margin:0 0 12px}.guide-all-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.guide-all-card{align-items:center;background:var(--card-bg);border:1.5px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:12px 14px;text-align:left;transition:all .15s}.guide-all-card:hover{background:#ffffff0f;background:var(--hover-bg,#ffffff0f);transform:translateY(-1px)}.guide-all-emoji{font-size:1.3rem}.guide-all-name{color:#eef0f8;color:var(--text-primary);font-size:.88rem;font-weight:600}@media (max-width:600px){.guide-wrap{padding:20px 14px 48px}.guide-title{font-size:1.5rem}.guide-card{padding:18px 14px 14px}.guide-tabs{gap:6px}.guide-tab{font-size:.78rem;padding:7px 12px}}.guide-bigtab-row{display:flex;gap:10px;margin-bottom:24px}.guide-bigtab{background:var(--card-bg);border:2px solid var(--border-color);border-radius:10px;color:#8a95b0;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:1rem;font-weight:700;padding:12px 0;transition:all .18s}.guide-bigtab:hover{border-color:var(--accent);color:var(--accent)}.guide-bigtab.active{background:var(--accent);border-color:var(--accent);color:#fff}.api-guide-wrap{display:flex;flex-direction:column;gap:20px}.api-guide-banner{align-items:flex-start;background:linear-gradient(135deg,#1a1a3e,#2a2a5e);border:1.5px solid #4a4a9e;border-radius:12px;display:flex;gap:14px;padding:16px 20px}.api-guide-banner-icon{flex-shrink:0;font-size:2rem}.api-guide-banner strong{color:#a0cfff;display:block;font-size:1rem;margin-bottom:4px}.api-guide-banner p{color:#c0d8ff;font-size:.88rem;line-height:1.6;margin:0}.api-progress-bar{align-items:center;display:flex;gap:0;justify-content:center;padding:12px 0 4px;position:relative}.api-progress-line{background:var(--accent);border-radius:2px;height:3px;left:5%;position:absolute;top:24px;transition:width .4s ease;z-index:0}.api-progress-dot{align-items:center;background:var(--card-bg);border:2.5px solid var(--border-color);border-radius:50%;color:#8a95b0;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:.82rem;font-weight:700;height:32px;justify-content:center;transition:all .18s;width:32px;z-index:1}.api-progress-dot+.api-progress-dot{margin-left:28px}.api-progress-dot.active{background:var(--card-bg);border-color:var(--accent);color:var(--accent);transform:scale(1.2)}.api-progress-dot.done{background:var(--accent);border-color:var(--accent);color:#fff}.api-step-card{background:var(--card-bg);border:1.5px solid var(--border-color);border-radius:16px;padding:24px 24px 20px}.api-step-num{background:var(--accent);border-radius:999px;color:#fff;display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:1px;margin-bottom:10px;padding:3px 12px}.api-step-title{font-size:1.25rem;font-weight:800;margin:0 0 10px}.api-step-url{align-items:center;background:#6c63ff1f;border:1px solid #6c63ff4d;border-radius:8px;display:inline-flex;gap:8px;margin-bottom:12px;padding:6px 14px}.api-step-url code{color:#a78bfa;font-family:monospace;font-size:.92rem}.api-step-desc{color:#8a95b0;color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin:0 0 16px;white-space:pre-line}.api-step-img-wrap{background:#181825;border:1.5px solid var(--border-color);border-radius:10px;overflow:hidden}.api-svg{display:block;height:auto;width:100%}.api-all-grid{display:flex;flex-direction:column;gap:6px}.api-all-item{align-items:center;background:var(--card-bg);border:1.5px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:10px 14px;text-align:left;transition:all .15s}.api-all-item.active,.api-all-item:hover{border-color:var(--accent)}.api-all-item.active{background:#6c63ff14}.api-all-num{align-items:center;background:var(--border-color);border-radius:50%;color:#8a95b0;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:.8rem;font-weight:800;height:26px;justify-content:center;width:26px}.api-all-item.active .api-all-num{background:var(--accent);color:#fff}.api-all-label{color:#eef0f8;color:var(--text-primary);font-size:.9rem;font-weight:600}@media (max-width:600px){.guide-bigtab{font-size:.88rem;padding:10px 0}.api-step-card{padding:16px 14px 14px}.api-progress-dot+.api-progress-dot{margin-left:16px}.api-progress-dot{font-size:.72rem;height:26px;width:26px}}
/*# sourceMappingURL=main.83c1d224.css.map*/