.app-container{max-width:800px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.app-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #e0e0e0}.app-header h1{color:#f38020;font-size:2.5rem;margin-bottom:.5rem}.app-header p{color:#666;font-size:1.1rem}.main-content{display:flex;flex-direction:column;gap:2rem}.greeting-form-section{background:#f9f9f9;padding:2rem;border-radius:8px}.greeting-form-section h2{margin-top:0;color:#333}.greeting-form{display:flex;gap:1rem}.greeting-input{flex:1;padding:.75rem;border:2px solid #ddd;border-radius:4px;font-size:1rem}.greeting-input:focus{outline:none;border-color:#f38020}.submit-button{padding:.75rem 1.5rem;background:#f38020;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .2s}.submit-button:hover{background:#d66f1a}.greetings-list-section h2{color:#333}.greetings-list{list-style:none;padding:0;margin:0}.greeting-item{background:#fff;padding:1rem;margin-bottom:.5rem;border-radius:4px;border-left:4px solid #f38020;display:flex;justify-content:space-between;align-items:center}.greeting-message{font-size:1.1rem;color:#333}.greeting-timestamp{font-size:.85rem;color:#999}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:2rem 0}#root{width:100%}