.folder-link{text-decoration:none;color:#000;font-weight:500;margin-right:10px;transition:color .2s}.folder-link:hover{color:#007bff}.folder-card{flex-shrink:0}.new-folder-card:hover{background-color:#f8f9fa;transition:background-color .2s}.note-card{width:240px;height:280px;border:1px solid #e0e0e0;box-shadow:0 2px 5px rgba(0,0,0,.1);margin:15px;transition:box-shadow .3s ease}.note-card:hover{box-shadow:0 4px 10px rgba(0,0,0,.677)}.note-title{font-size:1rem;margin-bottom:8px}.note-content{font-size:1rem;line-height:1.6;margin-bottom:12px}.note-tags{gap:.5rem}.tag{background-color:#e0f7fa;color:#00796b;padding:4px 8px;border-radius:12px}.note-footer,.tag{font-size:.875rem}.is-archived,.is-pinned{font-weight:700;color:#ff5722}.is-pinned{color:#ffc107}.container{display:flex;flex-direction:column;min-height:100vh;padding:20px;background-color:#f5f5f5}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header h1{font-size:24px;font-weight:700}.icons{display:flex;gap:10px}.icons i{font-size:20px}.notes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px}.note{width:240px;background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.note-content{margin-bottom:10px}.note-content h3{margin:0;font-size:18px;font-weight:700}.note-content p{margin:0;color:#888;line-height:1.6}.add-note{width:60px;height:60px;border-radius:50%;background-color:#f0f0f0;display:flex;justify-content:center;align-items:center;position:fixed;bottom:20px;right:20px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.add-note i{font-size:24px}.note-card{display:flex;flex-direction:column;justify-content:space-between;padding:10px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .2s}.note-card:hover{transform:scale(1.02)}.note-title{font-size:1.2rem;font-weight:700;color:#333}.note-content{font-size:.9rem;color:#555;margin:10px 0}.note-tags{margin-top:auto;padding-top:10px;border-top:1px solid #eee;display:flex;flex-wrap:wrap;gap:5px}.note-tag{background-color:#f0f0f0;border-radius:12px;padding:3px 8px;font-size:.8rem;color:#555}.note-footer{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#777}.is-pinned{font-weight:700;color:#007bff}.folder-card{list-style:none}.folder-card-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:240px;height:140px;border-radius:8px;padding:10px;cursor:pointer;transition:transform .2s ease-in-out,box-shadow .2s;box-shadow:0 2px 5px rgba(0,0,0,.1)}.folder-card-container:hover{transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.2)}.folder-card-icon{margin-bottom:10px}.folder-card-title{font-size:17px;font-weight:700;text-align:center;color:#333}.folder-card-date{font-size:15px;font-weight:200;text-align:center;color:#777}