Diario Personal Para Pc Con Contrasena «2026»

.btn-nuevo-dia background: #2c553c;

.btn-cerrar-sesion background: #aa6f3c;

textarea:focus border-color: #b97f44; box-shadow: 0 0 0 2px #f3d9bf; diario personal para pc con contrasena

button:hover background: #9b754b; transform: scale(0.97);

.diary-header background: #5d3a1a; color: #f9e7c2; padding: 1.2rem 2rem; display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 10px; For real security, do not share your PC

.diary-header h2 margin: 0; font-weight: 500; letter-spacing: 2px; font-size: 1.6rem;

#fechaSelector background: #f3efe6; border: 1px solid #decbae; padding: 8px 16px; border-radius: 40px; font-size: 1rem; flex: 2; min-width: 150px; For real security

.acciones display: flex; justify-content: flex-end; gap: 15px; margin-top: 8px;

const CORRECT_PASSWORD = "misueños2025"; Replace "misueños2025" with your own secret password. ⚠️ This diary stores data in your browser’s localStorage . If you clear your browser data or use private/incognito mode , your entries will be lost. For real security, do not share your PC without locking the browser tab.

<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>