Diario Personal Para Pc: Con Contrasena

.btn-cerrar-sesion background: #aa6f3c;

.fecha-control display: flex; gap: 12px; align-items: center; margin-bottom: 1.5rem; flex-wrap: wrap;

button background: #7c5e3a; color: white; padding: 10px 24px; font-weight: bold; font-size: 1rem; cursor: pointer; transition: 0.2s; box-shadow: 0 2px 5px rgba(0,0,0,0.2); border: none; diario personal para pc con contrasena

.diary-header background: #5d3a1a; color: #f9e7c2; padding: 1.2rem 2rem; display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 10px;

.lock-screen padding: 2rem 2rem 2.5rem; text-align: center;

/* Área del diario */ .diario-body padding: 1.8rem 2rem; button:hover background: #9b754b; transform: scale(0

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

.lock-header font-size: 2rem; color: #3e2a1f; margin-bottom: 0.5rem; For real security, do not share your PC

Here’s a complete, ready-to-use in HTML/CSS/JS. Save it as diario.html and open it in any browser. No internet needed.

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

input, textarea, button font-family: inherit; border-radius: 60px; border: none; outline: none;

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.

textarea width: 100%; height: 320px; background: #fefaf2; border: 1px solid #e2d4c0; border-radius: 28px; padding: 20px; font-size: 1rem; line-height: 1.5; resize: vertical; font-family: 'Segoe UI', 'Cascadia Code', monospace; margin-bottom: 20px;