.social-share{position:relative}.share-trigger{color:#f06;cursor:pointer;background:#ff00661a;border:1px solid #ff00664d;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.share-trigger:hover{background:#f063;transform:translateY(-1px)}.share-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#000c;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.share-modal{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:16px;width:90%;max-width:480px;max-height:80vh;padding:32px;animation:.3s slideUp;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-header h3{color:#fff;margin:0;font-size:20px;font-weight:600}.close-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:24px;transition:color .2s}.close-btn:hover{color:#fff;background:#ffffff1a}.mix-preview{background:#ffffff0d;border-radius:12px;gap:16px;margin-bottom:24px;padding:16px;display:flex}.mix-cover{object-fit:cover;background:#ffffff1a;border-radius:8px;width:80px;height:80px}.mix-info{flex:1}.mix-info h4{color:#fff;margin:0 0 4px;font-size:16px;font-weight:600}.mix-info p{color:#fff9;margin:0 0 8px;font-size:14px}.mix-stats{color:#ffffff80;gap:12px;font-size:12px;display:flex}.mix-stats span{background:#ffffff1a;border-radius:4px;padding:4px 8px}.share-options{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:32px;display:grid}.share-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.share-btn.twitter{color:#fff;background:#1da1f2}.share-btn.twitter:hover{background:#1991db;transform:translateY(-1px)}.share-btn.facebook{color:#fff;background:#4267b2}.share-btn.facebook:hover{background:#365899;transform:translateY(-1px)}.share-btn.instagram{color:#fff;background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}.share-btn.instagram:hover{filter:brightness(1.1);transform:translateY(-1px)}.share-btn.copy{color:#fff;background:#ffffff1a;border:1px solid #fff3}.share-btn.copy:hover{background:#ffffff26;transform:translateY(-1px)}.recording-section,.live-session-share{border-top:1px solid #ffffff1a;margin-bottom:24px;padding-top:24px}.section-header{margin-bottom:16px}.section-header h4{color:#fff;align-items:center;gap:8px;margin:0 0 4px;font-size:16px;font-weight:600;display:flex}.section-header p{color:#fff9;margin:0;font-size:13px}.recording-controls{flex-direction:column;align-items:center;gap:16px;display:flex}.record-btn{color:#f06;cursor:pointer;background:#ff00661a;border:2px solid #f06;border-radius:12px;align-items:center;gap:12px;padding:16px 24px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.record-btn:hover{background:#f063;transform:scale(1.02)}.record-icon{background:#f06;border-radius:50%;width:16px;height:16px;position:relative}.record-icon:before{content:"";border:2px solid #ff00664d;border-radius:50%;animation:2s infinite record-pulse;position:absolute;inset:-4px}.recording-info{text-align:center}.recording-info p{color:#ffffff80;margin:4px 0;font-size:12px}.recording-active{background:#ff00660d;border:1px solid #f063;border-radius:12px;flex-direction:column;align-items:center;gap:16px;padding:20px;display:flex}.recording-indicator{color:#f06;align-items:center;gap:8px;font-weight:600;display:flex}.pulse-dot{background:#f06;border-radius:50%;width:8px;height:8px;animation:1s infinite pulse}.stop-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:10px 20px;transition:all .2s}.stop-btn:hover{background:#ffffff26}.session-code{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:14px;display:flex}.session-code button{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:color .2s}.session-code button:hover{color:#fff;background:#ffffff1a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes record-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.2)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@media (width<=768px){.share-modal{width:calc(100% - 32px);margin:16px;padding:24px}.share-options{grid-template-columns:1fr}.mix-preview{text-align:center;flex-direction:column}.mix-cover{width:120px;height:120px;margin:0 auto}}