.tooltip-wrapper-container{position:relative;display:inline-flex;align-items:center}.tooltip-wrapper{display:inline-flex;align-items:center;justify-content:center;cursor:help;margin-left:auto}.tooltip-wrapper svg{width:16px;height:16px;color:var(--text-secondary);transition:all .3s ease}.tooltip-wrapper:hover svg{color:var(--primary-color);transform:scale(1.15)}.tooltip-popup{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:99999;pointer-events:none;animation:tooltipFadeIn .2s ease}.tooltip-content{background:var(--text-primary);color:#fff;padding:.75rem 1rem;border-radius:8px;font-size:.8rem;font-weight:400;white-space:normal;width:280px;box-shadow:0 8px 32px #0006;line-height:1.4;text-align:left}.tooltip-arrow{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--text-primary)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.search-form-container{width:100%;transition:all .5s cubic-bezier(.4,0,.2,1);overflow:visible}.center-mode{background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2.5rem;box-shadow:0 20px 60px #00000026;position:relative;z-index:1}.sidebar-mode{background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0000001a;position:relative;z-index:1}.search-form{display:flex;flex-direction:column;gap:1.25rem;overflow:visible}.form-group{display:flex;flex-direction:column;gap:.5rem;overflow:visible;position:relative}.form-group-main{margin-bottom:.5rem}.form-group label{font-weight:600;color:var(--text-primary);font-size:.875rem;display:flex;align-items:center;gap:.5rem;transition:color .3s ease;position:relative}.form-group label>svg:first-child{width:16px;height:16px;color:var(--primary-color);transition:transform .3s ease}.form-group:hover label>svg:first-child{transform:scale(1.1)}.form-group input{padding:.875rem 1rem;border:2px solid var(--border);border-radius:10px;font-size:.95rem;transition:all .3s ease;background:var(--surface);color:var(--text-primary);font-family:inherit}.form-group select{padding:.875rem 2.5rem .875rem 1rem!important;border:2px solid var(--border)!important;border-radius:10px!important;font-size:.95rem!important;transition:all .3s ease!important;background:var(--surface)!important;background-image:url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23667eea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 1rem center!important;color:var(--text-primary)!important;font-family:inherit!important;font-weight:500!important;cursor:pointer!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important}.form-group select:hover{border-color:var(--primary-color);background-color:#667eea08;box-shadow:0 2px 8px #667eea1f}.form-group select option{padding:.75rem;font-weight:500;background:#fff;color:var(--text-primary)}.main-input{font-size:1.05rem;padding:1rem 1.25rem}.center-mode .main-input{font-size:1.15rem;padding:1.25rem 1.5rem}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #667eea1a;transform:translateY(-1px)}.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #667eea1a;transform:translateY(-1px);background-color:#fff}.form-group input:disabled,.form-group select:disabled{background-color:var(--background);cursor:not-allowed;opacity:.6}.form-group input::placeholder{color:var(--text-secondary);opacity:.6}.filters-section{display:grid;gap:1.25rem;overflow:visible;transition:all .4s cubic-bezier(.4,0,.2,1)}.filters-section.expanded{grid-template-rows:1fr;opacity:1;max-height:1000px}.filters-section.collapsed{grid-template-rows:0fr;opacity:0;max-height:0;padding:0;margin:0}.expand-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:var(--background);border:2px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.expand-toggle:hover{background:var(--surface);border-color:var(--primary-color);transform:translateY(-1px)}.expand-toggle svg{width:20px;height:20px;transition:transform .3s ease}.search-btn{padding:1rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;transition:all .3s ease;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:0 4px 16px #667eea66;margin-top:.5rem}.center-mode .search-btn{padding:1.25rem 2rem;font-size:1.1rem;box-shadow:0 8px 24px #667eea80}.search-btn svg{width:20px;height:20px}.search-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #667eea99}.search-btn:active:not(:disabled){transform:translateY(0)}.search-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner-small{width:18px;height:18px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.center-mode{padding:1.5rem;border-radius:16px}.sidebar-mode{padding:1.25rem}.form-group label{font-size:.825rem}.main-input{font-size:.95rem;padding:.875rem 1rem}.search-btn{padding:.875rem 1.25rem;font-size:.95rem}}.channel-avatar-placeholder{border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0;position:relative;box-shadow:0 2px 8px #0000001a}.channel-avatar-image{border-radius:50%;object-fit:cover;flex-shrink:0;overflow:hidden;background:#fff}.detail-thumbnail.channel-avatar-placeholder,.detail-thumbnail.channel-avatar-image{border:4px solid var(--border);box-shadow:0 4px 16px #0000001a}.detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:9999;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.detail-panel{position:fixed;top:90px;left:50%;transform:translate(-50%);bottom:20px;width:calc(100% - 4rem);max-width:1600px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;z-index:10000;display:flex;flex-direction:column;animation:slideUpFromBottom .5s cubic-bezier(.4,0,.2,1);overflow:hidden}.back-btn{background:#0000000d;border:none;padding:1rem 1.5rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.95rem;font-weight:600;color:var(--text-primary);transition:all .3s ease;border-bottom:1px solid var(--border);flex-shrink:0}.back-btn:hover{background:#00000014}.back-btn svg{width:20px;height:20px}.detail-scroll-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:2rem;display:flex;flex-direction:column;gap:2rem;max-width:1400px;width:100%;margin:0 auto}.detail-header{display:flex;gap:1.5rem;align-items:flex-start;animation:slideInFromRight .5s ease .1s both}.detail-thumbnail{border:4px solid var(--border);box-shadow:0 4px 16px #0000001a;animation:scaleIn .5s cubic-bezier(.4,0,.2,1) .2s both}.detail-header-info{flex:1;min-width:0}.detail-header-info h2{font-size:1.5rem;color:var(--text-primary);margin-bottom:.75rem;line-height:1.3}.detail-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem;font-size:.95rem}.detail-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.visit-channel-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:10px;font-size:.95rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.visit-channel-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.visit-channel-btn svg{width:16px;height:16px}.custom-url{color:var(--text-secondary);font-size:.9rem;font-family:Courier New,monospace;background:var(--background);padding:.5rem .75rem;border-radius:6px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem;animation:slideInFromRight .5s ease .2s both}.stat-card{background:var(--background);padding:1.25rem;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:.75rem;border:2px solid transparent;transition:all .3s ease;animation:scaleIn .4s ease both}.stat-card:nth-child(1){animation-delay:.3s}.stat-card:nth-child(2){animation-delay:.4s}.stat-card:nth-child(3){animation-delay:.5s}.stat-card:nth-child(4){animation-delay:.6s}.stat-card:hover{transform:translateY(-4px);border-color:var(--primary-color);box-shadow:0 8px 24px #00000014}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-primary .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-success .stat-icon{background:linear-gradient(135deg,#34a853,#2d8f44);color:#fff}.stat-info .stat-icon{background:linear-gradient(135deg,#4285f4,#1a73e8);color:#fff}.stat-warning .stat-icon{background:linear-gradient(135deg,#fbbc04,#f9ab00);color:#fff}.stat-icon svg{width:24px;height:24px}.stat-content{text-align:center}.stat-label{font-size:.8rem;color:var(--text-secondary);font-weight:500;margin-bottom:.25rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);display:block}.derived-metrics{background:var(--background);padding:1.5rem;border-radius:12px;animation:slideInFromRight .5s ease .3s both}.derived-metrics h4{margin-bottom:1.25rem;color:var(--text-primary);font-size:1.1rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.metric-item{display:flex;flex-direction:column;gap:.5rem}.metric-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.metric-value{font-size:1.35rem;font-weight:700;color:var(--primary-color)}.metric-bar{height:6px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px;transition:width 1s cubic-bezier(.4,0,.2,1);animation:expandBar 1s cubic-bezier(.4,0,.2,1)}.top-videos-section{animation:slideInFromRight .5s ease .4s both}.section-header-with-note{margin-bottom:1.25rem}.section-header-with-note h4{color:var(--text-primary);font-size:1.1rem;margin-bottom:.25rem}.section-note{font-size:.8rem;color:var(--text-secondary);font-style:italic}.loading-videos{display:flex;align-items:center;gap:1rem;padding:3rem;justify-content:center;color:var(--text-secondary);background:var(--background);border-radius:12px}.spinner-small{width:24px;height:24px;border:3px solid rgba(102,126,234,.2);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.videos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.video-card{background:var(--background);border-radius:12px;overflow:hidden;transition:all .3s ease;animation:slideUp .4s ease both;cursor:pointer;color:inherit;display:block;border:2px solid transparent;-webkit-user-select:none;user-select:none}.video-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:var(--primary-color)}.video-thumbnail-wrapper{position:relative;width:100%;padding-top:56.25%;overflow:hidden;background:var(--border)}.video-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-card:hover .video-thumbnail{transform:scale(1.08)}.video-rank{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.35rem .65rem;border-radius:8px;font-weight:700;font-size:.85rem;box-shadow:0 2px 8px #0000004d}.video-info{padding:1rem}.video-info h5{font-size:.95rem;color:var(--text-primary);margin-bottom:.75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:600}.video-stats{display:flex;gap:1.25rem}.video-stat{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-secondary);font-weight:500}.video-stat svg{width:16px;height:16px}.no-videos{text-align:center;color:var(--text-secondary);padding:3rem;background:var(--background);border-radius:12px}.engagement-section{background:var(--background);padding:1.5rem;border-radius:12px;animation:slideInFromRight .5s ease .5s both}.engagement-section h4{margin-bottom:.5rem;color:var(--text-primary);font-size:1.1rem}.engagement-note{font-size:.8rem;color:var(--text-secondary);margin-bottom:1.25rem;font-style:italic}.engagement-bars{display:flex;flex-direction:column;gap:1.5rem}.engagement-bar-item{display:flex;flex-direction:column;gap:.5rem}.engagement-bar-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.25rem}.engagement-label{font-size:.9rem;color:var(--text-primary);font-weight:600}.engagement-max-info{font-size:.75rem;color:var(--text-secondary);font-weight:500}.engagement-max-info.is-top{color:var(--primary-color);font-weight:600}.engagement-bar-container{background:#fff;height:40px;border-radius:10px;overflow:hidden;position:relative;border:2px solid var(--border)}.engagement-bar{height:100%;display:flex;align-items:center;padding:0 1rem;border-radius:8px;transition:width 1.2s cubic-bezier(.4,0,.2,1),min-width 1.2s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;background:linear-gradient(135deg,#667eea,#764ba2)}.engagement-bar.animate{width:var(--target-width)}.engagement-bar:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite 1s}.engagement-value{color:#fff;font-weight:700;font-size:.95rem;position:relative;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.2)}.additional-info{background:var(--background);padding:1.5rem;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;animation:slideInFromRight .5s ease .6s both}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border)}.info-row:last-child{border-bottom:none}.info-label{font-weight:600;color:var(--text-secondary);font-size:.9rem}.info-value{color:var(--text-primary);font-size:.9rem;font-weight:500}@keyframes slideUpFromBottom{0%{opacity:0;transform:translate(-50%) translateY(40px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.detail-panel.closing{animation:slideDownToBottom .3s cubic-bezier(.4,0,.2,1) forwards}.detail-overlay.closing{animation:fadeOut .3s ease forwards}@keyframes slideDownToBottom{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(40px) scale(.95)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@media (max-width: 1024px){.detail-panel{top:20px;bottom:20px;width:calc(100% - 2rem)}.detail-scroll-content{padding:1.5rem}}@media (max-width: 768px){.detail-panel{top:10px;bottom:10px;width:calc(100% - 1rem)}.detail-scroll-content{padding:1rem}.detail-header{flex-direction:column;align-items:center;text-align:center}.detail-thumbnail,.detail-thumbnail-placeholder{width:100px;height:100px}.stats-grid{grid-template-columns:repeat(2,1fr)}.metrics-grid,.videos-grid{grid-template-columns:1fr}}.kids-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#fbbc04,#f9ab00);color:#fff;padding:.35rem .75rem;border-radius:6px;font-size:.8rem;font-weight:600;margin-bottom:.75rem;box-shadow:0 2px 8px #fbbc044d}.kids-badge svg{width:14px;height:14px}.translate-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--background);border:2px solid var(--border);color:var(--text-primary);padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.translate-btn:hover{border-color:var(--primary-color);background:var(--surface)}.translate-btn svg{width:16px;height:16px}.upload-frequency-section{background:var(--background);padding:1.5rem;border-radius:12px;animation:slideInFromRight .5s ease .35s both}.upload-frequency-section h4{margin-bottom:1.25rem;color:var(--text-primary);font-size:1.1rem}.frequency-visual{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.frequency-card{background:#fff;padding:1.25rem;border-radius:10px;display:flex;align-items:center;gap:1rem;border:2px solid var(--border);transition:all .3s ease}.frequency-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.frequency-icon{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.frequency-icon svg{width:24px;height:24px}.frequency-content{flex:1;display:flex;flex-direction:column}.frequency-label{font-size:.8rem;color:var(--text-secondary);font-weight:500;margin-bottom:.25rem}.frequency-value{font-size:1.35rem;font-weight:700;color:var(--primary-color)}.video-explanation{background:#667eea1a;padding:1rem;border-radius:8px;font-size:.85rem;line-height:1.6;color:var(--text-secondary);border-left:3px solid var(--primary-color);margin-bottom:1rem}.recent-uploads-trigger{margin-top:1.5rem;display:flex;justify-content:center}.load-uploads-btn{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.load-uploads-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.load-uploads-btn:disabled{opacity:.7;cursor:not-allowed}.load-uploads-btn svg{width:18px;height:18px}.recent-uploads-list{margin-top:1.5rem;background:#fff;padding:1.5rem;border-radius:12px;border:2px solid var(--border);animation:slideUp .4s ease}.recent-uploads-list h5{font-size:1rem;color:var(--text-primary);margin-bottom:1rem;font-weight:600}.upload-item{display:flex;gap:1rem;padding:1rem;border-bottom:1px solid var(--border);transition:all .2s ease;animation:slideUp .3s ease both}.upload-item:last-child{border-bottom:none}.upload-item:hover{background:var(--background);border-radius:8px}.upload-date{min-width:100px;font-size:.85rem;color:var(--text-secondary);font-weight:600;padding-top:.25rem}.upload-details{flex:1;display:flex;flex-direction:column;gap:.35rem}.upload-title{color:var(--text-primary);font-weight:600;font-size:.95rem;text-decoration:none;transition:color .2s ease;line-height:1.4}.upload-title:hover{color:var(--primary-color)}.upload-stats{display:flex;gap:.5rem;font-size:.8rem;color:var(--text-secondary)}.metric-help{display:inline-flex;margin-left:.35rem;cursor:help;opacity:.6}.metric-help svg{width:14px;height:14px;color:var(--text-secondary)}.spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.detail-header-title-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.detail-header-title-row h2{margin:0;flex-shrink:0}.kids-badge-inline{display:inline-flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,#fbbc04,#f9ab00);color:#fff;padding:.3rem .6rem;border-radius:6px;font-size:.75rem;font-weight:600;box-shadow:0 2px 8px #fbbc044d;flex-shrink:0}.kids-badge-inline svg{width:12px;height:12px}.visit-channel-btn-inline{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:8px;text-decoration:none;font-size:.9rem;font-weight:600;transition:all .3s ease;box-shadow:0 2px 12px #667eea4d;margin-left:auto;flex-shrink:0}.visit-channel-btn-inline:hover{transform:translateY(-2px);box-shadow:0 4px 16px #667eea80}.visit-channel-btn-inline svg{width:16px;height:16px}.metrics-grid-highlight{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.frequency-visual{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.metric-item-highlight{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid rgba(102,126,234,.2);border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.metric-item-highlight:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 16px #667eea33}.metric-item-highlight .metric-label{display:block;font-size:.85rem;color:var(--text-secondary);font-weight:600;margin-bottom:.5rem}.metric-item-highlight .metric-value{display:block;font-size:1.75rem;font-weight:700;color:var(--primary-color)}.top-videos-section h3{font-size:1.5rem;margin-bottom:.75rem;color:var(--text-primary);font-weight:700}.video-explanation-plain{font-size:.9rem;line-height:1.6;color:var(--text-secondary);margin-bottom:1.5rem;padding:0;background:none;border:none}.upload-item{display:flex;gap:1rem;padding:1rem;border-bottom:1px solid var(--border);transition:all .2s ease;animation:slideUp .3s ease both;align-items:center}.upload-date{min-width:90px;font-size:.85rem;color:var(--text-secondary);font-weight:600;flex-shrink:0}.upload-thumbnail{width:80px;height:45px;border-radius:6px;object-fit:cover;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.upload-details{flex:1;min-width:0}.upload-stats{display:flex;gap:.5rem;font-size:.8rem;color:var(--text-secondary);align-items:center}.upload-likes{display:inline-flex;align-items:center;gap:.25rem}.upload-likes svg{width:12px;height:12px}@media (max-width: 768px){.detail-header-title-row{flex-direction:column;align-items:flex-start}.visit-channel-btn-inline{margin-left:0}.metrics-grid-highlight{grid-template-columns:1fr}.upload-thumbnail{width:60px;height:34px}}.metrics-explanation{display:flex;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#667eea14,#764ba214);border-left:4px solid var(--primary-color);border-radius:12px;margin-bottom:1.5rem;animation:slideInFromRight .5s ease .3s both;align-items:flex-start}.metrics-explanation .info-icon{width:24px;height:24px;color:var(--primary-color);flex-shrink:0;margin-top:2px}.metrics-explanation p{margin:0;font-size:.9rem;line-height:1.6;color:var(--text-secondary)}.metrics-explanation strong{color:var(--text-primary);font-weight:600;display:block;margin-bottom:.25rem}.upload-trend-chart{margin-top:1.5rem;padding:1.5rem;background:#fff;border-radius:12px;border:2px solid var(--border);animation:slideUp .5s ease both}.chart-header-with-forecast{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.chart-header-with-forecast>div:first-child{flex:1}.upload-trend-chart h5{font-size:1rem;color:var(--text-primary);margin-bottom:.5rem;font-weight:600}.chart-note{font-size:.8rem;color:var(--text-secondary);margin-bottom:1.5rem}.chart-container{position:relative}.trend-svg{width:100%;height:auto;display:block}.trend-line{stroke-dasharray:2000;stroke-dashoffset:2000}.trend-line.animate{animation:drawLine 1.5s ease forwards}.views-line.animate{animation-delay:.2s}.likes-line.animate{animation-delay:.4s}@keyframes drawLine{to{stroke-dashoffset:0}}.trend-point{opacity:0;transform-origin:center}.trend-point:not(.hidden){animation:popIn .4s cubic-bezier(.68,-.55,.265,1.55) forwards}.trend-point.hidden,.forecast-point{opacity:0}.forecast-point:not(.hidden){animation:fadeInPoint .6s ease forwards}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes fadeInPoint{0%{opacity:0}to{opacity:1}}.trend-point.hovered{filter:brightness(1.2) drop-shadow(0 0 8px currentColor)}.chart-tooltip{position:absolute;top:1rem;left:50%;transform:translate(-50%);background:#fff;padding:.75rem 1rem;border-radius:8px;box-shadow:0 4px 16px #00000026;border:2px solid var(--border);z-index:100;animation:fadeInDown .2s ease;min-width:180px}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%) translateY(-5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tooltip-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.35rem 0}.tooltip-row.tooltip-views{border-bottom:1px solid var(--border)}.tooltip-row.tooltip-views .tooltip-label,.tooltip-row.tooltip-views .tooltip-value{color:#667eea;font-weight:700}.tooltip-row.tooltip-likes .tooltip-label,.tooltip-row.tooltip-likes .tooltip-value{color:#fa709a;font-weight:700}.tooltip-label{font-size:.85rem;font-weight:600}.tooltip-value{font-size:.95rem;font-weight:700}.tooltip-forecast-note{text-align:center;font-size:.75rem;color:var(--text-secondary);font-style:italic;margin-top:.35rem;padding-top:.35rem;border-top:1px solid var(--border)}.forecast-zone-label{opacity:0}.forecast-zone-label:not(.hidden){animation:fadeIn 1s ease .6s forwards}.forecast-zone{opacity:0;transition:opacity .8s ease}.forecast-zone:not(.hidden){animation:fadeIn .8s ease forwards}@keyframes fadeIn{to{opacity:1}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.data-annotation{opacity:0}.data-annotation:not(.hidden){animation:slideUp .5s ease forwards}.video-title-label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (max-width: 768px){.upload-trend-chart{padding:1rem}.trend-svg{height:250px}.chart-legend{flex-direction:column;gap:.75rem;align-items:flex-start}.data-annotation image{display:none}.video-title-label{font-size:7px}}.results-container{background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;animation:slideUp .5s cubic-bezier(.4,0,.2,1);width:100%;max-width:100%;position:relative;z-index:1}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.filters-bar{padding:1rem 1.5rem;background:var(--background);border-bottom:1px solid var(--border);display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:.25rem;min-width:150px}.filter-group label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.filter-group input{padding:.5rem;border:1px solid var(--border);border-radius:6px;font-size:.9rem;background:var(--surface)}.filter-group select{padding:.5rem 2rem .5rem .75rem;border:2px solid var(--border);border-radius:8px;font-size:.9rem;background:var(--surface);background-image:url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23667eea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none}.filter-group select:hover{border-color:var(--primary-color);background-color:#667eea08;box-shadow:0 2px 8px #667eea1f}.filter-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;background-color:#fff}.filter-group select option{padding:.5rem;font-weight:500;background:#fff;color:var(--text-primary)}.filter-group input[type=number]{width:150px}.clear-filters-btn{padding:.5rem 1rem;background:var(--text-secondary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s;align-self:flex-end}.clear-filters-btn:hover{background:var(--text-primary)}.results-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.results-info h2{font-size:1.25rem;color:var(--text-primary);margin-bottom:.25rem}.results-count{color:var(--text-secondary);font-size:.9rem}.results-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.select-all-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:var(--text-primary)}.select-all-checkbox input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid var(--border);border-radius:6px;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--surface)}.select-all-checkbox input[type=checkbox]:hover{border-color:var(--primary-color);transform:scale(1.1)}.select-all-checkbox input[type=checkbox]:checked{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;animation:checkBounce .3s cubic-bezier(.4,0,.2,1)}.select-all-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;left:5.5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);animation:checkMark .3s cubic-bezier(.4,0,.2,1) .1s both}@keyframes checkBounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes checkMark{0%{transform:rotate(45deg) scale(0);opacity:0}to{transform:rotate(45deg) scale(1);opacity:1}}.action-btn{padding:.625rem 1.25rem;border:none;border-radius:10px;font-size:.9rem;font-weight:600;transition:all .3s ease;white-space:nowrap;cursor:pointer}.enrich-btn{background:var(--primary-color);color:#fff}.enrich-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.toggle-btn{background:var(--background);color:var(--text-primary);border:2px solid var(--border)}.toggle-btn:hover{background:var(--surface);border-color:var(--primary-color);transform:translateY(-2px)}.copy-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.copy-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.export-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.export-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.action-btn:disabled{opacity:.5;cursor:not-allowed}.no-results{padding:4rem 2rem;text-align:center;color:var(--text-secondary)}.no-results-card{background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:4rem 2rem;text-align:center;box-shadow:0 8px 32px #0000001a;animation:fadeIn .4s ease}.no-results-card svg{width:64px;height:64px;color:var(--primary-color);margin-bottom:1.5rem;opacity:.6}.no-results-card h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:.5rem}.no-results-card p{color:var(--text-secondary);font-size:1rem}.loading-overlay{padding:6rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 8px 32px #0000001a}.loading-overlay .spinner{width:56px;height:56px}.loading-overlay p{font-size:1.1rem;color:var(--text-primary);font-weight:500}.channels-table-wrapper{overflow-x:hidden;max-height:600px;overflow-y:auto;width:100%}.channels-table{width:100%;border-collapse:collapse;table-layout:fixed}.channels-table thead{position:sticky;top:0;background:var(--background);z-index:10}.channels-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.channels-table th:first-child{padding-left:1.25rem}.channels-table td{padding:1rem;border-bottom:1px solid var(--border);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.channels-table td:first-child{text-align:center;padding-left:1.25rem}.channels-table th:nth-child(1){width:60px;text-align:center}.channels-table th:nth-child(2){width:80px}.channels-table th:nth-child(3){width:200px;min-width:180px}.channels-table th:nth-child(4){width:140px}.channels-table th:nth-child(5){width:140px}.channels-table th:nth-child(6){width:120px}.channels-table th:nth-child(7){width:160px}.channels-table th:nth-child(8){width:auto;min-width:250px}.channels-table th:nth-child(9){width:140px}.channels-table input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid var(--border);border-radius:6px;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--surface);margin:0}.channels-table input[type=checkbox]:hover{border-color:var(--primary-color);transform:scale(1.1);box-shadow:0 2px 8px #667eea33}.channels-table input[type=checkbox]:checked{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;animation:checkBounce .3s cubic-bezier(.4,0,.2,1)}.channels-table input[type=checkbox]:checked:after{content:"";position:absolute;left:5.5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);animation:checkMark .3s cubic-bezier(.4,0,.2,1) .1s both}.channels-table input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.channels-table input[type=checkbox]:disabled:hover{transform:none;box-shadow:none}.channel-row{transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;animation:slideInRow .4s ease both}@keyframes slideInRow{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.channel-row:hover{background-color:#667eea0d;transform:scale(1.001);box-shadow:0 2px 8px #0000000d}.expand-hint{font-size:.75rem;color:var(--primary-color);font-weight:500;opacity:0;transition:opacity .2s ease}.channel-row:hover .expand-hint{opacity:1}.channel-thumbnail{width:60px;height:60px;border-radius:50%;object-fit:cover}.numeric-cell{text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.channel-url{font-size:.85rem;margin-top:.25rem}.channel-url a{color:var(--primary-color);text-decoration:none}.channel-url a:hover{text-decoration:underline}.mono{font-family:Courier New,monospace;font-size:.85rem}.topics-cell{font-size:.85rem;max-width:100%}.topics-list{display:flex;flex-wrap:wrap;gap:.25rem;max-width:100%;overflow:hidden}.topic-tag{display:inline-block;color:#333;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;white-space:nowrap;font-weight:500;border:1px solid rgba(0,0,0,.1);transition:all .2s ease}.topic-tag:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.no-topics{color:var(--text-secondary);font-style:italic}.channels-table a{color:var(--primary-color);text-decoration:none}.channels-table a:hover{text-decoration:underline}.enriched-table td{white-space:nowrap}.enriched-table td:nth-child(2),.enriched-table td:nth-child(8){white-space:normal}@media (max-width: 768px){.results-header{flex-direction:column;align-items:stretch}.results-actions{flex-direction:column}.action-btn{width:100%}}.export-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:9998;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.export-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;z-index:9999;width:90%;max-width:700px;max-height:85vh;display:flex;flex-direction:column;animation:slideUpFade .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.export-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid var(--border)}.export-modal-header h3{margin:0;font-size:1.5rem;color:var(--text-primary);font-weight:700}.modal-close-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--background);color:var(--text-secondary);font-size:1.75rem;line-height:1;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:#fee;color:#d00;transform:rotate(90deg)}.export-modal-content{flex:1;overflow-y:auto;padding:2rem}.export-note{background:linear-gradient(135deg,#667eea14,#764ba214);padding:1rem 1.25rem;border-radius:8px;border-left:4px solid var(--primary-color);margin-bottom:1.5rem;font-size:.9rem;color:var(--text-secondary)}.column-category{margin-bottom:2rem}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.category-header h4{margin:0;font-size:1.05rem;color:var(--text-primary);font-weight:600}.select-all-btn{background:none;border:none;color:var(--primary-color);font-size:.85rem;font-weight:600;cursor:pointer;padding:.35rem .75rem;border-radius:6px;transition:all .2s ease}.select-all-btn:hover{background:#667eea1a}.column-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.column-checkbox{display:flex;align-items:center;gap:.5rem;padding:.65rem .75rem;border-radius:8px;cursor:pointer;transition:all .2s ease;background:var(--background);border:1px solid var(--border)}.column-checkbox:hover{background:#667eea0d;border-color:var(--primary-color)}.column-checkbox input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid var(--border);border-radius:5px;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;flex-shrink:0}.column-checkbox input[type=checkbox]:hover{border-color:var(--primary-color);transform:scale(1.05)}.column-checkbox input[type=checkbox]:checked{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.column-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;left:4.5px;top:1.5px;width:3.5px;height:7px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.column-checkbox span{font-size:.9rem;color:var(--text-primary);font-weight:500}.export-modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:2px solid var(--border);background:var(--background)}.modal-btn{padding:.75rem 1.5rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.modal-btn-secondary{background:#fff;color:var(--text-primary);border:2px solid var(--border)}.modal-btn-secondary:hover{background:var(--background);border-color:var(--text-secondary)}.modal-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.modal-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.modal-btn-primary:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.export-modal{width:95%;max-height:90vh}.export-modal-header,.export-modal-content,.export-modal-footer{padding:1rem 1.5rem}.column-grid{grid-template-columns:1fr}}.dashboard{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;overflow-x:hidden;width:100%}.dashboard-header{background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 2px 20px #00000014;position:sticky;top:0;z-index:100;transition:all .3s ease}.header-content{max-width:2000px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo-section{display:flex;align-items:center;gap:1rem}.logo-image{height:45px;width:auto;object-fit:contain;transition:transform .3s ease}.logo-image:hover{transform:scale(1.05)}.dashboard-header h1{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.user-section{display:flex;align-items:center;gap:1rem}.user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--primary-color);transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar svg{width:100%;height:100%}.user-avatar:hover{transform:scale(1.1);box-shadow:0 4px 12px #667eea66}.user-name{font-weight:500;color:var(--text-primary)}.logout-btn{padding:.5rem 1.25rem;background:transparent;border:1.5px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.9rem;font-weight:500;transition:all .3s ease;cursor:pointer}.logout-btn:hover{background:var(--background);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.dashboard-main{flex:1;display:grid;transition:all .5s cubic-bezier(.4,0,.2,1);padding:2rem;max-width:2000px;width:100%;margin:0 auto;overflow-x:hidden;box-sizing:border-box}.dashboard-main.initial-state{grid-template-columns:1fr;place-items:center}.dashboard-main.has-results{grid-template-columns:360px 1fr;gap:2.5rem;align-items:start}.search-section{width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:visible;position:relative;z-index:1}.search-section.hidden-behind-modal{opacity:0;pointer-events:none;transform:scale(.98)}.initial-state .search-section{max-width:700px;animation:fadeInUp .6s ease}.has-results .search-section{position:sticky;top:90px;animation:slideToSidebar .5s cubic-bezier(.4,0,.2,1)}.welcome-content{text-align:center;margin-bottom:2.5rem;animation:fadeInUp .6s ease .1s both}.welcome-content h2{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:.75rem;text-shadow:0 2px 20px rgba(0,0,0,.15)}.welcome-content p{font-size:1.15rem;color:#ffffffe6;font-weight:400;text-shadow:0 1px 10px rgba(0,0,0,.1)}.results-section{width:100%;min-width:0;min-height:200px;opacity:0;animation:fadeIn .4s ease .3s forwards;overflow-x:hidden}.initial-state .results-section{display:none}.has-results .results-section{display:block}.error-banner{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 20px #ee5a6f4d;animation:slideDown .3s ease}.error-banner svg{width:24px;height:24px;flex-shrink:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideToSidebar{0%{transform:translate(0)}to{transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.dashboard-main.has-results{grid-template-columns:1fr;gap:1.5rem}.has-results .search-section{position:relative;top:0}}.dashboard-footer{position:fixed;bottom:0;right:0;padding:.75rem 1.5rem;z-index:50;pointer-events:none}.dashboard-footer span{font-size:.75rem;color:#fff9;text-shadow:0 1px 2px rgba(0,0,0,.2);font-weight:500}@media (max-width: 768px){.header-content{padding:1rem}.dashboard-header h1{font-size:1.25rem}.logo-image{height:35px}.user-name{display:none}.welcome-content h2{font-size:2rem}.welcome-content p{font-size:1rem}.dashboard-main{padding:1rem}.dashboard-footer{padding:.5rem 1rem}.dashboard-footer span{font-size:.7rem}}.app{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #1a73e8;--primary-hover: #1557b0;--background: #f8f9fa;--surface: #ffffff;--border: #e0e0e0;--text-primary: #202124;--text-secondary: #5f6368;--success: #34a853;--error: #ea4335;--shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);--shadow-hover: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23)}html,body{overflow-x:hidden;width:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);color:var(--text-primary);line-height:1.6}code{font-family:Courier New,monospace}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem}.spinner{width:48px;height:48px;border:4px solid rgba(102,126,234,.2);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.access-loading{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--background);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10000}.access-loading.hidden{display:none}.access-loading-spinner{border:4px solid rgba(102,126,234,.2);border-top:4px solid var(--primary-color);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:20px}.access-loading-text{color:var(--text-secondary);font-size:1rem}.main-content{display:none!important;visibility:hidden}.main-content.access-granted{display:block!important;visibility:visible}