*{box-sizing:border-box;margin:0;padding:0}body{background:#f0f2f5;min-height:100vh;padding:40px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container{max-width:600px;margin:0 auto}h1{text-align:center;color:#1a1a1a;margin-bottom:30px;font-size:28px}.message-form{background:#fff;border-radius:12px;flex-direction:column;gap:12px;margin-bottom:24px;padding:24px;display:flex;box-shadow:0 2px 8px #00000014}.message-form input,.message-form textarea{resize:vertical;border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;transition:border-color .2s}.message-form input:focus,.message-form textarea:focus{border-color:#3b82f6;outline:none}.message-form button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-self:flex-end;padding:10px 28px;font-size:15px;transition:background .2s}.message-form button:hover{background:#2563eb}.message-form button:disabled{cursor:not-allowed;background:#93c5fd}.message-list{flex-direction:column;gap:12px;display:flex}.message-card{background:#fff;border-radius:12px;padding:20px 24px;position:relative;box-shadow:0 2px 8px #0000000f}.message-card .nickname{color:#3b82f6;margin-bottom:6px;font-size:15px;font-weight:600}.message-card .content{color:#333;word-break:break-word;font-size:15px;line-height:1.6}.message-card .time{color:#999;margin-top:10px;font-size:12px}.message-card .delete-btn{color:#ccc;cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1;transition:color .2s;position:absolute;top:16px;right:20px}.message-card .delete-btn:hover{color:#ef4444}.loading,.empty{text-align:center;color:#999;padding:40px 0;font-size:15px}.error{text-align:center;color:#ef4444;padding:40px 0;font-size:15px}