.container{min-width:100px;max-width:1200px;margin:0 auto;padding:10px}.subtitle{color:var(--link-color);font-size:1.1rem}.add-link-form{background:0 0;padding:25px;border-radius:var(--border-radius);margin-bottom:20px}.form-group{margin-bottom:15px}label{display:block;margin-bottom:5px;font-weight:600;color:var(--dark-color)}input[type=text],input[type=url]{box-sizing:border-box;width:100%;padding:12px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;transition:var(--transition);background:0 0;color:var(--text);font-weight:500}input[type=text]:focus,input[type=url]:focus{outline:0;border-color:var(--icons-color)}.btn{display:inline-block;padding:10px 20px;background-color:var(--note-button-bg);color:var(--text);border:none;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;font-weight:600;transition:var(--transition)}.btn:hover{background-color:var(--link-card-shadow);transform:translateY(-2px)}.btn-sm{padding:6px 12px;font-size:.9rem}.links-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.link-card{background:var(--link-card-bg-color);border-radius:var(--border-radius);padding:10px 15px;border:1px solid var(--link-card-shadow);display:flex;flex-flow:column;justify-content:space-between;align-items:start}.link-card:hover{transition:var(--transition);background-color:var(--link-card-hover)}.link-title{margin:0;padding:0;font-size:1.1rem;font-weight:500;color:var(--note-title);word-break:break-word}.url-display{width:100%;display:flex;align-items:center;gap:15px;margin-bottom:4px}.url-display>input{margin-left:auto;align-self:flex-start}.favicon-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;text-transform:uppercase;flex-shrink:0}.favicon-icon img{width:100%;height:100%;object-fit:cover;border-radius:6px;opacity:0;transition:opacity .3s ease}.url-info{flex:1}.note-domain{color:#666;font-size:14px;cursor:default;margin-bottom:4px;word-break:break-word}.link-url{display:inline-block;color:var(--note-url);font-size:1rem;margin-bottom:4px;word-break:break-all;text-decoration:none}.link-url:hover{text-decoration:underline;cursor:pointer}.link-card-action-button{max-width:36px;max-height:36px}.open-link{box-sizing:border-box;padding:6px;display:block;border-radius:10px;transition:var(--transition)}.open-link:hover{background-color:var(--link-card-shadow);transform:translateY(-2px)}.edit-btn{box-sizing:border-box;padding:6px;border-radius:10px;background-color:var(--bg);border:none;transition:var(--transition)}.remove-category-btn{box-sizing:border-box;padding:6px;border-radius:10px;background-color:var(--bg);border:none;transition:var(--transition);display:none}.edit-btn:hover{transform:translateY(-2px);background-color:var(--link-card-shadow)}.delete-btn{box-sizing:border-box;padding:6px;border-radius:10px;background-color:var(--bg);border:none;transition:var(--transition)}.delete-btn:hover{transform:translateY(-2px);background-color:#d1145a}.link-actions{display:flex;justify-content:space-between;align-items:center;width:100%}.action-buttons{display:flex;gap:10px}.open-note-option-btn{box-sizing:border-box;padding:6px;border-radius:50%;background:0 0;border:none;transition:var(--transition);cursor:pointer}.open-note-option-btn:hover{background:var(--bg)}.note-manage-button-container{display:flex;gap:10px;transition:var(--transition);max-width:0;overflow:hidden}.empty-state{text-align:center;padding:50px;color:var(--link-color);grid-column:1/-1}.empty-state i{font-size:3rem;margin-bottom:20px;color:#ddd}.empty-state p{font-size:1.2rem}.link-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--modal-bg);z-index:1000;justify-content:center;align-items:center}.modal-title{color:var(--item-t)}.link-modal-content{background:var(--modal-content-bg);padding:30px;border-radius:var(--border-radius);width:90%;max-width:500px;border:1px solid var(--border-color)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.share-title{margin:8px}.modal-title{font-size:1.5rem;color:var(--item-t)}.share-web-name{max-height:200px;width:100%;overflow-y:auto;margin-bottom:6px;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.close-modal{background:0 0;border:none;font-size:1.5rem;cursor:pointer;font-weight:700;color:var(--icons-color)}.close-modal:hover{color:var(--text)}.input-label{color:var(--input-label-color)}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}@media (max-width:768px){.links-container{grid-template-columns:1fr}.add-link-form{padding:15px}}@media (max-width:300px){.url-display{gap:2vw}.favicon-icon{max-width:32px;max-height:32px}.link-actions{flex-direction:column;gap:5px}.action-buttons{display:flex;gap:5px;flex-direction:column}.link-modal-content{padding:12px}.modal-footer{flex-flow:column}.modal-footer>button{padding:.4rem;font-size:.7rem;text-overflow:ellipsis}.add-btn{padding:.4rem}}