* { margin:0; padding:0; box-sizing:border-box; font-family:'Courier New', monospace; }
body { background:#0d0d0d; color:#e0e0e0; display:flex; justify-content:center; align-items:flex-start; min-height:100vh; padding:20px; }
.container { width:100%; max-width:900px; }
header { text-align:center; margin-bottom:20px; }
header h1 { font-size:2em; color:#f2f2f2; letter-spacing:2px; }
header h1 span { color:#ff3c3c; }
header p { font-size:0.9em; color:#aaa; margin-top:5px; }
.auth-box, .paste-box { background:#1a1a1a; border:1px solid #444; padding:20px; margin-bottom:20px; }
.auth-box input, .paste-box textarea { width:100%; padding:10px; margin-bottom:10px; background:#0f0f0f; color:#e0e0e0; border:1px solid #555; font-family:'Courier New', monospace; }
.auth-box button, .paste-box button { background:#333; color:#fff; border:1px solid #555; padding:10px; cursor:pointer; font-family:'Courier New', monospace; }
.auth-box button:hover, .paste-box button:hover { background:#555; }
.snippet { background:#1a1a1a; border:1px solid #444; padding:10px; margin-top:10px; white-space:pre-wrap; word-break:break-word; }
.msg { color:#ff3c3c; margin-top:5px; }
#logoutBtn { float:right; background:#222; border:1px solid #444; padding:5px 10px; margin-top:-40px; }
#logoutBtn:hover { background:#444; }