body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #f5f5f7;
    color: #1d1d1f;
}

.drop-area.active {
    border-color: #0284c7;
    background-color: rgba(2, 132, 199, 0.05);
}

.drop-area.active {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
    --tw-ring-opacity: 1;
}

/* Apple-style transition animation */
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
    transition-duration: 200ms;
}

/* Button click effect */
button:active {
    transform: scale(0.97);
}

/* Fluid Typography */
.fluid-title {
    font-size: clamp(1.75rem, 4vw, 2.25rem);
    line-height: 1.2;
}

.fluid-paragraph {
    font-size: clamp(0.95rem, 1.5vw, 1.05rem);
    line-height: 1.6;
}