:root{--bg: #f8f9fa;--panel: #ffffff;--text: #222;--accent: #6a5acd;--accent-soft: rgba(106, 90, 205, .12);--radius: 12px;--space: 1rem;font-family:system-ui,sans-serif}body{background:var(--bg);color:var(--text);margin:0;padding:var(--space)}h1,h2,h3{font-weight:600;margin-bottom:.5rem}#headline{position:fixed;top:0;left:0;width:100%;height:65px;display:flex;align-items:center;gap:12px;color:#fff;background-image:linear-gradient(to top,#a0acda,#5663cb,#423db0,#1c104e);font-family:georgia;letter-spacing:4px;padding-left:20px;text-shadow:1px 1px rgba(0,0,0,.5)}#headline img{width:42px;filter:drop-shadow(0 0 4px rgba(255,255,255,.4));object-fit:contain;display:block;margin:0}.post{background:var(--panel);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius);padding:var(--space);margin:1.5rem 0;box-shadow:0 1px 2px #0000000a}input,textarea,button{width:100%;padding:.6rem;border-radius:var(--radius);border:1px solid #ccc;margin:.3rem 0 1rem;font-size:1rem}button{background:var(--accent);color:#fff;border:none;cursor:pointer}button.delete-btn{background:#d9534f}details{background:var(--panel);padding:var(--space);border-radius:var(--radius);box-shadow:0 2px 4px #0000000d;margin-bottom:1rem}@media(prefers-color-scheme:dark){:root{--bg: #111;--panel: #1a1a1a;--text: #eee;--accent: #9f8cff;--accent-soft: rgba(159, 140, 255, .15)}.post{background:#1a1a1a;border:1px solid rgba(255,255,255,.08);box-shadow:0 1px 3px #0009}input,textarea,button{background:#222;border:1px solid #444;color:#eee}details{box-shadow:0 2px 4px #0000004d}button.delete-btn{background:#c0392b}}.content h1,.content h2,.content h3{margin-top:1.2rem}.content h1{font-size:1.3rem;padding-bottom:.3rem}.content h2{font-size:1.1rem;color:var(--accent)}.content h3{font-size:.9rem;opacity:.85}.content p{margin:.5rem 0;font-size:1em}.content a{color:var(--accent);text-decoration:underline}.content code{background:var(--accent-soft);padding:2px 4px;border-radius:4px;font-family:monospace}.post:hover{border-color:var(--accent-soft);transform:translateY(-2px);transition:all .12s ease}.timestamp{text-align:right;font-family:Courier New,monospace;font-size:.5em}