.share-modal-backdrop{position:fixed;inset:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease;margin:0;box-sizing:border-box}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.share-modal{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;width:100%;max-width:480px;max-height:calc(100vh - 40px);overflow-y:auto;animation:slideUp .3s ease;position:relative;z-index:10001;margin:auto}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.share-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 20px;border-bottom:1px solid #e9ecef}.share-modal-title{margin:0;font-size:24px;font-weight:700;color:#333}.share-modal-close{background:transparent;border:none;font-size:20px;color:#666;cursor:pointer;padding:4px 8px;border-radius:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:all .2s ease}.share-modal-close:hover{background:#f0f0f0;color:#333}.share-modal-content{padding:24px}.share-icons{display:flex;justify-content:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.share-icon-btn{width:56px;height:56px;border-radius:12px;border:none;background:#f8f9fa;color:#666;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.share-icon-btn:hover{background:#e9ecef;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.share-icon-btn:active{transform:translateY(0)}.share-link-container{display:flex;gap:8px;align-items:center}.share-link-input-wrapper{flex:1;display:flex;align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:12px 16px;gap:12px}.share-link-icon{font-size:20px;color:#666;flex-shrink:0}.share-link-input{flex:1;border:none;background:transparent;font-size:14px;color:#333;outline:none;font-family:inherit}.share-link-input::selection{background:#e3f2fd}.share-copy-btn{padding:12px 24px;border-radius:12px;border:none;background:#e9ecef;color:#333;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:inherit}.share-copy-btn:hover{background:#dee2e6;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.share-copy-btn:active{transform:translateY(0)}.share-copy-btn:disabled{opacity:.7;cursor:not-allowed}@media(max-width:576px){.share-modal{max-width:100%;margin:20px;border-radius:12px}.share-modal-header{padding:20px}.share-modal-title{font-size:20px}.share-modal-content{padding:20px}.share-icons{gap:10px}.share-icon-btn{width:48px;height:48px;font-size:20px}.share-link-container{flex-direction:column;gap:12px}.share-copy-btn{width:100%}}