.App{padding:20px;text-align:center}:root{--color-background:#fdfdfd;--color-primary:#4d3e56;--color-accent:#fc0;--color-muted:#888;--color-text:#333;--color-text-light:#fff;--color-success:#5cb85c;--color-info:#5bc0de;--color-danger:#d9534f}.note-input{margin:0 auto;max-width:800px;padding:16px;position:relative}.save-message{background-color:var(--color-success);border-radius:4px;color:var(--color-text-light);font-size:14px;left:50%;opacity:1;padding:6px 12px;pointer-events:none;position:absolute;top:16px;transform:translateX(-50%);transition:opacity .5s ease-in-out}.button-container{display:flex;justify-content:center;margin-top:8px}.save-message.fade-out{opacity:0;transition:opacity .5s ease-in-out}.toolbar{display:flex;justify-content:flex-end;margin-bottom:8px}.btn{align-items:center;background-color:var(--color-primary);border:none;border-radius:28px;color:var(--color-text-light);cursor:pointer;display:inline-flex;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.btn i{margin-right:8px}.btn:hover{background-color:#3b2e43}.clear-btn{align-items:center;background-color:var(--color-danger);border-radius:50%;display:flex;height:40px;justify-content:center;padding:8px;width:40px}.clear-btn i{color:var(--color-text-light);font-size:18px;margin-right:0}.clear-btn:hover{background-color:#c9302c}textarea{border:1px solid var(--color-muted);border-radius:8px;font-family:inherit;font-size:16px;height:400px;padding:12px;resize:vertical;width:100%}textarea:focus{border-color:var(--color-primary);outline:none}.word-count{color:var(--color-muted);margin-top:4px;text-align:right}@media (max-width:600px){.note-input{padding:8px}.btn{font-size:14px;padding:8px 16px}textarea{height:300px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:var(--color-background);color:var(--color-text);font-family:Inter,Helvetica Neue,Arial,sans-serif;margin:0}h1{color:var(--color-primary)}button{font-family:inherit}button:focus{outline:none}
/*# sourceMappingURL=main.32c17092.css.map*/