.app{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000001a;color:#fff;padding:2rem;text-align:center}.header h1{font-size:2.5rem;margin-bottom:.5rem}.user-id{font-size:.9rem;opacity:.8}.container{margin:0 auto;max-width:1000px;padding:2rem}.create-note{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:2rem}.create-note h2{color:#333;margin-bottom:1.5rem}.form{display:flex;flex-direction:column;gap:1rem}.title-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-weight:700;padding:.75rem;transition:border-color .3s}.content-input:focus,.title-input:focus{border-color:#667eea;outline:none}.content-input{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem;resize:vertical;transition:border-color .3s}.button-group{display:flex;gap:1rem}.btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex:1 1}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#f0f0f0;color:#333}.btn-secondary:hover{background:#e0e0e0}.btn-edit{background:#4caf50;color:#fff;font-size:.9rem;padding:.5rem 1rem}.btn-edit:hover{background:#45a049}.btn-delete{background:#f44336;color:#fff;font-size:.9rem;padding:.5rem 1rem}.btn-delete:hover{background:#da190b}.notes-list{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem}.notes-list h2{color:#333;margin-bottom:1.5rem}.notes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.note-card{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem;transition:all .3s}.note-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-4px)}.note-card h3{color:#333;margin-bottom:.5rem;word-break:break-word}.note-card p{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;display:-webkit-box;margin-bottom:1rem;overflow:hidden;text-overflow:ellipsis}.note-card small{color:#999;display:block;font-size:.85rem;margin-bottom:1rem}.note-actions{display:flex;gap:.5rem}.empty,.loading{color:#999;font-size:1.1rem;padding:2rem;text-align:center}@media (max-width:768px){.header h1{font-size:1.8rem}.container{padding:1rem}.create-note,.notes-list{padding:1.5rem}.notes-grid{grid-template-columns:1fr}.button-group{flex-direction:column}.btn{width:100%}}
/*# sourceMappingURL=main.d6455c0c.css.map*/