*{box-sizing:border-box}
body{margin:0;font-family:Georgia,"Times New Roman",serif;background:#f5efe6;color:#332b25}
header{text-align:center;padding:42px 20px 30px;background:#e7d7c5}
header h1{margin:0 0 8px;font-size:42px}
header p{margin:0;color:#66594e;font-family:Arial,sans-serif}
main{max-width:900px;margin:30px auto;padding:0 16px}
.toolbar{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:20px}
button,input,textarea{font:inherit;border:1px solid #b9a895;border-radius:8px}
button,input{padding:10px 13px;background:#fff}
button{cursor:pointer}
button:hover{background:#eee2d5}
input[type=search]{min-width:180px}
.diary-card{background:#fffdf9;border-radius:14px;padding:30px;min-height:370px;box-shadow:0 8px 25px rgba(70,50,30,.10)}
.entry-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}
.diary-card h2{margin:0;font-size:30px}
.date{color:#8a7462;font-family:Arial,sans-serif;font-size:14px}
#entryContent{margin-top:24px;line-height:1.8;font-size:18px;white-space:pre-wrap}
.actions{display:flex;gap:7px}
.danger{background:#fff0ee}
.storage-note{text-align:center;color:#806f60;font:13px Arial,sans-serif;margin:15px}
.search-results{background:#fffdf9;border:1px solid #d3c3b3;border-radius:10px;margin-bottom:15px;padding:10px}
.result{padding:10px;border-bottom:1px solid #eadfd4;cursor:pointer}
.result:last-child{border-bottom:0}
.hidden{display:none!important}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;padding:18px}
.modal-box{width:min(650px,100%);background:#fffdf9;border-radius:14px;padding:28px;position:relative;box-shadow:0 15px 50px rgba(0,0,0,.25)}
.modal-box h2{margin-top:0}
.modal-box label{display:block;margin:14px 0 5px;font-family:Arial,sans-serif;font-size:14px}
.modal-box input,.modal-box textarea{width:100%;padding:11px;background:#fff}
.modal-box textarea{resize:vertical}
.close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:28px}
.save{margin-top:18px;width:100%;font-weight:bold}
footer{text-align:center;padding:25px;color:#806f60}
@media(max-width:600px){header h1{font-size:34px}.diary-card{padding:22px}.entry-top{display:block}.actions{margin-top:15px}.toolbar input[type=search]{width:100%}}