.share-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:10000;align-items:center;justify-content:center}.share-modal.active{display:flex}.share-modal-content{background-color:#fff;border-radius:12px;padding:24px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px #0003;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.share-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.share-modal-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.share-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.share-modal-close:hover{background-color:#f3f4f6;color:#1f2937}.share-playlist-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.share-playlist-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s ease}.share-playlist-item:hover{background-color:#f3f4f6;border-color:#d1d5db;transform:translate(2px)}.share-playlist-info{display:flex;flex-direction:column;gap:4px;flex:1}.share-playlist-title{font-weight:600;color:#1f2937;font-size:1rem}.share-playlist-meta{font-size:.875rem;color:#6b7280;display:flex;gap:12px}.share-playlist-tracks,.share-playlist-public{display:flex;align-items:center;gap:4px}.share-playlist-public-icon{color:#10b981}.share-playlist-private-icon{color:#ef4444}.share-toggle-wrapper{display:flex;align-items:center;gap:8px}.share-toggle{position:relative;width:48px;height:24px}.share-toggle input{display:none}.share-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e5e7eb;transition:all .3s ease;border-radius:24px}.share-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:all .3s ease;border-radius:50%;box-shadow:0 2px 4px #0003}.share-toggle input:checked+.share-toggle-slider{background-color:#3b82f6}.share-toggle input:checked+.share-toggle-slider:before{transform:translate(24px)}.share-toggle-label{font-size:.875rem;color:#6b7280}.share-copy-section{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.share-link-wrapper{display:flex;gap:8px;align-items:center}.share-link-input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#4b5563;background-color:#f9fafb;font-family:monospace}.share-link-input:focus{outline:none;border-color:#3b82f6;background-color:#fff}.share-copy-button{padding:8px 16px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.share-copy-button:hover{background-color:#2563eb;transform:translateY(-1px)}.share-copy-button.copied{background-color:#10b981}.share-copy-button.copied:before{content:"✓ "}.share-social-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;margin-top:20px}.share-social-button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;text-decoration:none;color:#fff;font-weight:500;font-size:.875rem}.share-social-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.share-social-icon{font-size:24px}.share-social-button.facebook{background-color:#1877f2}.share-social-button.twitter{background-color:#1da1f2}.share-social-button.telegram{background-color:#08c}.share-social-button.whatsapp{background-color:#25d366}.share-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:#6b7280}.share-loading-spinner{width:24px;height:24px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-right:12px}@keyframes spin{to{transform:rotate(360deg)}}.share-empty-state{text-align:center;padding:40px;color:#6b7280}.share-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.share-empty-title{font-size:1.125rem;font-weight:600;color:#4b5563;margin-bottom:8px}.share-empty-description{font-size:.875rem}.share-error{background-color:#fee;border:1px solid #fcc;border-radius:6px;padding:12px;margin-bottom:16px;color:#dc2626;font-size:.875rem}.share-success{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:12px;margin-bottom:16px;color:#059669;font-size:.875rem}@media (max-width: 640px){.share-modal-content{width:95%;padding:20px;max-height:90vh}.share-modal-title{font-size:1.25rem}.share-playlist-item{padding:12px}.share-playlist-meta{flex-direction:column;gap:4px}.share-social-buttons{grid-template-columns:repeat(2,1fr)}.share-link-wrapper{flex-direction:column}.share-copy-button{width:100%}}@media (prefers-color-scheme: dark){.share-modal-content{background-color:#1f2937;color:#f3f4f6}.share-modal-header{border-bottom-color:#374151}.share-modal-title{color:#f3f4f6}.share-modal-close{color:#9ca3af}.share-modal-close:hover{background-color:#374151;color:#f3f4f6}.share-playlist-item{background-color:#374151;border-color:#4b5563}.share-playlist-item:hover{background-color:#4b5563;border-color:#6b7280}.share-playlist-title{color:#f3f4f6}.share-playlist-meta{color:#9ca3af}.share-link-input{background-color:#374151;border-color:#4b5563;color:#f3f4f6}.share-link-input:focus{background-color:#1f2937;border-color:#3b82f6}.share-toggle-slider{background-color:#4b5563}.share-error{background-color:#7f1d1d;border-color:#991b1b}.share-success{background-color:#064e3b;border-color:#047857}}