body {
    background-color: #00142b;
    color: #d4e3ff;
    font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
}
.light-leak-amber {
    background: radial-gradient(circle at top right, rgba(255, 226, 171, 0.08) 0%, transparent 60%);
}
.light-leak-purple {
    background: radial-gradient(circle at bottom left, rgba(211, 188, 252, 0.05) 0%, transparent 50%);
}
.glass-panel {
    background: rgba(27, 54, 86, 0.4);
    backdrop-filter: blur(12px);
}
.custom-scrollbar::-webkit-scrollbar {
    width: 4px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: rgba(27, 54, 86, 0.1);
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(255, 226, 171, 0.3);
    border-radius: 10px;
}
.grain {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><filter id="noise"><feTurbulence baseFrequency="0.9" numOctaves="4" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23noise)" opacity="0.1"/></svg>');
}