Diario Personal Para Pc Con Contrasena -
.lock-screen padding: 2rem 2rem 2.5rem; text-align: center;
<!-- Pantalla de bloqueo (contraseña) --> <div id="lockScreen" class="lock-screen"> <div class="lock-icon">📔🔒</div> <h2>Diario Personal</h2> <p style="color:#5d4a32;">Protegido con contraseña</p> <input type="password" id="passwordInput" class="password-input" placeholder="Contraseña" autocomplete="off"> <br> <button id="unlockBtn">🔓 Desbloquear</button> <div id="loginError" class="error-msg" style="display: none;">⚠️ Contraseña incorrecta</div> <div style="margin-top: 25px; font-size: 0.75rem; color:#a07d58;">🔐 Solo tú tienes acceso</div> </div>
.error-msg color: #c23b22; background: #ffe6e2; padding: 8px; border-radius: 40px; margin-top: 12px; font-size: 0.85rem; display: inline-block; diario personal para pc con contrasena
.lock-header font-size: 2rem; color: #3e2a1f; margin-bottom: 0.5rem;
input, textarea, button font-family: inherit; border-radius: 60px; border: none; outline: none; .lock-screen padding: 2rem 2rem 2.5rem
#fechaSelector background: #f3efe6; border: 1px solid #decbae; padding: 8px 16px; border-radius: 40px; font-size: 1rem; flex: 2; min-width: 150px;
textarea:focus border-color: #b97f44; box-shadow: 0 0 0 2px #f3d9bf; !-- Pantalla de bloqueo (contraseña) -->
/* Pantalla de bloqueo / login */ .lock-screen, .diary-container background: rgba(255, 248, 235, 0.95); backdrop-filter: blur(2px); border-radius: 2rem; box-shadow: 0 25px 45px rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,200,0.2); width: 100%; max-width: 700px; transition: all 0.3s ease; overflow: hidden;