.app-container{min-height:100vh;background-color:#f9fafb;padding:1rem;font-family:Georgia,Times New Roman,Times,serif}.app-wrapper{max-width:1200px;margin:0 auto}.app-header{margin-bottom:0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.app-title{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:.5rem}.app-subtitle{font-size:1rem;font-weight:700;color:#111827;margin-top:0;margin-bottom:50px}.app-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 1024px){.app-grid{grid-template-columns:1fr 1fr}}.note-editor{background-color:#fff;border-radius:.5rem;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;height:fit-content}.editor-content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;margin-right:11px;margin-left:0}.input-group{display:flex;flex-direction:column}.input-label{font-size:.875rem;font-weight:500;color:#111827;margin-bottom:.5rem;display:block;font-size:18px}.text-input{width:100%;padding:.5rem .4rem;border:1px solid #d1d5db;border-radius:.375rem;outline:none;transition:all .2s;font-size:17px}.text-input:focus{box-shadow:0 0 0 2px #3b82f6;border-color:transparent}.textarea-input{width:100%;padding:.5rem .4rem;border:1px solid #d1d5db;border-radius:.375rem;outline:none;min-height:200px;resize:none;transition:all .2s;font-family:inherit;font-size:17px}.textarea-input:focus{box-shadow:0 0 0 2px #3b82f6;border-color:transparent}.button-group{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;gap:.5rem}.button-container{display:flex;justify-content:flex-start;align-items:center}.save-button{padding:.8rem;background-color:#2563eb;color:#fff;border:none;border-radius:.375rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background-color .2s;font-size:.9rem;width:auto;max-width:fit-content}.save-button:hover{background-color:#1d4ed8}.save-button:active{transform:scale(.97)}.save-button:disabled{background-color:#d1d5db;cursor:not-allowed;opacity:.6}.wallet-section{display:flex;align-items:center;gap:.75rem}.connect-button{padding:.8rem;background-color:#059669;color:#fff;border:none;border-radius:.375rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background-color .2s;font-size:.9rem;width:auto;max-width:fit-content}.connect-button:hover{background-color:#047857}.wallet-info{display:flex;align-items:center;gap:.5rem;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.375rem}.wallet-address{font-size:.875rem;font-weight:500;color:#059669;font-family:monospace}.saved-notes{margin-top:0}.refresh-button{padding:.8rem;background-color:#e5e7eb;color:#374151;border:none;border-radius:.375rem;cursor:pointer;font-size:.9rem;display:flex;align-items:center;transition:background-color .2s}.refresh-button:hover{background-color:#d1d5db}.refresh-button:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6}.refresh-button:active{transform:scale(.97)}.empty-notes{background-color:#fff;border-radius:.5rem;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d}.empty-content{padding:2rem;text-align:center}.empty-icon{font-size:2.5rem;margin-bottom:1rem}.empty-text{color:#6b7280}.notes-list{display:flex;flex-direction:column;gap:.75rem;max-height:600px;overflow-y:auto}.notes-header-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;gap:1.5rem;width:100%}.note-card{background-color:#fff;border-radius:.5rem;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;cursor:pointer;transition:all .2s}.note-card:hover{background-color:#f9fafb}.note-card-active{box-shadow:0 0 0 2px #3b82f6}.note-content{padding:1rem}.note-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.note-title{font-weight:500;color:#111827;cursor:pointer;flex:1;margin-right:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.note-text{font-size:.875rem;color:#6b7280;margin-bottom:.5rem;cursor:pointer;display:-webkit-box;overflow:hidden;line-height:1.4}.note-date{font-size:.75rem;color:#9ca3af}.search-bar{width:100%;margin-bottom:1rem;display:flex;flex:1;justify-content:flex-end}.search-input{padding:.5rem 1rem;font-size:1.1rem;border-radius:.375rem;border:1px solid #ccc;min-width:250px}