html, body {
    font-family: 'Inter', sans-serif;
}

/* Wine-themed scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #722F37; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #4A0E2E; }

/* Smooth transitions */
.mud-nav-link { transition: all 0.2s ease !important; }

/* Gold accent for premium features */
.premium-badge {
    background: linear-gradient(135deg, #C9A96E, #D4AF37);
    color: #1A0A14;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.5px;
}

/* PWA install banner */
.pwa-install-prompt {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 12px 24px;
    background: linear-gradient(135deg, #4A0E2E, #722F37);
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 9999;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.3);
}

/* Responsive fixes */
@media (max-width: 960px) {
    .mud-main-content { padding: 8px !important; padding-top: 56px !important; }
    .mud-table-container { overflow-x: auto; }
    .mud-typography-h4 { font-size: 1.5rem !important; }
    .mud-typography-h5 { font-size: 1.2rem !important; }
    .mud-typography-h6 { font-size: 1rem !important; }
    .mud-container { padding-left: 8px !important; padding-right: 8px !important; }
}

@media (max-width: 600px) {
    .mud-main-content { padding: 4px !important; padding-top: 56px !important; }
    .mud-appbar { padding: 0 8px !important; }
}

/* Premium shimmer effect */
@keyframes shimmer {
    0% { background-position: -200px 0; }
    100% { background-position: 200px 0; }
}

.premium-shimmer {
    background: linear-gradient(90deg, #C9A96E 0%, #D4AF37 50%, #C9A96E 100%);
    background-size: 400px 100%;
    animation: shimmer 2s infinite linear;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Blur effect for gated content */
.content-blurred {
    filter: blur(4px);
    pointer-events: none;
    user-select: none;
}