Diario Personal Para Pc Con Contrasena [DIRECT]
input, textarea, button font-family: inherit; border-radius: 60px; border: none; outline: none;
button:hover background: #9b754b; transform: scale(0.97);
/* 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;
<script> (function(){ // ---------- CONFIGURACIÓN DE CONTRASEÑA ---------- // Cambia esta clave por la que tú quieras (mínimo 4 caracteres) const CORRECT_PASSWORD = "misueños2025"; // <-- CAMBIA AQUÍ TU CONTRASEÑA diario personal para pc con contrasena
.btn-nuevo-dia background: #2c553c;
/* Área del diario */ .diario-body padding: 1.8rem 2rem;
.acciones display: flex; justify-content: flex-end; gap: 15px; margin-top: 8px; button font-family: inherit
.diary-header h2 margin: 0; font-weight: 500; letter-spacing: 2px; font-size: 1.6rem;
textarea:focus border-color: #b97f44; box-shadow: 0 0 0 2px #f3d9bf;
.diary-header background: #5d3a1a; color: #f9e7c2; padding: 1.2rem 2rem; display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 10px; button:hover background: #9b754b
.error-msg color: #c23b22; background: #ffe6e2; padding: 8px; border-radius: 40px; margin-top: 12px; font-size: 0.85rem; display: inline-block;
<!-- Contenedor principal del diario (oculto inicialmente) --> <div id="diaryApp" class="diary-container"> <div class="diary-header"> <h2>📖 Mi Diario Secreto</h2> <button id="logoutBtn" class="btn-cerrar-sesion" style="background:#865d36;">🚪 Cerrar sesión</button> </div> <div class="diario-body"> <div class="fecha-control"> <label style="font-weight: bold;">📅 Fecha:</label> <input type="date" id="fechaSelector"> <button id="nuevoDiaBtn" class="btn-nuevo-dia">✨ Nueva entrada</button> </div> <textarea id="diarioTexto" placeholder="Escribe tus pensamientos, recuerdos o lo que sientes hoy..."></textarea> <div class="acciones"> <button id="saveEntryBtn" class="btn-guardar">💾 Guardar entrada</button> </div> <div id="statusMsg" class="status"></div> </div> <footer> ✍️ Tus recuerdos están cifrados localmente. Solo visible con tu contraseña. </footer> </div>







Lazima uwe umeingia ili kuchapisha maoni ya ukuta. Tafadhali Ingia au Jisajili (bure).