*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;color:#1e293b;line-height:1.6;-webkit-font-smoothing:antialiased}.container{max-width:680px;margin:0 auto;padding:48px 20px}.app-title{font-size:2rem;font-weight:700;color:#0f172a;margin-bottom:8px;letter-spacing:-.02em}.app-subtitle{color:#64748b;margin-bottom:32px;font-size:.95rem}.card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;padding:28px;margin-bottom:32px;transition:box-shadow .2s ease}.card:hover{box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a}.form-group{margin-bottom:16px}.form-label{display:block;font-size:.85rem;font-weight:600;color:#475569;margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.form-input,.form-textarea{width:100%;padding:12px 14px;font-size:.95rem;font-family:inherit;color:#1e293b;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.form-input:focus,.form-textarea:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 4px #6366f11f}.form-input::placeholder,.form-textarea::placeholder{color:#94a3b8}.form-textarea{resize:vertical;min-height:100px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;font-size:.9rem;font-weight:600;font-family:inherit;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background:#6366f1;color:#fff}.btn-primary:hover{background:#4f46e5;box-shadow:0 4px 12px #6366f159;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 6px #6366f140}.btn-danger{background:transparent;color:#ef4444;border:1.5px solid #fca5a5;padding:6px 14px;font-size:.8rem;border-radius:8px}.btn-danger:hover{background:#fef2f2;border-color:#ef4444}.error-message{background:#fef2f2;color:#dc2626;padding:14px 18px;border-radius:10px;font-size:.9rem;margin-bottom:20px;border:1px solid #fca5a5}.empty-state{text-align:center;padding:48px 20px;color:#94a3b8}.empty-state-icon{font-size:3rem;margin-bottom:12px;opacity:.5}.empty-state-text{font-size:1rem}.note-card{background:#fff;border-radius:14px;padding:20px 24px;margin-bottom:14px;box-shadow:0 1px 3px #0000000f;transition:box-shadow .2s ease,transform .2s ease}.note-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.note-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.note-title{font-size:1.05rem;font-weight:600;color:#0f172a;margin:0;line-height:1.4}.note-content{margin-top:10px;font-size:.92rem;color:#475569;white-space:pre-wrap;line-height:1.65}.note-date{display:block;margin-top:12px;font-size:.75rem;color:#94a3b8}@media (max-width: 600px){.container{padding:24px 16px}.card{padding:20px}.app-title{font-size:1.6rem}.note-card{padding:16px 18px}}