.compact-share-popup.swal2-popup{backdrop-filter:none!important;background:0 0!important;border-radius:12px!important;box-shadow:0 8px 32px #65432133!important;border:0!important;overflow:hidden!important;max-width:320px!important;width:90%!important;padding:0!important}.compact-share-content.swal2-html-container{padding:0!important;background:0 0!important;margin:0!important}.compact-share-popup .swal2-header{display:none!important}.compact-share-popup .swal2-content{padding:0!important;margin:0!important}.compact-share-popup .swal2-actions,.compact-share-popup .swal2-footer{display:none!important}.share-dialog-container{padding:20px;background:linear-gradient(135deg,#8b4513,#d2691e);color:#fff;text-align:center;border-radius:12px;margin:0}.share-header{margin-bottom:20px}.share-title{font-size:18px;font-weight:600;margin:0;color:#fff}.share-buttons-grid{display:flex;justify-content:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.share-btn{width:56px;height:56px;border-radius:50%;border:0;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.share-btn:before{content:"";position:absolute;inset:0;background:#fff0;border-radius:50%;transition:all .3s ease}.share-btn:hover:before{background:#fff3}.share-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000004d}.share-btn:active{transform:translateY(-1px)}.share-btn svg{position:relative;z-index:1}.share-btn.facebook{background:linear-gradient(135deg,peru,#deb887);color:#1877f2}.share-btn.twitter{background:linear-gradient(135deg,peru,#deb887);color:#1da1f2}.share-btn.telegram{background:linear-gradient(135deg,peru,#deb887);color:#08c}.share-btn.whatsapp{background:linear-gradient(135deg,peru,#deb887);color:#25d366}.share-btn.messenger{background:linear-gradient(135deg,peru,#deb887);color:#0084ff}.share-btn.zalo{background:linear-gradient(135deg,peru,#deb887);color:#0068ff}.share-btn.native{background:linear-gradient(135deg,peru,#deb887);color:#8b4513}.share-btn:hover svg{color:#fff}.share-url-box{display:flex;align-items:center;background:#fff3;border-radius:8px;padding:8px;margin-bottom:16px}.share-url-input{flex:1;background:0 0;border:0;color:#fff;font-size:14px;outline:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.share-url-copy-btn{background:0 0;border:0;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.share-url-copy-btn:hover{background:#ffffff4d}.share-tip{font-size:12px;opacity:.9;background:#0000001a;padding:8px 12px;border-radius:6px;backdrop-filter:blur(5px)}.compact-share-popup .swal2-close{color:#fff!important;font-size:18px!important;top:2px!important;right:2px!important;position:absolute!important;width:32px!important;height:32px!important;background:#0003!important;border-radius:50%!important;backdrop-filter:blur(5px)!important}.compact-share-popup .swal2-close:hover{background:#0000004d!important;transform:scale(1.1)!important}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#00000026;border-radius:3px}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeScale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.section-animate{animation:slideUp .35s cubic-bezier(.2,0,.13,1) forwards}.toggle-track{position:relative;width:52px;height:30px;border-radius:15px;cursor:pointer;transition:background-color .14s ease;flex-shrink:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.toggle-track.off{background-color:#d1d5db}.toggle-track.on{background-color:#ff8c42}.toggle-thumb{position:absolute;top:3px;width:24px;height:24px;border-radius:12px;background:#fff;transition:left .14s cubic-bezier(.34,1.56,.64,1);box-shadow:0 1px 4px #0003}.toggle-track.off .toggle-thumb{left:3px}.toggle-track.on .toggle-thumb{left:25px}.chip-btn{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;border-radius:14px;font-size:13px;font-weight:500;border:1.5px solid #e5e7eb;transition:all .12s cubic-bezier(.2,0,.13,1);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;background:#f9fafb;color:#4b5563;position:relative;overflow:hidden}.chip-btn:active{transform:scale(.97)}.chip-btn.selected{border-color:transparent;color:#fff;font-weight:600;box-shadow:0 4px 12px #00000026}.tab-bar{display:flex;gap:4px;padding:3px;border-radius:14px;background:#f0f0f0}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 6px;border-radius:11px;font-size:11px;font-weight:500;color:#9ca3af;cursor:pointer;transition:all .12s cubic-bezier(.2,0,.13,1);-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;border:0;background:0 0;position:relative}.tab-item.active{background:#ff8c4226;color:#f97316;font-weight:600}.tab-item .tab-icon{font-size:20px;transition:transform .12s ease}.tab-item.active .tab-icon{transform:scale(1.12)}.settings-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:14px}.settings-card-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#9ca3af;margin-bottom:10px}.time-seg{display:flex;gap:2px;padding:3px;border-radius:12px;background:#f0f0f0}.time-seg-btn{flex:1;padding:9px 12px;border-radius:10px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;border:0;background:0 0;transition:all .12s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;text-align:center}.time-seg-btn.active{background:#f973161f;color:#f97316;font-weight:600}.reset-btn{padding:6px 14px;border-radius:8px;font-size:12px;font-weight:600;color:#f97316;background:#f973161a;border:0;cursor:pointer;transition:all .1s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none}.reset-btn:active{transform:scale(.95)}@media (max-width:767px){.config-panel-root{inset:0!important;width:100%!important;max-width:none!important;height:100dvh!important;height:100vh!important;border-radius:0!important;border-left:none!important;box-shadow:none}}