/* Glass Panel */
.glass-panel {
    background: rgba(20, 20, 22, 0.7);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
}

/* Input Field */
.input-field {
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.2s ease;
    color: white;
}

.input-field:focus {
    border-color: rgba(99, 102, 241, 0.5);
    box-shadow: 0 0 0 1px rgba(99, 102, 241, 0.2);
    background: rgba(0, 0, 0, 0.4);
    outline: none;
}

/* Custom Scrollbar */
.tubegenius-pro-wrapper ::-webkit-scrollbar {
    width: 6px;
}
.tubegenius-pro-wrapper ::-webkit-scrollbar-track {
    background: transparent;
}
.tubegenius-pro-wrapper ::-webkit-scrollbar-thumb {
    background: #3f3f46;
    border-radius: 3px;
}
.tubegenius-pro-wrapper ::-webkit-scrollbar-thumb:hover {
    background: #52525b;
}

/* Background Logic */
.tubegenius-pro-wrapper {
    background-color: #050505;
    background-image: 
      radial-gradient(circle at 15% 50%, rgba(79, 70, 229, 0.08), transparent 25%), 
      radial-gradient(circle at 85% 30%, rgba(168, 85, 247, 0.05), transparent 25%);
    background-attachment: fixed;
}