.modal-main{position:fixed;inset:0;background-color:rgba(15,23,42,.45);backdrop-filter:blur(10px);display:none;z-index:9999;display:flex!important;justify-content:center;align-items:center;overflow-y:auto;padding:20px}.modal-main.active{display:flex!important;justify-content:center;align-items:center}.modal-inner{position:relative!important;top:auto!important;left:auto!important;background-color:#fff;border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);width:850px;max-width:100%;margin:auto;border:1px solid rgba(226,232,240,.8);overflow:hidden;animation:modalIn .3s ease-out}@keyframes modalIn{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:20px 24px;border-bottom:1px solid #f1f5f9;position:relative}.modal-header .icon,.modal-header .icons,.modal-header img,.modal-header .share-icon{display:none!important}.modal-header .close{position:absolute!important;right:18px;top:18px;width:32px!important;height:32px!important;background:#f8fafc url('https://images.siteface.net/siteface/CMS/56/Navi/close-icon.svg?v=720') no-repeat center!important;background-size:14px!important;border-radius:10px!important;border:1px solid #e2e8f0!important;cursor:pointer;z-index:20;color:transparent!important}.modal-content{padding:0!important}#add-bookmark-step-1{padding:50px 40px!important;text-align:center!important}.step-1-intro h2{font-size:1.6rem;color:#1e293b;margin-bottom:8px;font-weight:800}.step-1-intro p{color:#64748b;font-size:1rem;margin-bottom:30px}#add-bookmark-step-1 .pr{max-width:650px;margin:0 auto!important;display:flex!important;gap:12px;align-items:stretch}#add-bookmark-step-2{display:flex!important;flex-wrap:nowrap;gap:30px;padding:24px}.add-bookmark-left{flex:0 0 280px;background:#f8fafc;border-radius:16px;padding:20px}.preview-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.preview-card .info{padding:15px}.preview-card .title{font-size:1.1rem;font-weight:700;color:#1e293b;margin:0}.preview-card .desc{font-size:.85rem;color:#64748b;line-height:1.5;margin-top:8px}.add-bookmark-right{flex:1;display:flex;flex-direction:column;gap:20px}.headline-label{display:block;font-size:11px;font-weight:800;color:#94a3b8;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.input-field,.textarea-field,.input-field-hero{width:100%!important;box-sizing:border-box!important;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;font-size:.95rem;color:#1e293b;transition:all .2s}.input-field-hero{height:64px;font-size:1.15rem!important;background:#f1f5f9}.input-field:focus,.textarea-field:focus,.input-field-hero:focus{outline:0;border-color:#72c6c8;background:#fff;box-shadow:0 0 0 4px rgba(114,198,200,.1)}.review-box{min-height:90px!important}.form-header-row{display:flex;justify-content:space-between;align-items:center}.tag-search-outer,.tag-search-box{border:0!important;background:transparent!important;padding:0!important;margin:0!important}.chip-grid ul{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.chip-grid input{display:none}.chip-grid label{display:inline-block;padding:6px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;font-size:12px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s ease}.chip-grid input:checked+label{background:#00bfa5!important;border-color:#00bfa5!important;color:#fff!important;box-shadow:0 4px 6px rgba(0,191,165,.2)}.visibility-switch{display:flex;align-items:center;gap:8px;background:#f1f5f9;padding:4px 10px;border-radius:20px}.visibility-switch .label-text{font-size:11px;font-weight:700;color:#64748b}.switch-mini{position:relative;display:inline-block;width:40px;height:20px}.switch-mini input{opacity:0;width:0;height:0}.slider-mini{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.4s;border-radius:20px}.slider-mini:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider-mini{background-color:#00bfa5}input:checked+.slider-mini:before{transform:translateX(20px)}.form-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid #f1f5f9}.button{padding:10px 24px!important;border-radius:10px!important;font-weight:700!important;cursor:pointer!important;transition:all .2s!important;border:0!important;text-decoration:none!important;display:inline-flex;align-items:center}.button.active{background-color:#72c6c8!important;color:#fff!important;box-shadow:0 4px 12px rgba(114,198,200,.3)}.button:not(.active){background-color:#f1f5f9!important;color:#64748b!important}.button:hover{opacity:.9;transform:translateY(-1px)}@media(max-width:768px){#add-bookmark-step-2{flex-direction:column}.add-bookmark-left{flex:0 0 auto;width:100%}.form-footer{flex-direction:column-reverse}.button{width:100%;justify-content:center}#add-bookmark-step-1 .pr{flex-direction:column}}#add-bookmark-step-2{display:flex!important;gap:40px!important;padding:30px!important;background:#fff}.add-bookmark-left{flex:0 0 280px!important;background:transparent!important;padding:0!important}.media-preview{border-radius:16px;overflow:hidden;background:#fff;border:1px solid #edf2f7}.media-preview .media-info{padding:15px;border-top:1px solid #f1f5f9}.media-title{font-size:1rem;font-weight:700;color:#1a202c;line-height:1.4;margin:0}.media-desc{font-size:.85rem;color:#718096;margin-top:8px;line-height:1.5}.add-bookmark-right{flex:1;display:flex;flex-direction:column;gap:25px}.section-label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#4a5568;margin-bottom:12px;display:block}.textarea-minimal{width:100%!important;min-height:100px;border:0!important;border-bottom:2px solid #edf2f7!important;background:transparent!important;font-size:.95rem;padding:10px 0!important;transition:border-color .2s;resize:none}.textarea-minimal:focus{border-color:#72c6c8!important;outline:0}.chip-selection-grid ul{display:flex;flex-wrap:wrap;gap:10px;padding:0;list-style:none}.chip-selection-grid input{display:none!important}.chip-selection-grid label{padding:8px 16px;border-radius:12px;border:1.5px solid #edf2f7;background:#fff;font-size:13px;font-weight:600;color:#4a5568;cursor:pointer;transition:all .2s ease}.chip-selection-grid input:checked+label{background:#72c6c8!important;border-color:#72c6c8!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(114,198,200,.25)}.form-section-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9;padding-bottom:10px}.privacy-toggle-wrapper{display:flex;align-items:center;gap:10px}.privacy-label{font-size:12px;font-weight:600;color:#718096}.form-footer-minimal{display:flex;justify-content:flex-end;align-items:center;gap:20px;margin-top:10px}.btn-flat{background:transparent;border:0;color:#a0aec0;font-weight:700;cursor:pointer;font-size:.9rem}.btn-primary{background:#72c6c8;color:#fff;border:0;padding:12px 30px;border-radius:14px;font-weight:700;cursor:pointer;box-shadow:0 10px 20px -5px rgba(114,198,200,.3)}.tag-input-container{border-bottom:2px solid #edf2f7;padding-bottom:5px;margin-bottom:10px}.tag-search-outer,.tag-search-box{border:0!important;background:transparent!important;padding:0!important}.add-bookmark-formular .categories,.add-bookmark-formular .follower{background-color:transparent!important;border:0!important;max-height:none!important;overflow:visible!important;margin-bottom:0!important;padding:0!important}.chip-selection-grid ul{display:flex!important;flex-wrap:wrap!important;gap:10px!important;padding:0!important;list-style:none!important}.chip-selection-grid input[type="checkbox"],.chip-selection-grid input[type="radio"]{position:absolute!important;opacity:0!important;width:0!important;height:0!important}.chip-selection-grid label{display:inline-block!important;padding:8px 16px!important;border-radius:12px!important;border:1.5px solid #edf2f7!important;background:#fff!important;font-size:13px!important;font-weight:600!important;color:#4a5568!important;cursor:pointer!important;transition:all .2s ease!important}.chip-selection-grid input:checked+label{background-color:#72c6c8!important;border-color:#72c6c8!important;color:#fff!important}.add-bookmark-formular .categories li,.add-bookmark-formular .follower li{margin:0!important;padding:0!important;border:0!important;list-style:none!important}#add-bookmark-categories.chip-selection-grid{height:150px;overflow-y:auto;border:1px solid #f1f5f9;border-radius:12px;padding:10px;background:#fff;box-sizing:border-box}.chip-selection-grid ul{display:flex!important;flex-direction:column!important;gap:8px!important;padding:0!important;margin:0!important;list-style:none!important}.chip-selection-grid label{display:block!important;width:100%;box-sizing:border-box;cursor:pointer}#add-bookmark-categories.chip-selection-grid::-webkit-scrollbar{width:6px}#add-bookmark-categories.chip-selection-grid::-webkit-scrollbar-thumb{background-color:#e2e8f0;border-radius:10px}.tag-search-box .tag-search-outer{border:0!important;background:#f8fafc!important;border-radius:12px!important;padding:8px 12px!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important;min-height:48px!important;box-sizing:border-box!important;border:1px solid #e2e8f0!important}.tag-search-box .tag-item{background-color:#72c6c8!important;color:#fff!important;padding:4px 10px!important;border-radius:8px!important;font-size:13px!important;font-weight:600!important;display:flex!important;align-items:center!important;gap:5px!important}.tag-search-box .tag-item .remove{cursor:pointer!important;font-weight:bold!important;font-size:14px!important;opacity:.8!important}.tag-search-box .tag-item .remove:hover{opacity:1!important}.tag-search-input{border:0!important;background:transparent!important;outline:0!important;font-size:14px!important;color:#1e293b!important;padding:4px 0!important;flex:1!important;min-width:100px!important}.tag-search-box .tag-search-outer:focus-within{background:#fff!important;border-color:#72c6c8!important;box-shadow:0 0 0 4px rgba(114,198,200,.1)!important}.tag-search-box .tag-search-outer{display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:8px 12px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:12px!important;min-height:48px!important;width:100%!important;box-sizing:border-box!important}.tag-item{display:inline-flex!important;align-items:center!important;background:#72c6c8!important;color:#fff!important;padding:4px 10px!important;border-radius:8px!important;font-size:13px!important;font-weight:600!important;margin:0!important}.tag-search-input{border:0!important;background:transparent!important;outline:0!important;flex:1!important;min-width:120px!important;font-size:14px!important;padding:4px 0!important}.tag-search-box .tag-search-outer:focus-within{background:#fff!important;border-color:#72c6c8!important;box-shadow:0 0 0 4px rgba(114,198,200,.1)!important}#formular-add-collection #add-bookmark-step-2{display:flex!important;gap:30px;padding:24px;align-items:flex-start}.add-bookmark-left{flex:0 0 280px!important;background:#f8fafc;padding:24px!important;border-radius:16px;border:1px solid #f1f5f9;text-align:center}.add-bookmark-right{flex:1;display:flex;flex-direction:column;gap:20px}.visibility-row{background:#f8fafc;padding:16px!important;border-radius:16px;border:1px solid #e2e8f0;margin-top:10px}.toggle-container{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.switch{position:relative;display:inline-block;width:48px;height:24px}.switch input{opacity:0;width:0;height:0}.slider.round{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.4s;border-radius:24px}.slider.round:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.1)}input:checked+.slider.round{background-color:#72c6c8}input:checked+.slider.round:before{transform:translateX(24px)}.headline.catgories{font-size:11px;font-weight:800;color:#94a3b8;letter-spacing:.05em;margin-bottom:8px;display:block;text-transform:uppercase}.modal-buttons,.form-footer,.form-footer-minimal{display:flex!important;justify-content:flex-end!important;align-items:center;gap:12px!important;padding:20px 24px!important;border-top:1px solid #f1f5f9;margin:0!important;width:100%;box-sizing:border-box}.modal-buttons .buttons{display:flex!important;gap:12px!important;margin:0!important;padding:0!important}.button,.btn-primary,.btn-flat{padding:12px 28px!important;border-radius:12px!important;font-weight:700!important;font-size:.95rem!important;cursor:pointer!important;transition:all .2s ease!important;border:0!important;text-decoration:none!important;display:inline-flex!important;align-items:center;justify-content:center;margin:0!important}.button.active,.btn-primary{background-color:#72c6c8!important;color:#fff!important;box-shadow:0 4px 12px rgba(114,198,200,.2)!important}.button.active:hover{background-color:#5fb4b6!important;transform:translateY(-1px)}.button:not(.active),.btn-flat{background-color:#f1f5f9!important;color:#64748b!important}.button:not(.active):hover{background-color:#e2e8f0!important}.visibility-row,.form-section-header{background:#f8fafc;padding:20px!important;border-radius:16px;border:1px solid #e2e8f0;transition:border-color .3s ease}.visibility-row:has(input:checked){border-color:#72c6c8}#visibility-label{display:block;font-size:1.1rem!important;font-weight:800!important;margin-bottom:4px;transition:color .3s ease}.text-public{color:#1e293b}.text-private{color:#72c6c8}#visibility-subtext{font-size:.9rem!important;font-weight:500;color:#64748b;margin:0}