.main-container{background:#fffffff2;border-radius:1.5rem;padding:2rem;box-shadow:0 8px 32px #0000004d;max-width:800px;width:100%;margin-bottom:2rem}.intro-text{text-align:center;margin-bottom:2rem;color:#333;font-size:1.1rem;line-height:1.6}.add-message-btn{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff;border:none;padding:1rem 2rem;border-radius:2rem;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:block;margin:0 auto 2rem;position:relative}.add-message-btn:hover{background:linear-gradient(135deg,#388e3c,#689f38);transform:translateY(-2px)}.add-message-btn i{margin-right:.5rem}.messages-container{display:grid;gap:2rem;margin-top:2rem}.message-card{border-radius:1.2rem;padding:1.5rem;box-shadow:0 2px 8px #2196f314;transition:box-shadow .2s;position:relative;overflow:hidden;margin-bottom:1.5rem}.message-card:hover{box-shadow:0 4px 16px #2196f31f}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e0e0e0}.message-author{font-weight:700;color:#1976d2;font-size:1.2rem;display:flex;align-items:center;gap:.5rem}.message-date{color:#1976d2;font-size:.95rem;background:#bbdefb;padding:.4rem 1rem;border-radius:1rem}.message-content{margin-top:1rem;font-size:1.08rem;color:#333;line-height:1.6}.loading{text-align:center;color:#666;font-style:italic;padding:2rem}.error{text-align:center;color:#e57373;padding:2rem;background:#f443361a;border-radius:1rem;border:1px solid #ffcdd2}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;visibility:hidden;transition:all .3s ease}.modal-overlay.show{opacity:1;visibility:visible}.modal{background:#fff;border-radius:1.5rem;padding:2rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #0000004d}.modal-header{text-align:center;margin-bottom:1.5rem}.modal-title{color:#333;font-size:1.5rem;margin-bottom:.5rem}.close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;transition:color .3s ease}.close-btn:hover{color:#333}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:700;color:#333}.form-group input,.form-group textarea{width:100%;padding:.8rem;border:2px solid #ddd;border-radius:.5rem;font-size:1rem;font-family:inherit;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4caf50}.form-group textarea{min-height:120px;resize:vertical}.submit-btn{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff;border:none;padding:1rem 2rem;border-radius:1rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#388e3c,#689f38);transform:translateY(-2px)}.submit-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}@media (max-width: 768px){.main-container{padding:1.5rem}.modal{padding:1.5rem;width:95%}.message-card{padding:1.5rem}.message-header{flex-direction:column;gap:.5rem;align-items:flex-start}.message-author{font-size:1.1rem}.message-content{font-size:1rem;padding:.8rem}}@media (max-width: 480px){.header{flex-direction:column;gap:1rem}.btn-home{align-self:flex-start}h1{font-size:1.5rem}.main-container{padding:1rem}.message-card{padding:1.2rem}.message-content{font-size:.95rem;padding:.6rem}.message-content:before,.message-content:after{font-size:2rem}}.no-messages{text-align:center;color:#666;font-style:italic;padding:3rem 1rem;background:#ffffff80;border-radius:1rem;border:2px dashed #ddd}.no-messages i{font-size:3rem;color:#ddd;margin-bottom:1rem;display:block}.success-message{background:#e8f5e9;color:#388e3c;border:1px solid #c8e6c9;border-radius:1rem;padding:1rem 2rem;margin:1rem auto;text-align:center;font-size:1.15rem;font-weight:600;box-shadow:0 2px 8px #388e3c14;max-width:400px;transition:opacity .3s;z-index:100}.success-message-toast{position:fixed;top:24px;right:32px;background:#a5d6a7;color:#1b5e20;border:1px solid #388e3c;border-radius:1rem;padding:1rem 2.5rem 1rem 1.5rem;text-align:left;font-size:1.15rem;font-weight:600;box-shadow:0 2px 16px #388e3c1f;z-index:9999;display:flex;align-items:center;gap:1rem;opacity:1;transition:opacity .3s}.success-icon{font-size:1.5rem;margin-right:.5rem}.error-message-toast{position:fixed;top:24px;right:32px;background:#ffcdd2;color:#b71c1c;border:1px solid #e53935;border-radius:1rem;padding:1rem 2.5rem 1rem 1.5rem;text-align:left;font-size:1.15rem;font-weight:600;box-shadow:0 2px 16px #e539351f;z-index:9999;display:flex;align-items:center;gap:1rem;opacity:1;transition:opacity .3s}.error-icon{font-size:1.5rem;margin-right:.5rem}.pastel-blue{background:linear-gradient(135deg,#e3f2fd,#b3e5fc);border:2px solid #81d4fa}.pastel-green{background:linear-gradient(135deg,#c8e6c9,#66bb6a);border:2px solid #388e3c}.pastel-pink{background:linear-gradient(135deg,#fce4ec,#f8bbd0);border:2px solid #f06292}.pastel-yellow{background:linear-gradient(135deg,#fff9c4,#ffe082);border:2px solid #ffd54f}.pastel-lilac{background:linear-gradient(135deg,#d1c4e9,#9575cd);border:2px solid #7e57c2}.pastel-red{background:linear-gradient(135deg,#ffcdd2,#e57373);border:2px solid #e53935}