*{box-sizing:border-box}body{margin:0;background:#071321;color:#e8f5ff;font-family:Arial,sans-serif}main{max-width:1000px;margin:auto;padding:28px}header{display:flex;align-items:center;gap:16px;border-bottom:1px solid #24435a;padding-bottom:22px}.orb{width:54px;height:54px;border:2px solid #39d8e8;border-radius:50%;display:grid;place-items:center;color:#39d8e8;font-size:28px}h1{margin:0;letter-spacing:5px}small{color:#80a8bd;font-size:10px;letter-spacing:2px}.status{margin-left:auto;color:#63e6bd;font-size:11px}nav{display:flex;gap:10px;margin:24px 0}button{background:#12344b;color:#dffaff;border:1px solid #28718a;padding:12px 18px;border-radius:7px;cursor:pointer}button.active,form button{background:#087f99}.reply,article{white-space:pre-wrap;background:#0d2234;border:1px solid #1c4960;padding:20px;border-radius:10px;line-height:1.6;margin:18px 0}textarea{width:100%;min-height:110px;background:#091a29;color:#fff;border:1px solid #286079;border-radius:8px;padding:14px;margin:10px 0}form label{display:block;color:#a9c8d8;margin:10px 0}form button{margin-top:12px}.delete{float:right;background:#542b38;border-color:#9b5267}footer{color:#7292a5;font-size:12px;margin-top:45px}@media (max-width:600px){main{padding:16px}.status{display:none}h1{font-size:22px}small{font-size:8px}}