/* Tus variables originales */
:root {
  --bg: #0D1B2A;
  --panel: #1B263B;
  --primary: #1F6AE1;
  --text: #FFFFFF;
}

.screen { display:none; height:100vh; width:100vw; background: var(--bg); }
.screen.active { display:block; }

/* MODOS */
.mode-dark { background: #000 !important; }
.mode-dark .flash-text { color: #333; font-family: sans-serif; }

.mode-white { background: #fff !important; color: #000 !important; }
.mode-white .flash-text { 
    font-family: 'Handwritten', cursive; 
    font-size: 28px; 
    color: #1a1a1a; 
    background: transparent;
}

.flash.hidden { display: none; }
.profile-btn { 
    padding: 10px; margin: 2px; border: 1px solid var(--primary); 
    background: transparent; color: white; border-radius: 5px; 
}
.profile-btn.active { background: var(--primary); }