*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,sans-serif;background:#0f0f13;color:#e0e0e0;min-height:100vh;padding:1rem}
#app{max-width:800px;margin:0 auto}.screen{display:none;animation:fade .3s}.screen.active{display:block}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
h1{text-align:center;margin:1rem 0}input,textarea{width:100%;padding:.8rem;margin:.4rem 0;background:#1a1a24;border:1px solid #333;border-radius:8px;color:#e0e0e0;font-size:1rem}
textarea{min-height:80px;resize:vertical}button{width:100%;padding:.8rem;margin-top:.5rem;background:#6c5ce7;color:#fff;border:none;border-radius:8px;cursor:pointer}button:hover{background:#5a4bd1}
.error{color:#ff6b6b;text-align:center;margin:.5rem 0;min-height:1.2rem}.warning{background:#2d1f00;border-left:4px solid #ffa500;padding:1rem;margin:1rem 0;border-radius:0 8px 8px 0}
header{display:flex;justify-content:space-between;align-items:center;margin:1rem 0}header button{width:auto;margin:0;padding:.5rem 1rem}
.new-entry{background:#1a1a24;border-radius:8px;padding:1rem;margin:1rem 0}.new-entry summary{cursor:pointer;font-weight:600;margin-bottom:.5rem}
.new-entry small{display:block;color:#888;margin:.5rem 0}

/* Diary entries */
.entry{background:#1a1a24;border-radius:8px;padding:1rem;margin:.8rem 0;border-left:3px solid #6c5ce7}.entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}
.entry-author{font-weight:600;color:#a78bfa}.entry-date{font-size:.8rem;color:#888}.entry-title{font-size:1.1rem;margin:.3rem 0}.entry-content{line-height:1.6}
.entry-content h1,.entry-content h2{margin:.8rem 0 .4rem}.entry-content ul,.entry-content ol{margin:.4rem 0;padding-left:1.5rem}.entry-content a{color:#60a5fa;text-decoration:none}.entry-content a:hover{text-decoration:underline}
.entry-content code{background:#0f0f13;padding:.2rem .4rem;border-radius:4px;font-family:monospace}.entry-content pre{background:#0f0f13;padding:.8rem;border-radius:8px;overflow-x:auto;margin:.5rem 0}
.entry-content blockquote{border-left:3px solid #6c5ce7;padding-left:1rem;margin:.5rem 0;color:#aaa}

/* Admin panel */
.admin-nav{display:flex;gap:.5rem;margin:1rem 0}.admin-nav button{width:auto;margin:0}.admin-tab{display:none}.admin-tab.active{display:block}
table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{padding:.6rem;border-bottom:1px solid #333;text-align:left}th{background:#1a1a24}
.success{color:#00b894}.fail{color:#ff6b6b}.btn-danger{background:#dc2626;padding:.3rem .6rem;font-size:.85rem;width:auto;margin:0}.btn-danger:hover{background:#b91c1c}