body {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    background: radial-gradient(circle at 0% 0%, #f8fafc 0%, #f1f5f9 100%);
    background-attachment: fixed;
    overflow-x: hidden;
}

@media (min-height: 700px) {
    body {
        overflow: hidden;
    }
}

#drop-zone.drag-over {
    border-color: #3b82f6;
    background-color: #eff6ff;
    transform: scale(1.02);
}

.copy-success {
    background-color: #10b981 !important;
    box-shadow: 0 0 20px rgba(16, 185, 129, 0.4) !important;
}

#app {
    transform: translateY(30px);
    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2rem 0;
}

main > div {
    backface-visibility: hidden;
    transform-style: preserve-3d;
}



::-webkit-scrollbar {
    width: 4px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #e2e8f0;
    border-radius: 10px;
}