.bookmark .bookmark_container{margin-bottom: 20px;}
.bookmark .bookmark_container .container{max-width: 1200px;margin: 0 auto;}
.bookmark .bookmark_container .header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;padding-bottom: 10px;border-bottom: var(--border-w) solid var(--c-border);}
.bookmark .bookmark_container .header h1{font-size: 24px;color: var(--c-link);}
.bookmark .header-controls{display: flex;gap: 10px;align-items: center;}
.bookmark .add-btn{background-color: var(--c-link);color: var(--c-fg-invert);border: none;padding: 8px 16px;border-radius: var(--radius);cursor: pointer;display: flex;align-items: center;font-size: 14px;}
.bookmark .add-btn:hover{background-color: var(--c-link);}
.bookmark .category-selector{display: flex;gap: 10px;align-items: center;}
.bookmark .header-controls{display: flex;gap: 12px;align-items: center;padding: 12px 0;}
.bookmark .category-selector{display: flex;gap: 12px;align-items: center;position: relative;}
.bookmark #categoryFilter{padding: 8px 14px;border: var(--border-w) solid var(--c-border);border-radius: var(--radius);min-width: 180px;font-size: 14px;color: var(--c-link);background-color: var(--c-card);transition: all .2s ease;}
.bookmark #categoryFilter:focus{outline: 0;border-color: var(--c-border);}
.bookmark .icon-btn{background-color: var(--c-link);color: var(--c-fg-invert);border: none;width: 36px;height: 36px;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all .2s ease;}
.bookmark .icon-btn:hover{background-color: var(--c-link);transform: translateY(-1px);}
.bookmark .icon-btn:active{transform: translateY(0);}
.bookmark .dark-btn{background-color: var(--c-page);}
.bookmark .dark-btn:hover{background-color: var(--c-link);}
.bookmark .icon-btn svg{transition: transform .2s ease;}
.bookmark .icon-btn:hover svg{transform: scale(1.1);}
.bookmark .bookmarks-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(250px,1fr));gap: 16px;}
.bookmark .bookmark-card{background-color: var(--c-card);border: var(--border-w) solid var(--c-border);border-radius: var(--radius);padding: 12px;position: relative;transition: transform .2s;}
.bookmark .bookmark-card:hover{transform: translateY(-2px);}
.bookmark .bookmark-title{font-weight: 600;margin-bottom: 4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 60px;}
.bookmark .bookmark-url{color: var(--c-subtext);font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 10px;width: calc(100% - 60px);}
.bookmark .bookmark-category{font-size: 10px;color: var(--c-fg-invert);background-color: var(--c-link);padding: 2px 6px;border: var(--border-w) solid var(--c-border);border-radius: var(--radius);display: inline-block;margin-top: 8px;}
.bookmark .bookmark-actions{position: absolute;top: 10px;right: 10px;display: flex;gap: 5px;}
.bookmark .action-btn{padding: unset;background: 0 0;border: none;cursor: pointer;width: 24px;height: 24px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.bookmark .action-btn:hover{background-color: var(--c-card);}
.bookmark .edit-btn{color: var(--c-link);}
.bookmark .delete-btn{color: var(--c-primary);}
.bookmark .visit-btn{background-color: var(--c-card);color: var(--c-text);border: none;padding: 6px 10px;border-radius: var(--radius);cursor: pointer;font-size: 12px;display: flex;align-items: center;gap: 4px;position: absolute;right: 10px;bottom: 10px;}
.bookmark .visit-btn:hover{background-color: var(--c-card);}
.bookmark .modal-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;z-index: 1000;opacity: 0;transition: opacity .3s ease;pointer-events: none;}
.bookmark .modal-overlay.active{opacity: 1;pointer-events: all;}
.bookmark .modal{background-color: var(--c-card);border: var(--border-w) solid var(--c-border);border-radius: var(--radius);width: 90%;max-width: 400px;padding: 20px;transform: translateY(50px);transition: transform .3s ease;}
.bookmark .modal.active{transform: translateY(0);}
.bookmark .modal-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 16px;}
.bookmark .modal-title{font-size: 18px;font-weight: 600;}
.bookmark .close-btn{background: 0 0;border: none;font-size: 20px;cursor: pointer;color: var(--c-subtext);}
.bookmark .form-group{margin-bottom: 16px;}
.bookmark .form-group label{display: block;margin-bottom: 6px;font-weight: 500;}
.bookmark .form-control{width: 100%;padding: 8px 12px;border: var(--border-w) solid var(--c-border);border-radius: var(--radius);font-size: 14px;}
.bookmark .form-control:focus{outline: 0;border-color: var(--c-border);}
.bookmark .modal-footer{display: flex;justify-content: flex-end;gap: 10px;margin-top: 20px;}
.bookmark .btn{padding: 8px 16px;border-radius: var(--radius);font-size: 14px;cursor: pointer;border: none;}
.bookmark .btn-cancel{background-color: var(--c-card);color: var(--c-text);}
.bookmark .btn-cancel:hover{background-color: var(--c-card);}
.bookmark .btn-primary{background-color: var(--c-link);color: var(--c-fg-invert);}
.bookmark .btn-primary:hover{background-color: var(--c-link);}
.bookmark .empty-state{text-align: center;padding: 40px 0;color: var(--c-subtext);}
@media (max-width:640px){.bookmark .bookmarks-grid{grid-template-columns: 1fr;}
.bookmark .header{flex-direction: column;align-items: flex-start;gap: 10px;}
}
.bookmark .category-item{display: flex;align-items: center;justify-content: space-between;padding: 12px;border-bottom: var(--border-w) solid var(--c-border);transition: background-color .2s;}
.bookmark .category-item:hover{background-color: var(--c-card);}
.bookmark .category-info{flex: 1;}
.bookmark .category-actions{display: flex;gap: 8px;}
.bookmark .category-actions button{border: none;background: 0 0;cursor: pointer;width: 36px;border-radius: var(--radius);font-size: 14px;}
.bookmark .edit-category-btn{color: var(--c-link);}
.bookmark .delete-category-btn{color: var(--c-primary);}
.bookmark .category-actions button:hover{}
.bookmark .ios-confirm-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;align-items: center;justify-content: center;z-index: 2000;opacity: 0;transition: opacity .3s ease;display: none;}
.bookmark .ios-confirm-dialog{background-color: var(--c-card);border: var(--border-w) solid var(--c-border);border-radius: var(--radius);width: 270px;overflow: hidden;transform: scale(1.2);transition: transform .3s ease;}
.bookmark .ios-confirm-title{text-align: center;padding: 18px 16px 0;font-size: 17px;font-weight: 600;}
.bookmark .ios-confirm-message{text-align: center;padding: 12px 16px 18px;font-size: 13px;color: var(--c-subtext);}
.bookmark .ios-confirm-buttons{display: flex;border-top: var(--border-w) solid var(--c-border);justify-content: space-around;}
.bookmark .ios-confirm-button{padding: 12px;text-align: center;font-size: 17px;background: 0 0;border: none;cursor: pointer;}
.bookmark .ios-confirm-button:not(:last-child){border-bottom: var(--border-w) solid var(--c-border);}
.bookmark .ios-confirm-button.cancel{font-weight: 600;}
.bookmark .ios-confirm-button.destructive{color: var(--c-primary);font-weight: 600;}
.bookmark .ios-confirm-button:hover{}