/* styles.css */

* {
    -webkit-tap-highlight-color: transparent;
}

body {
    background: #000000;
    color: #ffffff;
    font-family: 'Inter', sans-serif;
    overflow-x: hidden;
    min-height: 100vh;
}

.glass-panel {
    background: #0a0a0a;
    border: 1px solid #1a1a1a;
    will-change: transform, opacity;
}

.click-scale:active {
    transform: scale(0.96);
    transition: transform 0.1s ease;
}

.app-item {
    will-change: transform, opacity;
}

#maxBatchDialog, #selectFileDialog, #pandaCompressorDialog, #saveVideoGuideDialog, #chromeRequiredOverlay, #copySuccessDialog, #proceedTiktokDialog {
    display: none;
    position: fixed;
    inset: 0;
    background: #000000;
    z-index: 100;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
    will-change: opacity;
}

.custom-scroll::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
.custom-scroll::-webkit-scrollbar-thumb {
    background: #262626;
    border-radius: 10px;
}

.social-link-item {
    background: #0d0d0d;
    border: 1px solid #1a1a1a;
    transition: all 0.2s ease;
}

.social-link-item:hover {
    background: #1a1a1a;
    border-color: #4d4d4d;
}

.monochrome-gradient {
    background: #111111;
}

.anim-premium-icon {
    color: #D2AF26;
    will-change: transform, filter;
    transform: translateZ(0);
}

/* Added for slow showing terminal logs text */
.log-show {
    opacity: 0;
    animation: slowShowLogs 1.5s ease-in-out forwards;
}

@keyframes slowShowLogs {
    0% { opacity: 0; transform: translateY(4px); }
    100% { opacity: 1; transform: translateY(0); }
}